3 Essential Design Trends, syyskuu 2017
Joskus voit vain tarkastella uusia verkkosivustohankkeita ja nähdä, mitä suunnittelijat ajattelevat. Voit tuntea mielialaa. Tämän kuukauden trendit heijastavat tätä konseptia, jossa on rohkeita värivalintoja, perinteisen sankariotsikkotyypin romahdus, joka on ollut suosittu jonkin aikaa ja pimeät animaatiot, jotka ovat vain vähän salaperäisiä.
Mitä mieltä sinä olet? Oletko valmis ohuempiin typografioihin, yksityiskohtaisempiin yksityiskohdat ja ikoni-tyyppiset logot? Saatat nähdä joitakin näistä suunnitteluprojekteista.
Tässä on trendi suunnittelussa tässä kuussa:
1. Rainbow-värit
Kun kuulet "sateenkaaren värit", ensimmäinen asia, joka tulee mieleen, ei todennäköisesti ole hyvä suunnittelu. On liian monia häikäiseviä esimerkkejä rakeista projekteista, joissa on sateenkaari-aiheisia väripaletteja, jotka ovat ylivoimaisia ja melko suoraan sanottuna suunnittelukatastrofeja.
Nykyiset sateenkaaren värit ovat vain tuhoisia. Ne ovat tyylikkäitä, yksinkertaisia ja tarjoavat vain oikean värimäärän yllättäen useita projekteja. Rainbow-paletit eivät ole vain pienille verkkosivustoille; suuria merkkejä mukaan lukien Github Universe -konferenssi , Southwest Airlines ja Lontoon kielioppi Spotify-kanava käyttää kaikkia mielenkiintoisia sateenkaarimalleja.
Vielä mielenkiintoisempaa on se, että jokainen muotoilu käyttää samaa värikonseptia hyvin eri tavoin.
- Rainbow-tekstielementit tummassa esteettisessä: Github käyttää yksinkertaista tummaa esteettistä sateenkaaren väristä tekstiä ja käyttöliittymäelementtejä vetämään silmästä tärkeimmistä tiedoista (kuten päivämäärästä) pääkutsuun (lippujen myynti). Sateenkaaren gradientti on yksinkertainen ja hienovarainen, samalla kun asetetaan tilaisuus ja optimismi. Tämä tuntuu vain oikealta yhdistelmäksi kannustamaan käyttäjiä liittymään konferenssiin.
- Southwest Airlines vie toisen lähestymistavan sateenkaaren taustaelementteihin ja teksti täyttää kevyemmän konttialuksen. Sateenkaaren aksentti antaa visuaalisen viitekohdan sivustolle, jolla on sisältöä, jota voidaan pitää tylsänä. Väri antaa tapaustutkimukselle hieman enemmän elämää, joka auttaa kannustamaan napsautuksia.
- Lontoon kielioppi käyttää jättimäistä sateenkaarirengasta käyttäjiä äänentoistokokemuksen kanssa yhteistyössä Spotifyin kanssa. Rainbow-möykky siirtyy ja liikkuu hitaasti animaationa, joka tuntuu geelinä vedessä. Värit liikkuvat ja yhdistyvät ja se on jotain, jota voisit tarkastella koko päivän, jos et ole varovainen. Värin elementin pelinäkökulma on myös mielenkiintoinen, mutta väri on ehdottomasti se, joka vetää ensimmäiset käyttäjät.
2. Hero-otsikon romahtaminen
Ylimitoitettu kuva- tai liukusäätimen sankariotsikko on ollut verkkosivujen suunnittelun katkottuja vuosia. Mutta on trendi päästä pois kuvion, kun enemmän suunnittelijat valitsevat minimaalisen yläpuolella vieritys rakenne enemmän elementtejä ja vähemmän rakennettu tunne.
Tulos näyttäisi olevan trendi, jossa on enemmän valkoisia tai kevyitä otsakkeita, joilla on kellertäviä osia. Tämä trendi saa jonkin verran sekalaisia arvosteluja. Osa kuvista on mielenkiintoisia, mutta yleisesti ottaen näyttää siltä, että yleisöllä ei ole keskipistettä ja että selkeästi määritelty joukko toimia.
Mikä on mukava sankarin otsikon romahtamisesta, on, että minimaalinen lähestymistapa tekee käyttäjistä näyttävän. Se on erilainen. Kysymys kuuluu, onko tarpeeksi viestiä pitääkseen kiinnostuksensa kauan tai jos käyttäjät reagoivat positiivisesti vähemmän visuaaliseen verkkosivustokokemukseen.
Tämä on trendi katsella, koska se on todennäköisesti kehityksen alkuvaiheissa. Suunnittelijat ovat valmiita tekemään jotain erilaista sivujen yläosissa (ja ymmärrettävästi niin). Tämä projektien iterointi on vasta ensimmäinen askel kohti jotain uutta. Jotkut suunnittelijat saattavat olla häiritsemättä sattumanvaraisesta yhdistelmästä tai elementtien osista useimmissa näistä suunnittelukonsepteista tähän mennessä. Jää nähtäväksi, missä suuntaus jatkuu, mutta kannattaa silmällä varmaa.
3. Tumma animoituja kuvioita
Tämä saattaa olla hauska trendi sivuston suunnittelussa juuri nyt: tummat animoitavat vaikutukset kerrostuvat tummien värien päälle. Tumma pimeässä konseptissa on salaperäinen, visuaalisesti mielenkiintoinen ja tosiasiallisesti tekee käyttäjän näyttävän ja sitoutuu suunnitteluun.
Lisäksi se voi toimia niin monella eri tavalla. Animaation kokoa tai tyyppiä ei ole määritetty tai mikä vaikutus on. Jokainen alla olevista esimerkeistä käyttää pimeitä animoituja vaikutuksia eri tavoin, jotka kaikki kannustavat jonkinlaista vuorovaikutusta automaattisesta liikenteestä hiiren yli vaikutuksiin yllätyksien vilkkuviksi (sinun on napsautettava linkit löytää tämä).
Vaikka nämä mallit näyttävät todella hyviltä, ne voivat myös aiheuttaa haasteita. Kaikki käyttäjät eivät ole kiinnostuneita tällaisesta tummasta esteettisestä. Se ei ehkä toimi kunnolla kaikissa ympäristöolosuhteissa. Nämä mallit näyttävät varmasti paremmilta työpöydän näytöiltä ja toimivat paremmin kuin pienemmät laitteet.
Suunnitteluvirralla on kuitenkin paikka suunnittelijoille, jotka haluavat luoda jotain hieman erilaista, tietyllä mielialalla ja trendikkäällä näkökulmalla.
On myös jotain tummien sävyjen yhdistelmistä, joissa ei ole paljon värejä, jotka vetävät sinut sisään. (Se on eräänlainen ymmärrettävää.)
Jos käytät pimeää tummaa kehitystä parhaalla mahdollisella tavalla, käytä tarpeeksi varianssia tummissa sävyissä varmistaaksesi elementtien näkymisen ja liikkeiden havaittavuuden. Käytä runsaasti mustia, joissa on runsaasti alivyöhykkeitä oikean mielialan asettamiseksi jokaiselle projektille.
Vaikka alla olevissa esimerkeissä kokonaan puuttuu väri, harkitse kontrastia värisävyä kuin valkoista keskeisten painopisteiden kohdalla. (Värikäs toimintapainikkeen kutsu todella näkyisi kontrastin suuruudella, jota kaikki mustat kuvat tarjoavat.)
Toinen tavanomainen suuntaus on yksinkertainen animaatioiden käytöllä. Mikään liike ei ole liian monimutkainen. Se on niin yksinkertainen ja virtaviivaistunut kuin väripaletti, joka on avaintekijä yleisen menestyksen suunnittelun trendille.
johtopäätös
Tämän kuun trendien esittelyn värierokehitys on sekä mielenkiintoinen että tehokas. Rainbow-värit ovat hauskoja ja kohottavia, kun taas minimaaliset valkoiset ja tummat kuviot tarjoavat runsaasti tilaa introspektiolle ja heijastukselle. Värivaihtoehdot liittyvät todella siihen, miten suunnittelijat tuntevat hankkeen.
Mitä suuntauksia olet rakastat (tai vihaa) juuri nyt? Haluaisin nähdä joitakin verkkosivustoja, joista olet kiehtonut. Pudota linkki Twitterissä ; Haluaisin kuulla sinusta.