Essential Design Trends, maaliskuu 2017
Tässä on painopiste ...
Se on teema tässä kuussa. Tämä kokoelma suuntauksia keskittyy lisäämällä painotusta suunnitteluun yksityiskohtaisesti yksityiskohtaisesti kursiivilla jakaa näytöt rankka, minimalistinen taustat pariksi kanssa temppu tai kaksi.
Tässä on trendi suunnittelussa tässä kuussa:
1. Jaettu näyttö
Jaettu näytön suunnittelu oli jotain, joka alkoi saada vetovoimaa vuoden 2016 puolivälissä ja nyt se on iso juttu. Selaa verkkosivujen suunnittelun kokoelmista ja jakautuneista näytön ääriviivoista on kaikkialla.
Mikä mukava on, kuinka nopeasti tyyli on kehittynyt. Varhainen jaettu näyttökuvioissa oli pääosin symmetrisiä malleja, joissa oli yin ja yang-tyyliestetiikka. Uusilla jaetuilla näytöillä on enemmän "mitä tahansa" tuntuu heille.
Alla olevissa kolmessa esimerkissä on kolme hyvin erilaista tapaa käyttää samaa suuntausta.
- Valuutta käyttää split-mallia, joka sisältää silmukkasivun ja pääavigoinnin. Valkoisen alueen ja punaisen välinen kontrasti on ankara ja pakottaa silmät koko näytön yli. Se myös varmistaa, että käyttäjä löytää navigoinnin, koska se on ainoa elementti värin sisällä.
- GECN on monimutkainen hallituksellinen sivusto, joka käyttää jaettua näyttöä välittämään kahta eri ideaa kahdella linkillä heti suunnittelussa. Vaikka jakaminen ei ole koko näytöllä ja sisältää paljon tekstiä, tämä on hyvä vaihtoehto mallille, jossa on paljon toimintoja, käyttäjäasemia tai monimutkaista sisältöä.
- Ujo käyttää samanlaista konseptia kuin Rency mutta kierre: Suunnittelussa on koko näytön videohaara ja puolet siitä on päällystetty sävytetyllä värillisellä laatikolla. Kaikki napsautettavat elementit ovat sävytettyä aluetta ja navigointi-valikko on piilotettu videon oikeaan yläkulmaan.
Jokaisessa esimerkissä on yhteinen se, että jaetun näytön muotoilu korostaa sisältöä. Se auttaa käyttäjiä määrittämään tiettyjä elementtejä käyttämällä väriä ja todellista tai havaittua liikkumista, vastakkaisten "näytöksien" ansiosta.
Paras osa uusimmista jaetun näyttömalleista on, että niissä on epäsymmetrinen virtaus. Suunnittelijat eivät ole jumissa yin ja yang muodossa, ja tulos on paljon mielenkiintoisempia visuaalisia malleja.
2. Kursivointi
Yksi vähiten käytetyistä hahmotyylistyypeistä näytetään enemmän näytössä.
Kursiivit alkavat tulla muotoilijoiden typografian paletteiksi, eikä vain satunnaiseen painopisteeseen. Useampia kursivointeja käytetään näyttötyyppien, toissijaisten elementtien kuten linkkien tai valikkokohtien tai laajemman painotuksen kannalta.
Kursivut ovat tuoreita tyypillisten tyyppien tapaan. Koska niitä ei ole käytetty niin laajasti, tämä suuntaus on sellainen, joka tarttuu kävijöiden huomion piiriin, vaikka he eivät olisikaan varma siitä, mitä kirjaimista sai heidän huomionsa ensinnäkin.
Kursivut ovat hienovaraisia muutoksia, jotka eivät edes edellytä uutta typografialaatikkoa. Heillä on joitain varoituksia ja ehdotuksia parhaista käytännöistä.
- Suurin osa kursiivista kannattaa käyttää niukasti pienissä tekstirivissä.
- Käytä erittäin luettavaa kirjasintyyppiä, jos aiot kursiivilla; Uutuuden vaihtoehtoja voi hankaloittaa.
- Käytä kirjasinleikkausta kursiivilla ja älä yritä luoda omaa versiota kääntämällä kirjaimia. (Se voi saada sekaisin kiirettä.)
- Käytä kursivointia edustamaan yleisesti kursivoituja elementtejä, kuten jotain otsikkoa, kuten vitriinejä monissa alla olevissa esimerkeissä.
- Paranna kursoria yksinkertaisella vaikutuksella, kuten animaatiolla tai väreillä, vielä enemmän huomiota.
- Koska kursivointia voi olla hieman vaikeampi lukea, varmista, että tyypin ja taustan välillä on paljon kontrastia.
- Pair italic -tyyppiset vaihtoehdot yksinkertaisella serif tai sans serif -tyyppisellä tekstillä, jotta et pääse kursiivilta.
3. Kiinteät taustat, joissa on "temppu"
Yksi helpoimmista tavoista luoda visuaalisen painotuksen on kontrastin elementtejä. Vaikka vankka tausta saattaa vaikuttaa tavalliselta tai tasaiselta, se voi olla täydellinen kangas design-temppu, kuten animaatio, kuva tai ääni.
Taustan ja temppuisen kirkkauden välinen kontrasti auttaa tuomaan käyttöliittymän elementin elämään. Yksinkertaisista pomppulintuista 3K muotoilu hauskasta sarjasta Retrace Health parallaksen rullaukseen Florian Monfrini .
Jokainen vaikutelma erottuu taustan yksinkertaisuuden vuoksi. Lisäksi nämä taustat eivät pääse suunnitelmaan. Jokainen on valkoinen tai pastelli ja heikkenee etualalla, jotta käyttäjät keskittyisivät ensisijaisen sisällön viestintään. (Musta tai yksinkertainen tumma tausta voi toimia yhtä hyvin.)
Siksi se toimii: Käyttäjät eivät ole kiinni kangasta ja muotoilu lähes pudota pois näytöstä. Se on melkein kuin seinän taidetta. Jos seinä on maalattu luonnonvaraisilla väreillä ja kuviolla, voi olla vaikeaa nähdä kehystämästä kuvaa, jota sinä olet siellä, mutta taideteos valkoisella seinällä on esitystapa.
Tämä mallisuunnittelu luo esityksen sille temppu, jota olet halunnut sisällyttää projektiin. Se voi olla melkein mitä tahansa. Ja se on mallin kohokohta yksinkertaisella kankaalla sen näyttämiseksi.
Yksi varoitus, kun suunnittelet värivalikoimaa yksinkertaiselle taustalle: Suurimmat iskut vaikuttavat valkoiseen, mustaan tai neutraaliin väreihin. Lihavoittavat, kirkkaat värit ovat lähes itsestään suunniteltuja temppuja ja saattavat heikentää tavoitteesi.
johtopäätös
Jokaisen suunnittelun on korostettava jotain. Siksi tämä trendien ryhmä on niin virkistävää. Jokainen korostaa jotain tärkeää käyttäjille, joilla on helppo ymmärtää tapa tarjota painotusta. Käyttäjät tietävät tarkalleen mitä kursiivilla tarkoitetaan, ja he voivat nähdä eroja ristikkäin näytöissä tai taustoissa, jotka eroavat käyttöliittymän elementeistä.
Mitä suuntauksia olet rakastat (tai vihaa) juuri nyt? Haluaisin nähdä joitakin verkkosivustoja, joista olet kiehtonut. Pudota linkki Twitterissä ; Haluaisin kuulla sinusta.