Ennen kuin hallitset suunnittelun, sinun on ensin hallittava perusteet

Yksi lukijoistani lähetti viime viikolla kysymyksen: Kuinka minusta tulee parempi visuaalinen suunnittelija?

Ajatteliessani kuinka vastata tähän kysymykseen, mieleni vaelteli kokemukseni mandariinikiinan oppimisesta. Äskettäin päätin opettaa itselleni mandariinin. Kun kyse on uuden kielen oppimisesta, sinun on ensin aloitettava perusteista. Substantiivit, pronominit ja verbit muodostavat perustan monimutkaisempien ideoiden välittämiselle.

Kieli on tapa, jolla ihmiset kommunikoivat käsitteitä toistensa kanssa. Visuaalinen suunnittelu on visuaalinen kieli. Ja visuaalisen suunnittelun oppiminen ei eroa uuden kielen oppimisesta.

Hyviä visuaalisia muotoiluja ei syntynyt. Ne on tehty. Avain parempaan visuaalisuunnittelijaan on tiukka. Parannat visuaalisena suunnittelijana vain, jos yrität tietoisesti.

Tässä on joitain perusteita, jotka sinun tulee hallita, jotta voit viedä visuaalisen suunnittelun seuraavalle tasolle.

Perusasiat # 1: Palaa takaisin perusteisiin tyypin avulla

Voit kertoa paljon suunnittelijasta tutustumalla heidän typografiaansa. Tämä johtuu siitä, että tyyppi on suunnittelun perusta.

Kirjoita kuvaksi

Voit luoda kokonaisia ​​malleja vain kirjoittamalla. Voit myös perustaa malleja tyypille ottamalla hienoja jonoja valitsemistasi kirjasimista. Parantaaksesi malliesi typografiaa, aloita ensin oppimalla perusteet.

Kehitä sanastoa tyypin kuvaamiseksi. Lisätietoja siitä, mitä termit, kuten seuranta, viritys ja johtaminen tarkoittavat. Artikkeli Kauniisti kuvitettu typografisten termien sanasto, jonka sinun pitäisi tietää, on loistava visuaalinen resurssi näiden termien oppimiseen.

Sitten, jos haluat kokonaisvaltaisen käsityksen siitä, kuinka typografiaa sovelletaan verkkoon, lue Verkkotypografia: Webissä käytettyjen typografisen tyylin elementit.

Fonttien yhdistäminen voi luoda tai rikkoa mallin

Viimeinen tapa on oppia pariliitännät pariksi. Suuri resurssi tähän on FontWolf ja FontPair. Fonttien pariliitos kyky muuttaa dramaattisesti suunnittelun dynamiikkaa.

Yksityiskohtaisempaa typografian tutkimusta varten voit lukea artikkelisi: Typografia voi tehdä suunnittelustasi ... Tai rikkoa se.

Perusasetus # 2: Käytä välilyöntiä tasapainon luomiseen

Väli auttaa luomaan pystysuuntaisen ja vaakasuuntaisen liikkeen malleissasi. Sillä on keskeinen merkitys visuaalisen hierarkian luomisessa ja elementtien välisen yhdistymisen muodostamisessa.

Luo tasapaino ja visuaalinen harmonia

Voit aina tarkastella sivustoja, kuten Behance ja Dribbble, saadaksesi inspiraatiota elementtien asettamiseen. Mutta on tärkeää kehittää oma intuitio tilan käyttämiseksi tasapainon ja visuaalisen harmonian luomiseksi.

Typografiaa opiskellessasi olet ehkä huomannut tyyppivälien merkityksen. Leikkauksen säätäminen ja fonttien ohjaaminen on hieno harjoitus silmäsi kehittämiseen etäisyydelle. Tästä syystä suosittelen kokeilemaan KernTypeä, peliä, jossa vertaat kerning-ratkaisuasi typografin ratkaisuun.

Craig Welsh palkittu juliste on yksinkertaistettu

Toinen harjoitus, joka auttaa kehittämään silmääsi, on seuraava: Ota olemassa oleva malli, piirrä x- ja y-akseli, yksinkertaista muoto perusmuodoiksi, analysoi kuinka malli on tasapainossa ja järjestä sitten elementit uudelleen. Kiinnitä huomiota siihen, kuinka negatiivinen tila vaikuttaa elementtien tasapainoon.

Perusasetus # 3: Käytä kokoa visuaalisen hierarkian luomiseen

Visuaalisen hierarkian luomisessa mitoitus on vertaansa vailla. Käyttämällä kokoa visuaalisten suhteiden välittämiseksi elementtien välillä, voit luoda virtauksen.

Mitoitus on yksi syy, miksi ristikot ovat hyödyllisiä

Mitoitus on yksi syy, miksi ristikot ovat hyödyllisiä. Voit käyttää ruudukkoja elementtien koon mitoittamiseen suhteiden avulla tärkeyden ilmaisemiseksi.

Kun olet määrittänyt elementin koon, pidä se sama kaikissa sen tapauksissa. Suunnittelussa johdonmukaisuus on kuningas.

Käytä kokoa visuaalisen hierarkian luomiseen

Tässä on harjoitus, joka auttaa kehittämään silmäsi mitoittamiseen.

Tärkeintä on palautteen pyytäminen.

Luonnos tai kehys aloitussivu. Pyydä sitten ystävää katsomaan malliasi. Pyydä niitä ympyröimään elementit, jotka erottuvat eniten. Anna sen jälkeen numeroida ympyröityt elementit visuaalisen painon perusteella. Ovatko tulokset mitä odotit?

Kun teet tätä harjoitusta, pidä mielessä seuraavat kysymykset:

  • Mikä on aloitussivun tulostavoite? Kuinka voit optimoida tavoitteesi saavuttamiseksi?
  • Mikä on suhde eri elementteihin? Mitä elementtejä haluat korostaa?
  • Ohjaako ulkoasu onnistuneesti käyttäjän silmän sivun läpi?

Perusasetus # 4: Käytä väriä merkityksen välittämiseen

Väri pelaa monia rooleja. Se välittää merkityksen, luo emotionaalisen resonanssin ja tuo mallien yhtenäisyyden.

Väri auttaa välittämään merkityksen suunnittelussa

Jos haluat syvän sukelluksen väriin, voit lukea artikkelisi Suunnittelu väreissä. Tässä on artikkelin muutama avain.

  • Tunnista suunnittelun tarkoitus ennen värivalikoiman valitsemista. Hyvä muotoilu sovittaa värivalikoiman tarkoitukseen.
  • Tunnista yleisösi. Ihmiset näkevät värit eri tavalla. Värillä on erilaisia ​​vaikutuksia ihmisiin henkilökohtaisen mieltymyksensä, kulttuurisen kasvatuksensa ja kokemuksensa perusteella.
  • Värivalikoimaa valittaessa yksinkertaisuus on avainasemassa. Valitse neutraali taustaväri. Valitse sitten ensisijainen ja toissijainen korostusväri. Valitse lopuksi muihin väreihisi perustuva virhe- ja menestysväri erilaisille käyttöliittymätiloillesi.

Kun sinulla on hyvä käsitys väriteorian perusteista, väri laskee kokeiluun ja iteraatioon. Kokeile aktiivisesti irtautua mukavuusalueeltasi ja kokeilla uusia väripaletteja.

Elokuvat ja esitykset ovat suuri väri-inspiraation lähde

Tässä on harjoitus, joka auttaa kehittämään silmäsi väriin.

Vietä aikaa väripalettien kokoamiseen ympärilläsi oleville asioille, kuten valokuville, aikakauslehdille ja suosikki-esityksillesi. Ota sitten olemassa oleva malli ja aseta siihen uudet väripaletit.

Ota huomioon, kuinka se muuttaa suunnittelun tunnelmaa ja sävyä. Muuttaako se myös merkitystä?

Kohtele työtäsi käsityönä siinä mielessä, että voit aina parantaa jotain. Luotta itsesi motivaatioon tulla paremmaksi suunnittelijaksi.

Mitä strategioita parannat suunnittelijana? Jätä minulle muistiinpano tai lähetä minulle twiitti.

Jos nautit tästä artikkelista, saatat myös nauttia CSS: stä Javascriptissa Aphroditen kanssa, Khan Akatemian kirjaston kanssa.

Löydät minut Mediumista, jossa julkaisen joka viikko. Tai voit seurata minua Twitterissä, jossa postitan ei-sensuuria ramblingsia suunnittelusta, käyttöliittymän kehityksestä ja virtuaalitodellisuudesta.

Loppusanat Jos nautit tästä artikkelista, se merkitsee paljon, jos napsautat : tä ja jaat sen ystävien kanssa.