6 vaiheet minimointiin Web-suunnittelussa
Viime vuosina web-suunnittelua on kamppaillut eri suuntauksilla, jotka ovat tulleet ja menneet. Yksi trendeistä, jolla on pysyvä voima, on minimalismia, yksinkertaisesti koska se on ajaton käsite, joka on ollut suosittua eri medioissa vuosisatojen ajan. Joten miksi ei web-suunnittelussa?
Yksi minimalismia koskevista asioista on se, että se myös parantaa käyttäjän kokemusta ja näyttää mukavalta. Monien käyttäjien tekemä valitus vuosien varrella on ollut, että jotkin sivustot ovat liian monimutkaisia navigoille. Siellä on vain liikaa tavaraa, joka tekee käyttäjän kokemuksesta vähemmän kuin mitä pitäisi tai voisi olla.
Vanha sanonta, että "vähemmän on enemmän" yhä kuulostaa totta, varsinkin kun se tulee muotoiluun 21-luvulla.
1) Kiinnitä tasainen muotoilu
Me kaikki tiedämme, että litteä muotoilu on pohjimmiltaan muotoilun maailman vastaus skeuomorfismiin, joka on pudonnut äärettömästi äskettäin, ja Apple on erinomainen esimerkki tästä merimuutoksesta. Litteä muotoilu on ominaista pudotusvarsien, 3D-vaikutusten ja kaltevuuksien puuttuessa; se käyttää myös rohkeita ja eloisia värejä vetämään käyttäjän silmää.
Yksi valtava brändi, joka omaksuu tasainen muotoilu vaikuttavalla tavalla, on Microsoft, etenkin Windows 8 -käyttöjärjestelmä. On yhtiön virallinen verkkosivusto uusimmalle versiolle , 8.1, näemme tasainen suunniteltu esillä kaikissa sen kunniaa. Tämä on täysin johdonmukaista, koska Windows 8 oli tunnettu aloitusnäytön tasomaisesta suunnittelusta.
Siksi sivustossa ei näy minkäänlaisia varjoja tai kaltevuuksia - näet vain kaiken 2D: ssä. Useiden eri otsikoiden ja vartalokuvien fonttien typografialla ei ole minkäänlaisia tekstuureita; sivun asettelu on erittäin puhdasta ja ilman sotkua; kuvakkeet ja painikkeet ovat eläviä ja tasaisia, kuten voi olla; ja Windows 8 -käynnistysnäytöissä kuvat ovat tasainen muotoilu.
2) Käytä valkoista tilaa
Mitä haluat kutsua, negatiivinen tai valkoinen tila ei ole vain poikkeuksellisen älykäs elementti, joka ohjaa silmää menemään sinne, missä haluat sen siirtyvän verkkosivulle, mutta se on myös minimalismia vakiovaruste. Yhä useammat sivustot menevät tähän suunnittelutekniikkaan, kun he ymmärtävät, kuinka hyödyllistä se on.
Yksinkertainen esimerkki negatiivisesta tai valkoisesta tilasta kaikissa Internetissä on luultavasti sivusto, johon vähiten yhdistät sen - vain siksi, että otat sen itsestäänselvyytenä. Käytät sitä niin paljon, että se pelkää irti ilmoituksesi ... mutta se on siellä! puhun ...-sta Google haku . Se on tutkimusta valkoisessa tilassa, syistä, joiden pitäisi olla itsestään selvää.
Koska sivuston tarkoitus on haussa, yritys on käyttänyt sivullisesti niin paljon negatiivista tai valkoista tilaa, ettei mikään muu koko maailmankaikkeuden käyttäjä voi häiritä mitään muuta hakusivulla. Kaikki elementit on poistettu ja valkotila ympäröi hakupalkkia. Ilmeisesti tämä ohjaa käyttäjän silmän suurimpaan ja vain tärkeään kohtaan: missä kirjoitat hakusi.
Vaikka negatiivinen tai valkoinen tila on ihanteellinen esimerkki minimalismista, on myös korostettava, että se ei sinänsä ole tyhjyyttä. Se on itse asiassa erittäin viisas muotoilujärjestelmä, joka auttaa ohjaamaan käyttäjän silmät.
3) Rajavalinnat
Yksi suurimmista sääntöistä, jotka lisäävät tuloksia sähköisen kaupankäynnin tai B2B-sivuston kautta, on poistaa käyttäjien, ostajiesi tai vierailijoiden antamat valinnat. Se vain on järkevää: Kun poistat mahdollisimman monta valintaa, et anna kävijöitäsi häiritä mitä tahansa, mikä voi estää heitä täyttämästä sivun tavoitetta, joka on muuntaa. Siten vähemmän valinta on toinen upea esimerkki minimalismista web-suunnittelussa.
Yksi parhaista paikoista nähdä valinnan minimalismista on aloitussivuilla - aloitussivut, jotka kulkevat sen oikein. Yritys, joka pääsee valitsemaan minimalismia, on Gengo, ammatillinen käännöskonserni.
Päällä sen aloitussivu , näet täydellisen valinnan puuttumisen. Tämä johtuu siitä, että aloitussivu tekee hyvin selväksi, mitä seuraava (ja ainoa) askel pitäisi olla vierailijoille: muunna kirjoittamalla tekstiä tai lataamalla tiedostoasi käännös. Toki, die-hard purists valtakunnassa minimoida valinta jopa väittävät, että ylhäällä valikossa ylätunniste olisi poistettava, koska käyttäjät voivat silti napsauttaa siellä eikä keskittynyt käännöspalvelu.
4) Keskity lihavoituun typografiaan
Jos haluat todella arvostaa minimalismia web-suunnittelussa sen paljaille luille perusteet, niin tutustu Brian Danaherin sivusto . Brian on taiteellinen johtaja, suunnittelija ja kuvittaja.
Kuten näette, hänen sivustonsa suunnittelu perustuu periaatteessa kahteen asiaan: rohkea typografia, jota et voi jättää huomaamatta ja yhden sarakkeen ulkoasu. Se siitä! Kyllä, tämä lähestymistapa minimalismiin saattaa olla liian äärimmäinen joissakin makuissa, mutta silti hän saa aikaan kaksi erittäin tärkeää tavoitetta, jotka ovat kaikkien kenenkään mielessä, kun heillä on omat sivustonsa uran edistämiseksi:
- Koska navigointi on periaatteessa piilotettu yhden sarakkeen ulkoasuun, Brian pystyy pääsemään oikeaan kohtaan siitä, mitä hän tekee, kuka hän on ja miten sivuston kävijät voivat ottaa yhteyttä häneen
- Brian onnistuu käyttämään kontrastia (fonttien väreissä ja taustaväreissä yhtä paljon kuin fonttien koot ja tyylejä), jotta hänen sivuston kävijöilleen olisi jotain mielenkiintoista tarkastella
5) Yksinkertaista navigointia
Navigointivalikkoa voidaan usein jättää huomiotta, kun keskustelemme minimalismista sivuston suunnittelussa, mutta se voi olla myös valtava (vaikkakin äänettömän) avustaja minimalismin tekemisessä sivustossasi. Navigointivalikko, joka ei ole houkutteleva ja hiljainen sekoittuu taustalle, on avain tehdä sivuston minimalistinen toiminnallisella tasolla.
Katso valokuvaaja ja suunnittelija Cristian Ordonezin sivusto se on tutkimus minimalistisessa navigointivalikossa. Valikko on sellainen omituinen lähestymistapa minimalismiin, että se ei edes kiristä koko etusivun leveyttä; sen sijaan se on eräänlainen hiljaa piilotettu sivun yläosassa, oikeassa kulmassa. Lisäksi ei ole käynnissä dia-out-valikkotoimintoa, joten eri navigointikerroksia ei ole. Lopuksi, valikon värit (ainakin kotisivulla) hienovaraisesti sekoittuvat myös taustaväriin.
6) Käytä värejä laastareissa
Pienien värivarusteiden käyttäminen sivustosi suunnittelussa auttaa sinua noudattamaan minimalistista lähestymistapaa ja samalla helpottamaan sivuston kävijöitä pohtimaan, mikä on tärkeätä tietyllä sivulla. Sisällyttämällä pieniä värejä täällä sinne ja sinne onnistuu piirtämään sivustosi kävijöiden silmät tietyille tärkeille alueille.
Sivuston 960 Grid System , jonka tehtävänä on virtaviivaistaa web-kehitysprosessia, merkitsee tätä älykkään värin käyttöä erittäin hyvin. Juuri heti huomaat pienet keltaiset roiskeet, joita käytetään esimerkiksi sisäisiin linkkeihin, kuten "download" ja "demo demo". Myös napsautettava Twitter-logo vasemmassa yläkulmassa tarjoaa kirkkaan sinisen laastarin, joka vetää silmät sivuston kävijöitä (vie sinut suoraan omistajalle / suunnittelija Nathan Smithin Twitter-syötteeksi).
Minimalismi toimii, jos osaat käyttää sitä
Mainitse sana "minimalismi" joillekin suunnittelijoille, ja heistä tulee huolestuttavia, koska he väärin ajattelevat, että liian yksinkertainen sivuston suunnittelu on epämiellyttävää. Kuten edellä esitetyt esimerkit osoittavat, mikään ei kuitenkaan voi olla kauemmas totuudesta.
Oikein tehty, minimalismia sivuston suunnittelussa voi johtaa uusiin ja kuumiin trendiin, kuten litteisiin muotoiluihin tai auttaa tekemään sivuston omistajille lisää rahaa lisäämällä tuloksia, kun valinta on rajoitettua. Kaiken kaikkiaan minimalismista luodaan puhdas, hyvin organisoitu ja siisti sivusto, joka helpottaa sivustosi kävijöiden toimintaa. Tämä on syy käyttää sitä sivustosi suunnittelussa.