Essential Design Trends, lokakuu 2016
Kuten sanonta kuuluu: Kaikki vanha on uusi. Se on totta suunnittelussa varmasti. Tässä kuussa muutamia web-suunnittelun suurimpia trendejä ei ole ollenkaan niin uusi. Suunnittelijat keksivät vanhan koulun kirjoitustyylit, palaavat verkkoon ja käsittelevät uudelleenviestit kotisivulla.
Se on mielenkiintoinen yhdistelmä visuaalisia elementtejä, joita olemme nähneet menneisyydessä ja näkevät todennäköisesti tulevaisuudessa. Tässä on trendi suunnittelussa tässä kuussa:
1. Vanhan koulun typografia
Useammat suunnittelijat käyttävät vanhan koulun lähestymistapaa typografian esittämiseen. Poissa ovat erittäin ohut tai tiivistetty sans serifs, ja perinteisempään tyyliin tyyliin. Vanhanaikaiset, modernit ja siirtymäajat ovat uusi go-to display type tyyli.
Se on hieman yllättävää. Vuosia. "Sääntö" on ollut käyttää sans serifs parantaa luettavuutta ja suunnittelijat tekivät juuri niin, usein ilman kysymyksiä. Uudenlainen serifien käyttö isoille - ja jopa pienemmällekin - on virkistävää ja melko luettavaa. Mallit elävät usein pienessä tilassa, joten tyypin ei tarvitse kilpailla huomiota ja parit keskittyvät tummaan kirjaimeen vaalealla taustalla. (Kaikki asiat, jotka tukevat luettavuutta.)
Etkö tiedä paljon tällaisista tyypeistä? Tässä on nopea alusta jokaisessa näistä "uusista" vanhan koulukirjoista:
- Vanha tyyli: Kirjaimella on vanha maailma vibe, joka kulkee joissakin blackletter- ja goottityyleissä painon alkuaikoina. Kirkkomuutoksilla on usein pieniä merkkejä (ne pienet lyönnit, joiden pituus on pitempi) ja pyöristetty muoto. RSQ, alla, on vanhan tyylin typografian täydellinen esittely.
- Moderni: Tämä kirjoitustyyli on melko yleinen painetussa suunnittelussa, kuten sanomalehdissä ja aikakauslehdissä, mutta se on vasta alkamassa. Nykyaikaisilla sävyillä on vuorotellen paksu ja ohut aivohalvaus jokaisessa kirjaimessa, joskus suurilla kontrastisuuksilla. Ink + Volt, alla, käyttää kaunista modernia sarjaa. Huomaa myös, miten kirjainta käytetään. Tyyppi on valkoisen laatikon sisällä siten, että jokaisen kirjaimen ohuet osat eivät häviä videotaustaan, mikä rajoittaisi luettavuutta. Tämä on täydellinen ratkaisu modernin serifin käyttämiseen.
- Siirtymäkausi: Nämä kirjaimen muodot näyttävät paljon kuin modernit serifit yhdellä suurella erolla - kirjaimilla on tasaiset iskun leveydet. Tämä tekee perinteisistä serifit helppokäyttöisemmäksi, koska ne voivat olla luettavissa useammissa suunnittelutilanteissa.
Kaikki vanhan koulun typografia ei kuulu serif-luokkaan. Jotkut vanhojen koulujen tyylit muistuttavat meitä vain toista kertaa, kuten The Frontend Guide -oppaan käyttämää alla. Tyylikäs, kallistunut, 1970-luvun lopulla ja 80-luvun alussa teemassa todella vie sinut toiseen aikaan ja paikkaan. (Ja se on täysin vanha koulu.)
2. Määritetyt ruudut
Joskus näet ruudukon, joskus et voi. Kummassakin tapauksessa kiinteä verkko on muotoilun perusta, joka on puhdas järjestetty ja helppo silmissä.
Määritellyt verkot tekevät paluuta. Osa siitä saattaa olla materiaalisuunnittelun vaikutuksesta, jossa on runsaasti elementtejä siistissä sarakkeissa ja riveissä, ja osa siitä saattaa olla helppo siirtää ja järjestää elementtejä vastaaviin kehyksiin.
Joko niin, määritellyt verkot voivat näyttää hämmästyttävän erilaisia projekteja lähes millä tahansa näytöllä. Mikä on mukavaa käyttää määriteltyä verkkoa, joka on se, että se tekee suunnittelijan todella helpoksi. Kun pääset työskentelemään verkon sisällä, sijoittelut, mitoitus- ja suunnitteluvaihtoehdot näkyvät selkeästi sinulle.
Joukko määritettyjen verkkojen käyttämiseen ei ole näyttää liian rakenteeltaan tai liian ristikkäiseltä. Monille suunnittelijoille tämä tarkoittaa kokojen vaihtamista erilaisiin "näytöksiin", kuten koko leveyden sankakuvaan elementtien verkon yli. Elegantin Lokit "Decade" -sivu, alla, tekee tämän kauniisti. Sivustossa on myös hienovaraisia ristikkäitä kuvia etusivulla, joka on tumma salaperäinen, ja vie sinut mysteerisillä teemasivuilla. High Tide, alla, tekee jotain samanlaista viileää intro-videota ruudukkolohkojen yläpuolella.
Mutta verkko voi olla hyvin määritelty ja hieman vähemmän boxed. Zumtobel, alla, käyttää sen nimissä olevia kirjaimia luoda ruudukkolohkoja tiettyihin tuotetietoihin. Vain hoverissa näet täysin kokoiset ristikkopakkaukset, vaikka sijoitukset ovat ihanteellisesti välimatkat vaakasuorassa ja pystysuorassa puhtaassa ruudukossa.
Mitä enemmän ajattelet ruudukoista, sitä enemmän sinä näet ne projektin silmissä, jotka ovat luoneet kukin. Voit aloittaa joidenkin yleisten verkkojen avulla, jos et ole tyytyväinen ajatukseen tai luo oma. Temppu on, että sinun on käytettävä verkkoa johdonmukaisesti todellisen visuaalisen menestyksen.
3. Minimaalinen viestintä "fold"
Päivän kysymys on tämä: Onko tarpeeksi tietoa rullan yläpuolella kiinnostumaan tarpeeksi, jotta voisit katsella verkkosivustoa? Voi olla vaikea vastata. Mutta paljon suunnittelijoita panostaa ajatukseen, että napsautat tai vierität, vaikka näytössä olisi vain yksi sana.
Muilla grafiikoilla, kuten videolla, vierittämällä liukusäätimillä tai houkuttelevilla tuote-näyttöillä käyttäjät voivat tehdä juuri tämän. Mutta se voi olla uhkapeli, etenkin sellaisissa malleissa, joissa ei ole navigointi-valikkoa, jossa on minimaalinen viestintä.
Sitten on olemassa tämä: Paljon käyttäjää syöttää verkkosivustoja muilla sivuilla kuin kotisivulla, joten miksi emme ota riskiä siellä? Katso tietoja ja napsautuksia, katso mitä tapahtuu.
Tämä on yksi niistä suuntauksista, jotka kiinnostavat katsomaan. Se voi kadota melkein yhtä nopeasti kuin se on ilmestynyt, mutta tällä mallilla on paljon sivustoja.
johtopäätös
On hauskaa katsella muotoilun kehityssuuntia takaisin muotiin. Kahden näistä suuntauksista - vanhan koulun typografiasta ja määritetyistä ruudukkoista - on hienoa, että ne ovat erittäin käyttökelpoisia useissa suunnittelutyypeissä.
Mitä suuntauksia olet rakastat (tai vihaa) juuri nyt? Haluaisin nähdä joitakin verkkosivustoja, joista olet kiehtonut. Pudota linkki Twitterissä ; Haluaisin kuulla sinusta.