Enne disaini valdamist peate esmalt omandama põhialused

Eelmisel nädalal saatis üks mu lugejatest küsimuse: kuidas saada paremaks visuaalseks kujundajaks?

Kui ma mõtlesin sellele küsimusele vastata, mõtiskles mu mõte mandariini hiina keele õppimise kogemuse üle. Hiljuti otsustasin õpetada endale mandariini keelt. Uue keele õppimisel tuleb kõigepealt alustada põhialustest. Nimisõnad, asesõnad ja tegusõnad on aluseks keerukamate ideede edastamiseks.

Keel on viis, kuidas inimesed edastavad mõisteid üksteisega. Visuaalne kujundus on visuaalne keel. Ja visuaalse disaini õppimine ei erine millegi poolest uue keele õppimisest.

Häid visuaalseid kujundusi ei sünni. Neid tehakse. Paremaks visuaalseks kujundajaks saamise võti on rangus. Sa muutud visuaalse disainerina paremaks ainult siis, kui pingutad teadlikult.

Siin on mõned põhialused, mida peaksite valdama, et saaksite viia oma visuaalse kujunduse järgmisele tasemele.

1. põhisuund: minge tagasi põhitõdede juurde tüübiga

Disainerite kohta saate öelda palju, vaadates nende tüpograafiat. Seda seetõttu, et tüüp on disaini oluline alus.

Sisestage kujutistena

Terve kujunduse saate luua lihtsalt kirjutades. Saate ka kujunduse rajada tüübil, võttes peeneid järjekordi valitud fondidelt. Oma kujunduse tüpograafia parandamiseks alustage kõigepealt põhitõdede õppimisest.

Töötage välja sõna kirjeldamine tüübi kirjeldamiseks. Siit saate teada, mida tähendavad sellised terminid nagu jälgimine, jälitamine ja juhtimine. Artikkel ilusate illustreeritud tüpograafiliste terminite sõnastik, mida peaksite teadma, on suurepärane visuaalne ressurss nende terminite õppimiseks.

Seejärel, kui soovite põhjalikku teavet selle kohta, kuidas veebis tüpograafiat rakendada, lugege jaotist Veebitüpograafia: Veebile rakendatud tüpograafilise stiili elemendid.

Fondi sidumine võib kujunduse muuta või selle purustada

Lõpuks saate teada, kuidas fonte omavahel siduda. Selle jaoks on suurepärane ressurss FontWolf ja FontPair. Fontide sidumise võimalus muudab dramaatiliselt teie disaini dünaamikat.

Tüpograafia põhjalikumaks uurimiseks võite lugeda minu artiklit: Tüpograafia võib teie kujunduse muuta ... Või puruneda.

Põhiline # 2: kasutage tasakaalu loomiseks ruumi

Vahed aitavad luua kujunduses vertikaalset ja horisontaalset liikumist. See on keskse tähtsusega visuaalse hierarhia loomisel ja elementide vahelise seose moodustamisel.

Loo tasakaal ja visuaalne harmoonia

Elementide eraldamise kohta saate inspiratsiooni alati vaadata sellistelt saitidelt nagu Behance ja Dribbble. Kuid tasakaalu ja visuaalse harmoonia loomiseks on ruumi arendamiseks oluline arendada välja oma intuitsioon.

Tüpograafiat uurides võisite märgata tüübivahe olulisust. Kerguse reguleerimine ja fontide suunamine on suurepärane harjutus oma silma vahekauguse arendamiseks. Sel põhjusel soovitan teil proovida KernType'i - mängu, kus võrreldakse kerningilahendust tüpograafi lahendusega.

Craig Welsh auhinnatud plakati lihtsustamine

Teine harjutus, mis aitab teie pilti arendada, on järgmine: võtke olemasolev kujundus, joonistage x- ja y-telg, lihtsustage kujundus põhikujudeks, analüüsige, kuidas kujundus on tasakaalus, ja seejärel paigutage elemendid ümber. Pöörake tähelepanelikult seda, kuidas negatiivne ruum mõjutab elementide tasakaalu.

Põhiline # 3: visuaalse hierarhia loomiseks kasutage suurust

Visuaalse hierarhia loomisel on suurus suuruselt teine. Kasutades suurust elementide vahel visuaalsete suhete edastamiseks, saate luua voo.

Suuruse määramine on üks põhjuseid, miks võred on kasulikud

Suuruse määramine on üks põhjuseid, miks võred on kasulikud. Elementide suuruse suurendamiseks võite kasutada ruute, kasutades olulisuse väljendamiseks suhteid.

Kui olete elemendi suuruse määranud, hoidke seda kõigil selle esinemisjuhtudel ühesugust. Kujunduses on järjepidevus kuningas.

Visuaalse hierarhia määramiseks kasutage suurust

Siin on harjutus, mis aitab teie silmal suurust arendada.

Peamine on tagasiside küsimine.

Sihtlehe visand või raamraam. Seejärel paluge sõbral vaadata teie kujundust. Pange need ringlema elementidega, mis kõige rohkem silma paistavad. Pärast seda laske neil ringitud elemendid visuaalse kaalu alusel nummerdada. Kas tulemused on sellised, mida ootasite?

Selle harjutuse tegemisel pidage meeles järgmisi küsimusi:

  • Mis on sihtlehe konversiooni eesmärk? Kuidas saaksite oma eesmärgi saavutamiseks optimeerida?
  • Milline on suhe erinevate elementide vahel? Milliseid elemente soovite rõhutada?
  • Kas teie küljendus juhendab kasutaja silmi lehe kaudu?

Põhialus # 4: tähenduse edastamiseks kasutage värvi

Värv mängib palju rolle. See annab edasi tähendust, loob emotsionaalse vastukaja ja ühendab kujundused ühtsusega.

Värv aitab kujunduses tähendust edastada

Värvi sügava sukeldamise kohta saate lugeda minu artiklit Värviline kujundamine. Siin on mõned põhipunktid artiklist.

  • Enne värvipaleti valimist selgitage välja oma disaini eesmärk. Hea disain joondab selle värvipaleti eesmärgiga.
  • Tehke kindlaks oma vaatajaskond. Inimesed tajuvad värve erinevalt. Värvid mõjutavad inimesi erinevalt, lähtudes nende isiklikest eelistustest, kultuurilisest kasvatusest ja kogemustest.
  • Värvipaleti valimisel on peamine lihtsus. Valige neutraalne taustavärv. Seejärel valige esmane ja sekundaarne aktsentvärv. Lõpuks, lähtudes teistest värvitoonidest, valige oma UI olekute jaoks vea- ja eduvärv.

Kui olete värviteooria põhitõdedest hästi aru saanud, taandub värv katsetamisele ja iteratsioonile. Proovige aktiivselt oma mugavustsoonist välja murda ja proovida uusi värvipalette.

Filmid ja saated on suurepärane värvi inspiratsiooni allikas

Siin on harjutus, mis aitab teie silma peal värviliseks muuta.

Kulutage aega värvipalettide koostamisele teie ümber olevate asjade jaoks, nagu fotod, ajakirjad ja lemmiksaated. Seejärel võtke olemasolev kujundus ja rakendage sellele uusi värvipalette.

Pange tähele, kuidas see muudab kujunduse meeleolu ja tooni. Kas see muudab ka tähendust?

Käsitle oma tööd käsitööna, sest alati on midagi, mida saaksite paremaks muuta. Tuginege endale, et olete motivatsiooniks saada paremaks disaineriks.

Millised on teie strateegiad disainerina täiustamiseks? Jäta mulle märkus või saada mulle Twitterisse säutsu.

Kui teile see artikkel meeldis, võiksite nautida ka Javascripti CSS-i koos Khan Akadeemia raamatukoguga Aphrodite.

Võite mind leida meediumist, kus avaldan igal nädalal. Või võite mind jälgida Twitteris, kus postitan mitte-sensoorseid rammimisi disaini, esiotsa arendamise ja virtuaalse reaalsuse kohta.

P.S. Kui teile see artikkel meeldis, tähendaks see palju, kui klõpsate nuppu ja jagate seda sõpradega.