Post Flat Design - mitä tapahtuu seuraavaksi?

Vuorovaikutussuunnittelusuunnitelmien tulevaisuus on kasvanut. Pelkästään viime viikolla olen lukenut kolme erilliset keskustelut niin sanotusta "litteän suunnittelun lopusta". Tällainen puhe on mahtavaa, koska osa parhaista esteettisistä ja vuorovaikutussuunnittelutöistä tehdään aivan uuden trendin kynnyksellä. Se saa suunnittelijat ajattelemaan ja innostaa teollisuuden erityistä luovuutta thrives päällä.

Esimerkiksi sellaisia ​​teemoja kuin divi että Avada pysyi suosittuna, koska he ovat aina siirtyneet suunnittelusuunnitelmien mukana ja pitäneet itsensä ajankohtaisina.

Heiluri heilahtaa

Alussa CSS sallii vain HTML-asiakirjojen perustason hallinnan. Kun verkkosuunnitteluteknologia kasvoi, skeuomorfinen esteettisyys otti voimansa ja työntää rajoja, mikä oli mahdollista verkossa. Mutta kun tyyli kypsyi, joistakin käyttöliittymistä tuli vaikeita käyttää, sekoittaa tai suorastaan ​​ruma. Väärinkäytimme tekstuureja, varjoja ja hienoja yksityiskohtia, jotka auttoivat meitä määrittelemään toimialamme. Suunnittelijat ja kehittäjät halusi jotain uutta ja yksinkertaista sen korvaamiseksi.

Tasainen liike on syntynyt tarpeesta päästä mahdollisimman kauas skeuomorfismista. Varjot ja metallinen kiilto korvattiin kiinteillä sävyillä ja typografialähtöisellä suunnittelulla. Se oli harkittu takaisin sveitsiläiseen "kansainväliseen tyyliin", jossa vahva typografia ja väripalikat hallitsivat painossa.

Sveitsiläisen kansainvälisen tyylinen tasainen muotoilu

Mutta ehkä heiluri heilui liian pitkälle litteään suuntaan. Siirtymällä tasaiselle tasolle menetimme joitain hyödyllisiä etuja - etenkin napeilla ja muodoilla - joita perinteisempi estetiikka teki tuotteidemme helppokäyttöiseksi. Kun kaikki muuttui tasaiseksi, selkeän visuaalisen hierarkian luomisesta tuli jatkuva haaste.

Litteä muotoilu - voitko kertoa, että vaihtoa painetaanVoitteko kertoa mikä Shift-näppäin on käytössä?

Flat on ollut hallitseva visuaalinen tyyli yli vuoden ajan, ja siitä on tullut loistava työ. Mutta on selvää, että nyt on aika antaa heilurin kääntyä takaisin - jos vain vähänkin.

Postitaso

Ehdotan post flat -suunnittelua - ei pelkästään uudenlaisena ajattelutapana suunnitteluestetiikasta - vaan myös järkevän visuaalisen hierarkian ja ymmärrettävämpiä käyttöliittymiä käyttäjille. Joitakin postitason käyttöliittymän ominaisuuksia voivat olla:

  • Hierarkia määritelty kokoja koostumus yhdessä väri.
  • Edulliset painikkeet, lomakkeet ja interaktiiviset elementit
  • Skeuomorphs edustaa 1: 1-analogeja oikea elämä esineet (esimerkiksi e-kirjan sivun käpristyminen) käyttäjän ilon tai edullisuuden nimissä
  • Painotetaan voimakkaasti sisältöä, ei koristeita
  • Kaunis, luettava typografia

Sekä skeuomorfisilla että tasaisilla ääripäillä on ainutlaatuisen kauniita ja hyödyllisiä ominaisuuksia, mutta näiden kahden tyylin yhdistäminen antaa meille mahdollisuuden hyödyntää molempien vahvuuksia. Esimerkiksi mobiilisovelluksessa voi olla värillisen tekstin sijaan mittapainikkeet, jotka edustavat ensisijaisia ​​toimintoja käyttöliittymässä.

iphone suunnittelu tasainenBrian Benitezin Flaer


Ilman tiukka litteään muotoiluun liittyvät visuaaliset vaatimukset, post flat tarjoaa suunnittelijoille paljon erilaisia ​​vaihtoehtoja tutkia uutta estetiikkaa - skeuomorfisen ja litteän muotoilun parhaat ominaisuudet. Suunnittelijoiden ei tarvitse uhrata käytettävyyttä, jotta ne sopisivat uusimpaan suuntaukseen.

Valo ja kytkinValo ja kytkin, kirjoittanut Sebastien Gabriel

Animoitu safari-kuvake

Rayn animoitu Safari-kuvake

Kokeillaan tätä. Pöly pois varjot ja kaltevuudet ja esitä ne tasaisille väripainikkeillesi ja kuvakkeillesi. Tee ehdottomasti paras työsi tuntematta vain yhtä esteettisyyttä. Tuo monipuolisuutta, luovuutta ja iloa takaisin käyttöliittymiin ja teemoihin. Yritämme täällä Collective Rayssä jännittäviä asioita postitason suunnittelun hengessä - se on virkistävä ja jännittävä haaste.

Ja me kokeilemme uusia ja mielenkiintoisia asioita niin kauan kuin olemme tällä alalla.

kirjailijasta
Kirjoittaja: Super User

Yksi asia vielä... Tiesitkö, että ihmiset, jotka jakavat hyödyllisiä juttuja, kuten tämä viesti, näyttävät myös mahtavilta? ;-)
Ole hyvä Jätä hyödyllinen kommentoi ajatuksiasi ja jaa tämä sitten Facebook-ryhmissäsi (ryhmissä), jotka pitävät tätä hyödyllisenä, ja hyödynnetään yhdessä. Kiitos jakamisesta ja mukavuudesta!

Disclosure: Tämä sivu voi sisältää linkkejä ulkoisille sivustoille tuotteille, joita rakastamme ja kannatamme sydämestämme. Jos ostat suosittelemiamme tuotteita, saatamme ansaita viittausmaksun. Tällaiset maksut eivät vaikuta suosituksiimme, emmekä hyväksy maksuja positiivisista arvosteluista.

Kirjoittaja (t) esillä:  Inc-lehden logo   Sitepoint-logo   CSS Tricks -logo    webdesignerdepot-logo   WPMU DEV -logo   ja paljon muuta ...