Sisukord
Täielik juhend visuaalse disaini põhitõdede õppimiseks.
Miljoni dollari küsimus: mis on hea disaini saladus?
Me võime selle üle filosofeerida, kuid üldiselt võib öelda, et hea disaini vanasõnaline "saladus" peitub selles, kuidas te oma visuaalseid elemente oma lõuendi suhtes ja omavahel korraldate. Põhimõtteliselt kirjeldasime just kujunduse kujundust. Mis, kui te mõtlete sellele, on kõikjal, kuhu te vaatate.
Võtame näiteks ajakirja kujunduse. Nende kujundus järgib klassikalist ruudustikusüsteemi (kohe õpime kõik ruudustikust). Kõik on tavaliselt joondatud vasakule, paremale ja alla. Eriti veergudel on selge joondus, mis muudab lehe mitte ainult visuaalselt atraktiivseks, vaid ka kergesti loetavaks ja autoriteetseks. Suured pealkirjad tõmbavad vaataja tähelepanu ligi.tähelepanu, samal ajal kui alapealkiri on kontrastne, et luua visuaalne teabe hierarhia.
Linda Gaom, Behance
Kõik need omadused muudavad lehekülje kujunduse puhtaks, struktureerituks ja kergesti loetavaks ning on kooskõlas nõuannetega, millest me järgnevalt räägime. Kuid kõigepealt mõistame rohkem kujunduse enda kujundusest.
Mis on kujundus?
Kujundus hõlmab graafiliste elementide paigutust, et äratada lugeja tähelepanu ja edastada konkreetne sõnum visuaalselt atraktiivsel viisil.Seega ei räägi me siinkohal mitte logodisainist, vaid trükimaterjalide, näiteks ajalehtede, ajakirjade, plakatite ja nende digitaalsete vastete kujundamisest, samuti veebi, rakenduste või UX/UI disainist.
Sõna "kujundus" annab meile palju vihjeid. See tähendab etteantud elementide paigutust lehel.
Kui kujundus on tõhus, näeb see hea välja ja suunab vaatajat mõistma sõnumit, mida kujundusega tahetakse edastada. Seega on kujunduse mõistmine võtmetähtsusega kaasahaaravate, tõhusate, kasutajasõbralike ja meeldivate kujunduste loomisel.
Kui kujundus ei anna oma sõnumit publikule hästi edasi, ehk teisisõnu, see ei ole "hästi loetav", siis on kujundus ebaefektiivne, ükskõik kui trendikas see ka ei oleks. Kujunduse kujunduses on sisu tähtsam kui trendid ja trikid.
Planeeringu kujundamise eesmärk
Sõnumi kiireks edastamiseks
See on võtmetähtsusega. Kujundus kujundab graafiliste varade vahelise suhte, et saavutada sujuv silmade liikumine maksimaalse tõhususe ja mõju saavutamiseks.
Tasakaalu loomiseks
Ülesehituse põhimõtete kasutamine on kõige lihtsam viis, kuidas luua oma kujundusprojektides tasakaalu ja sümmeetriatunnet, ilma et see muutuks igavaks.
Et luua ühtekuuluvustunnet
Kujundus aitab sul kujunduse paljud elemendid kergesti seeditavaks, ühtseks ja loogiliseks paigutada.
Et luua ilu
Tasakaal ja struktuur loovad loomulikult ilu. Kui teie kujundus on tehtud õigesti, muutub see vaatajale automaatselt visuaalselt atraktiivseks. Mida vähem vaeva peavad vaatajad nägema, et sõnumist aru saada, seda atraktiivsem tundub teie kujundus.
Frank Philippini raamatu "I Used to Be a Design Student: Then - Now." disainer, allikas: DesignBoom.
Paigutuse kujunduse elemendid
Tekst
See ei hõlma mitte ainult tekstikorpus või lõigud, vaid ka pealkirjad, alapealkirjad, pealkirjad ja joonealused. Teie valitud tüpograafia, värv ja suurus mõjutavad erinevalt seda, kuidas teie kujundus mõjub teie publikule.
Pilt
Kõige levinumad pilditüübid on fotod, illustratsioonid või infograafiad.
Kujundid
Kujundid võivad olla geomeetrilised, mis on väga nurgelised, või nad võivad olla orgaanilised, jäljendades loodust. Nad võivad olla ka abstraktsed. Abstraktsed kujundid on viimasel aastal olnud väga trendikad, sest oleme näinud, kuidas veebidisainerid on neid lisanud keerulistesse ja laialivalguvatesse kompositsioonidesse.
Kujundid võivad asendada pilti või neid saab kasutada graafiliste elementide lisamiseks leheküljele, teksti esiletõstmiseks või muude visuaalsete elementide vahelise ruumi piiritlemiseks.
Valge ruum
Igas kujunduses on teatud hulk valget ruumi, mis võimaldab teie elementidel hingata ja iseseisvalt esile tõusta.
Planeeringu kujundamise kuldsed põhimõtted
Märkate, et kujunduse põhimõtted järgivad paljusid disaini aluspõhimõtteid, nagu värvide kasutamine teatud viisil, tüpograafia, kordamine, kontrast, hierarhia ja tasakaal.
Põhimõte nr 1. Kasutage ruudustikke
Ruudustikud aitavad disaineritel paigutada erinevaid kujunduselemente, nagu tekst ja pildid, nii, et need näeksid välja ühtsed ja kergesti jälgitavad.
Vaata ka: Meie esimene ettevõtte retriitNeed annavad korra, hoiavad elemendid üksteist üle võimendamas ja mis kõige tähtsam, ruudustikud korrigeerivad ka teie joondust. Nii tundub teie töö puhtam ja professionaalsem.
Allikas: hgmlegal.com
Võrkude anatoomia
Sa võid arvata, et tegemist on lihtsalt vertikaalsete ja horisontaalsete joontega, kuid ruudustik koosneb mitmest osast. Tegelikult paljudest. Siin on kõige olulisemad terminid, mida pead teadma põhilise ruudustiku puhul:
- Formaat on teie lõpliku kujunduse kogu pindala. Seega, kui te kujundate midagi trükkimiseks, on formaat lehekülg, ja kui te olete veebidisainer, on formaat veebileht või brauseriaken.
- Marginaalid on tahtlikud tühjad kohad formaadi ja kujunduse vahel.
- Vooluliinid on horisontaalsed jooned, mis eraldavad teie kujunduse paralleelseteks osadeks. Voolujooned aitavad kaasa kujunduse loetavusele ja suunavad lugejat sisu õigesti jälgima.
- Moodulid on plokid, mis moodustuvad iga ruudustiku horisontaal- ja vertikaalvoolujoontest. Kui te mõtlete selle peale, siis need on iga ruudustiku ehitusplokid. Kõik teie vertikaalsed moodulid loovad teie veerud, samas kui kõik teie horisontaalsed ruudustikud loovad teie read.
- Piirkonnad on ühendatud moodulite rühmad, kas vertikaalselt või horisontaalselt. Ei ole mingeid reegleid, kuidas te otsustate neid korraldada.
Allikas: Radversity
Võrgustike tüübid
Esmalt kasutati ruudustikke käsikirjade paigutamiseks paberil.
Need pärinevad juba 13. sajandist, kui prantsuse kunstnik Villard De ühendas ruudustiku süsteemi kuldlõikesüsteemiga, et toota trükitud lehekülgede kujundusi koos marginaalidega. Seda ruudustikku võib näha tänapäevani, nagu tõestab enamik trükitud raamatute ja ajakirjade kujundusi. Kirjastajad, toimetajad ja disainerid eelistavad kasutada standardruutusid mitte ainult seetõttu, et need näevad hästi välja, vaid ka seetõttu, et lugejad on harjunud kasutamaootavad, et teatud kujunduselemendid oleksid konkreetses kohas.
Vaata ka: Lõikemaskide tegemine Adobe Illustratoris: samm-sammuline juhendVõrgud võivad olla kavandatud kahel viisil: sümmeetrilised või asümmeetrilised. Sümmeetrilised võrgud järgivad keskjoont, kus vertikaalsed ja horisontaalsed piirkonnad on võrdsed ning veerud on sama laiad.
Ühes asümmeetriline võrk , nagu nimigi ütleb, ei ole kõik marginaalid ja veerud identsed.
Selle klassifikatsiooni alusel on maailmas kasutusel viis peamist paigutusvõrgustiku tüüpi, millele saab toetuda:
Käsikirja võrgud on kõige tavalisem dokumentide ruudustik. Need eraldavad päise, jaluse ja marginaalid ning loovad põhimõtteliselt formaadi (või lehekülje) sees ristküliku, mis annab teie tekstile piirid. Need on ajakirjade, ajalehtede ja raamatute alus. Seega on see tõenäoliselt teile kõige tuttavam kujundus.
Allikas: UXplanet
Allikas: Radversity
Veergude võrgud on teine lemmik ajakirjade avaldamisel. Tüüpiline ajakirja kujundus kasutab veergude ruudustikke, et eraldada tekst kergesti loetavateks osadeks. Kuid need on väga populaarsed ka veebilehtede puhul. Võib kasutada mis tahes kahest kuni kuue ruudustikuni. Rohkem on võimalik, kuid mitte tavaline. Väga oluline on veergude ruudustike puhul, et veerudevahelised vahed ehk ruudustikud on võrdselt üksteisest eemalmuu.
Näiteks ajalehtedes kasutatakse sümmeetrilisi veeruderuute, samas kui veebidisainis eelistatakse asümmeetrilisi veeruderuute.
Allikas: UX Planet
Allikas: Radversity
Moodulvõrgud on sarnased veergude ruudustikuga, kuid need arvestavad ka horisontaalseid voolujooni. Seda tüüpi ruudustik on vajalik siis, kui peate oma kujunduses erinevaid elemente organiseerima ja veergude ruudustikust lihtsalt ei piisa.
Moodulvõrkudel on võrdse suurusega moodulid, mis teeb ruumiliste tsoonide visualiseerimise väga lihtsaks.
Allikas: UX Planet
Allikas: Radversity
Baasvõrgud on fantastilised tekstipõhiste kompositsioonide jaoks. Alusjoon on rida, millele tekst kirjutades toetub, ja juhtjoon on kahe alusjoone vaheline kaugus. Mõtlete, kui suur peaks olema teie pealkiri või alapealkiri?
Põhijoontevõrgud aitavad anda tekstile voolava rütmi.
Allikas: UX Planet
Allikas: Fragaria
Hierarhilised võrgud näevad vähem välja nagu ruudustik kui kõik nende kolleegid. Sellegipoolest on nad väga kasulikud kujunduselementide järjestamisel nende tähtsuse järjekorras. Hierarhilised ruudustikud võivad põhineda moodulvõrgustikel või võite isegi luua omaenda ruudustiku. Veebilehed kasutavad seda ruudustikku palju, eriti digitaalsed ajakirjad ja ajalehed kipuvad rohkem toetuma hierarhilistele ruudustikele, mitte veergudele, kui nad on üle läinuddigitaalne.
Allikas: UX Plane
Põhimõte nr 2. Kasuta negatiivset ruumi
Me arvame sageli, et tühjus, vaikus või värvide puudumine on halb asi. Kuid me ei mõtle sellele, kuidas need on kontrasti kindel alus.
Negatiivne ruum, mida nimetatakse ka valgeks ruumiks, on see ala teie kujunduses, kus ei ole ühtegi tegelikku elementi. See on tühjaks jäetud ala. See ei ümbritse mitte ainult teie varasid, vaid loob ka vajalikud sidemed nende vahel. Seetõttu on negatiivne ruum õigustatud kujunduselement ja sellel on tohutu mõju sellele, kui tõhus on teie kujunduse kujundus.
Hea vs halb negatiivne ruum
Negatiivne ruum aitab eraldada erinevaid valdkondi teie kujunduses, võimaldades samal ajal kujundusel hingata. See aitab visuaalset hierarhiat ja visuaalset tasakaalu, suunab kasutaja tähelepanu põhielementidele, vähendab tähelepanu hajutamist ning lisab kujundusele stiili ja elegantsust.
Kogenematutel kujundajatel võib olla kalduvus täita võimalikult palju oma lõuendist, suurendades teksti või suurendades logo või pilti. Kuid kui te annate oma elementidele ruumi, siis vaatajal on võimalik teatud infovihjeid kiiremini ja mugavamalt kätte saada.
Kui kõik karjub teie vaataja tähelepanu järele, ei kuule midagi.- Aaron Walter, "Design for emotion".
Lihtne viis negatiivse ruumi määramiseks on kasutada moodulvõrgustikku. Kui asetate selle oma kujunduse peale, saate hõlpsasti visualiseerida, millised moodulid võivad jääda tühjaks ja millised tuleks täita.
Disainer: Brunswicker, Allikas: Codesignmag.com
Põhimõte nr 3. Vali üks fookuspunkt
Kas klient on kunagi palunud teil teha logo suuremaks? Ja siis veel suuremaks pealkirja?
Te ei saa kõike rõhutada. See lüüa hea disaini mõte. Nii nagu aeg, on ka fookus suhteline. Et üks element paistaks silma, peab teine olema taustaks. Mõned elemendid peavad domineerima teistel, et teie kujundus näitaks visuaalset hierarhiat.
Kujunduse fookuspunkt on element, millel on suurim visuaalne kaal. See on element, mis tõmbab pilku esimesena ligi, rohkem kui miski muu teie kujunduses.Fookuspunkt annab teie publikule teada, kust algab nende vaatamise teekond teie kujunduses. Seega on see teie jutustatava loo algus.
Seda saab tavaliselt saavutada suure pildi või suure trükiallika kasutamisega. Pange tähele, kui tõhus on allpool olev fookuspunkt
Kujundanud Braulio Amado Bloomberg Businessweekile, Allikas: See on tore, et
Kuid kuigi fookuspunkt tõmbab teie publiku tähelepanu sisse, aitab järgmine reegel seda suunata.
Põhimõte nr 4. Mõtle lähedusele ja voolavusele
Läheduse põhimõte on lihtne. Tagage, et üksteisega seotud elemendid paigutatakse koos.
Lähedus näitab, et visuaalsed varad on omavahel seotud ja muutuvad üheks visuaalseks üksuseks, mis aitab teie kujundust organiseerida.Seega koondage ainult need kujundusvahendid, mis on omavahel seotud, ja kasutage oma kujunduses teabetaskuid, et suunata publikut asjakohase sisu juurde, mida ta peab tarbima. Seda nimetatakse ka voolu põhimõtteks.
Allikas: Satori Graphics
Hea voolavusega kujundus juhib vaataja pilku kogu kujunduse vältel hõlpsasti elemendist elemendini. Teie fookuspunktid tõmbavad pilku ja muutuvad puhkekohaks, samal ajal kui teised elemendid annavad suunda.
Lihtne viis seda mõista on näiteks meie veebilehe näitel. Graafika on tekstist selgelt eraldatud, samuti üleskutsed tegevusele, nii et vaataja tähelepanu liigub ühelt infokogumilt teisele.
Põhimõte nr 5. Kasuta kontrasti
Veenduge, et teie kujundus on piisavalt kontrastne.
Kontrast aitab korrastada teie kujundust ja luua vajalikku hierarhiat ning panna rõhku sellele, mis on oluline.Veelgi enam, hea kontrasti kasutamine lisab ka visuaalset huvi kogu teie kujunduses. Olgem ausad, kujundus, kus kõik on ühesuurune, ühesugune või ühesuguse värviga, näeb igav välja. Kontrast lisab vürtsi.
Teie esimene mõte võib olla värvikontrast, näiteks soe versus jahe, tume versus hele, sinine versus oranž. Kuid kuigi värv on äärmiselt oluline kontrasti põhimõte, on olemas ka kontrastid tüübi, joonduse ja suuruse osas. Ja pidage meeles, et kontrast on samuti suhteline. Sellel on tähendus ainult kõrvuti teiste elementidega.
Siin on mõned näited kujundustest, mis kasutavad seda reeglit nutikalt ja kaunilt. Pange tähele kontrasti tüpograafias, värvides ja isegi kontrasti elementide vahelises suuruses.
Allikas: IAG lepitusmeetmete kava
Põhimõte nr 6. Kordamine, muster, rütm
Kui me mõtleme kordamisele, siis mõtleme ikka ja jälle samale elemendile.
Kuid disainis on see teisiti. See ei ole kindlasti nii igav. Kui seda õigesti kasutada, võib kordus tegelikult teie disainile jõudu anda.
Püüdke tuvastada ja taaskasutada motiivi kogu oma kujunduses, et erinevad alad tunduksid omavahel seotud ja sama kompositsiooni osadena. See aitab teie kujundusel olla teema. Elementide kordamisega te mitte ainult ei vasta oma publiku ootustele, vaid parandate ka kasutajakogemust. Järjepidevus paneb kasutajad end mugavamalt tundma.
Seda saab teha kujundite või sümbolite kordamisega. Või isegi värvilahenduse, kirjatüübi ja üldiselt sama stiili kordamisega.
Hea harjumus on kasutada suure kirjatüüpide perekonnaga kirjatüüpi. Piirake erinevate mustrite, joonte raskuste/stiilide ja värvide arvu ning kordage neid läbivalt. Samuti püüdke hoida piltide ja graafika stiili ühesugusena. Kasutage näiteks sama kunstniku illustratsioone.
Allikas: Thepentool.co
See on kõik. Need on kuus põhimõtet, mis aitavad teil oma kujundust korrastada ja saavutada puhtam, professionaalsem ja tasakaalustatum kujundus.
Kuid teie teekond ei lõpe siin. Graafiline disain ei ole täpne teadus ja see ei tohiks piirduda nõuannete ja põhimõtetega. Nagu kõigis loomevaldkondades, ei ole ka siin kindlaid reegleid. Nende nõuannete peensusteni rikkumine lisab teie kujundusele sügavust ja mitmekesisust.
Sellest hoolimata on need suurepärased alguspunktid ja me julgustame teid neid proovima. Ja andke meile teada, kuidas need toimisid!
Vectornatori allalaadimine, et alustada
Viige oma disainid järgmisele tasemele.
Faili allalaadimine
