Satura rādītājs
Pilnīgs ceļvedis, lai apgūtu vizuālā dizaina pamatus.
Jautājums par miljonu dolāru: kāds ir laba dizaina noslēpums?
Par šo jautājumu varam filozofēt, bet kopumā labā dizaina sakāmvārds ir tas, kā jūs organizējat savus vizuālos elementus attiecībā pret savu audeklu un viens pret otru. Būtībā mēs tikko aprakstījām maketēšanas dizainu, kas, ja par to padomā, ir visur, kur vien skatāties.
Piemēram, žurnālu izkārtojums. To dizains atbilst klasiskai režģu sistēmai (par režģiem mēs tūlīt uzzināsim visu par tiem). Viss parasti ir izlīdzināts pa kreisi, pa labi un apakšā. Kolonnām ir īpaši izteikts pamatots izlīdzinājums, kas padara lapu ne tikai vizuāli pievilcīgu, bet arī viegli lasāmu un autoritatīvu. Lielie virsraksti piesaista skatītāja uzmanību.uzmanību, savukārt apakšvirsraksts ir kontrastējoša izmēra, lai radītu vizuālu informācijas hierarhiju.
Linda Gaom, Behance
Visas šīs īpašības padara lapas dizainu tīru, strukturētu un viegli lasāmu, un tās saskan ar padomiem, par kuriem mēs runāsim tālāk. Bet vispirms izprast vairāk par pašu izkārtojuma dizainu.
Kas ir izkārtojuma dizains?
Maketēšana attiecas uz grafisko elementu izkārtojumu, lai piesaistītu lasītāja uzmanību un vizuāli pievilcīgā veidā nodotu konkrētu vēstījumu.Mēs šeit nerunājam par logotipa dizainu, bet gan par drukāto materiālu, piemēram, laikrakstu, žurnālu, plakātu un to digitālo analogu, kā arī tīmekļa, lietotņu vai UX/UI dizainu.
Vārds "izkārtojums" mums sniedz daudz mājienu. Tas nozīmē iepriekš noteiktu elementu izkārtojumu lapā.
Ja izkārtojums ir efektīvs, tas izskatās labi un palīdz skatītājam izprast vēstījumu, ko dizains cenšas nodot. Tāpēc izprast izkārtojumu ir galvenais, lai radītu saistošas, efektīvas, lietotājam draudzīgas un patīkamas kompozīcijas.
Ja izkārtojums labi nenodod savu vēstījumu auditorijai vai, citiem vārdiem sakot, tas netiek "labi lasīts", dizains būs neefektīvs neatkarīgi no tā, cik moderns tas izskatās. Izkārtojuma dizaina jomā saturs ir svarīgāks par tendencēm un trikiem.
Izkārtojuma dizaina mērķis
Ātra ziņojuma nodošana
Tas ir ļoti svarīgi. Izkārtojuma dizains nosaka attiecības starp grafiskajiem elementiem, lai panāktu vienmērīgu acu kustības plūsmu un maksimālu efektivitāti un ietekmi.
Lai radītu līdzsvaru
Izkārtojuma dizaina principu izmantošana ir visvienkāršākais veids, kā dizaina projektos radīt līdzsvara un simetrijas sajūtu, nekļūstot garlaicīgiem.
Veidot vienotību
Izkārtojums palīdz sakārtot daudzos dizaina elementus viegli uztveramā, saskanīgā un loģiskā veidā.
Lai radītu skaistumu
Līdzsvars un struktūra dabiski rada skaistumu. Ja jūsu izkārtojuma dizains ir veidots pareizi, tas automātiski kļūs vizuāli pievilcīgs skatītājam. Jo mazāk pūļu būs jāpieliek skatītājam, lai saprastu ziņojumu, jo pievilcīgāks šķitīs jūsu dizains.
Frenka Filipina (Frank Philippin) dizainers savai grāmatai "I Used to Be a Design Student: Then - Now." Avots: DesignBoom.
Izkārtojuma dizaina elementi
Teksts
Tas attiecas ne tikai uz teksta pamatdaļu vai rindkopām, bet arī uz virsrakstiem, apakšvirsrakstiem, virsrakstiem un pēdējām rindkopām. Jūsu tipogrāfijas, krāsas un izmēra izvēle atšķirīgi ietekmēs to, kā jūsu izkārtojums tiks uztverts auditorijā.
Attēls
Visbiežāk izmantotie attēlu veidi ir fotogrāfijas, ilustrācijas vai infografikas.
Formas
Formas var būt ģeometriskas, kas ir ļoti leņķveida, vai organiskas, kas atdarina dabu. Tās var būt arī abstraktas. Abstraktas formas pēdējā gada laikā ir ļoti modernas, jo tīmekļa dizaineri tās iekļauj sarežģītās un izvērstās kompozīcijās.
Formas var aizstāt attēlu vai arī tās var izmantot, lai pievienotu grafiskus elementus lapai, izceltu tekstu vai norobežotu telpu starp citiem vizuālajiem elementiem.
Baltā telpa
Jebkurā izkārtojuma dizainā būs noteikts daudzums baltās zonas, kas ļaus jūsu elementiem elpot un izcelties pašiem par sevi.
Izkārtojuma dizaina zelta principi
Jūs pamanīsiet, ka izkārtojuma dizaina principi lielā mērā atbilst dizaina pamatprincipiem, piemēram, krāsu izmantošana noteiktā veidā, tipogrāfija, atkārtošanās, kontrasts, hierarhija un līdzsvars.
Princips Nr. 1. Izmantojiet režģus
Režģi palīdz dizaineriem izvietot dažādus dizaina elementus, piemēram, tekstu un attēlus, tā, lai tie izskatītos saskaņoti un viegli pārskatāmi.
Tie nodrošina kārtību, neļauj elementiem pārspēt vienam otru, un, kas ir vissvarīgāk, režģi arī koriģē jūsu izlīdzināšanu. Jūsu darbs kļūst tīrāks un profesionālāks.
Avots: hgmlegal.com
Režģu anatomija
Jūs varētu domāt, ka tās ir tikai vertikālas un horizontālas līnijas, taču režģis sastāv no vairākām daļām. Patiesībā no daudzām. Šeit ir izklāstīta svarīgākā terminoloģija, kas jums jāzina par pamata režģi:
- Formāts ir jūsu galīgā dizaina pilns laukums. Tātad, ja jūs veidojat dizainu drukāšanai, formāts ir lapa, bet, ja esat tīmekļa dizaineris, formāts ir tīmekļa lapa vai pārlūkprogrammas logs.
- Maržas ir apzināti tukšās vietas starp formātu un dizainu.
- Plūsmas līnijas ir horizontālas līnijas, kas sadala jūsu izkārtojumu paralēlās sadaļās. Plūsmas līnijas palīdz uzlabot jūsu dizaina lasāmību un palīdz lasītājam pareizi sekot saturam.
- Moduļi tie ir bloki, ko veido jebkura režģa horizontālās līnijas un vertikālās plūsmas līnijas. Ja tā padomā, tie ir jebkura režģa pamatelementi. Visi vertikālie moduļi veido jūsu kolonnas, bet visi horizontālie režģi - jūsu rindas.
- Reģioni ir vertikāli vai horizontāli savienotu moduļu grupas. Nav noteikumu par to, kā tās organizēt.
Avots: Radversity
Skatīt arī: Kā izveidot unikālu krāsu paletiRežģu veidi
Izkārtojuma režģi pirmo reizi tika izmantoti, lai sakārtotu rokrakstus uz papīra.
Tie radās jau 13. gadsimtā, kad franču mākslinieks Villards De apvienoja režģu sistēmu ar zelta griezumu, lai izveidotu drukāto lapu maketus ar malām. Šo režģu sistēmu var redzēt līdz pat šai dienai, par ko liecina lielākā daļa drukāto grāmatu un žurnālu maketu. Izdevēji, redaktori un dizaineri izvēlas izmantot standarta režģus ne tikai tāpēc, ka tie izskatās labi, bet arī tāpēc, ka lasītāji ir pieraduši pie...sagaidīt, ka konkrētiem dizaina elementiem būs jāatrodas konkrētā vietā.
Režģus var veidot divējādi: simetriski vai asimetriski. Simetriski režģi seko centra līnijai, kur vertikālie un horizontālie apgabali ir vienādi, un kolonnām ir vienāds platums.
In an asimetrisks režģis , kā norāda nosaukums, malas un kolonnas nav vienādas.
Pamatojoties uz šo klasifikāciju, pasaulē tiek izmantoti pieci galvenie izkārtojuma režģu veidi, uz kuriem varat paļauties:
Manuskriptu režģi Tas ir visizplatītākais dokumentu izkārtojuma veids. Tie atdala galveni, apakšējo daļu un malas un būtībā veido taisnstūri formāta (vai lapas) iekšpusē, kas nosaka teksta robežas. Tie ir žurnālu, laikrakstu un grāmatu pamats. Tāpēc, iespējams, tas ir izkārtojums, kas jums ir vislabāk pazīstams.
Avots: UXplanet
Avots: Radversity
Kolonnu režģi Tipiskā žurnāla maketā tiek izmantoti kolonnu režģi, lai sadalītu tekstu viegli lasāmās sadaļās. Taču tie ir ļoti populāri arī tīmekļa vietnēs. Var izmantot no diviem līdz pat sešiem režģiem. Var izmantot arī vairāk, taču tas nav bieži sastopams. Ļoti svarīga kolonnu režģu iezīme ir tā, ka atstarpes starp kolonnām jeb teksta teksta teksta rievām ir vienādi attālinātas viena no otras.citi.
Simetrisku kolonnu režģi izmanto, piemēram, laikrakstos, savukārt tīmekļa dizainā priekšroka tiek dota asimetriskam kolonnu režģim.
Avots: UX Planet
Avots: Radversity
Moduļu režģi Šāda veida režģi ir līdzīgi kolonnu režģim, taču tajos tiek ņemtas vērā arī horizontālās plūsmas līnijas. Šāda veida režģi ir nepieciešami, ja izkārtojumā ir jāorganizē dažādi elementi un ar kolonnu režģiem vienkārši nepietiek.
Skatīt arī: Kā izveidot minimālisma modeli Moduļu režģiem ir vienāda izmēra moduļi, kas ļauj ļoti viegli vizualizēt telpiskās zonas dažādos veidos.
Avots: UX Planet
Avots: Radversity
Pamata režģi Teksta kompozīcijām ir fantastiski piemērotas. Pamatlīnija ir līnija, uz kuras rakstīšanas laikā balstās teksts, un vadošā līnija ir atstarpe starp divām pamatlīnijām. Vai vēlaties uzzināt, cik lielam jābūt virsrakstam vai apakšvirsrakstam?
Pamatlīniju režģi ir izveidoti, lai tekstam piešķirtu plūstošu ritmu.
Avots: UX Planet
Avots: Fragaria
Hierarhiskie režģi izskatās mazāk līdzīgi režģim nekā visi to analogi. Tomēr tie ir ļoti noderīgi, organizējot dizaina elementus to svarīguma secībā. Hierarhisko režģu pamatā var būt modulārie režģi vai pat var izveidot savus. Tīmekļa vietnes bieži izmanto šo režģi, jo īpaši digitālie žurnāli un laikraksti vairāk paļaujas uz hierarhiskajiem režģiem, nevis kolonnu režģiem, pārejot uz to, lai kļūtudigitālā formātā.
Avots: UX Plane
Princips Nr. 2. Negatīvās telpas izmantošana
Mēs bieži domājam, ka tukšums, klusums vai krāsu trūkums ir slikta lieta. Taču mēs neņemam vērā, ka tie ir ciets kontrasta pamats.
Negatīvā telpa, ko sauc arī par balto telpu, ir tā dizaina joma, kurā nav nekādu faktisku elementu. Tā ir tukša joma. Tā ne tikai ieskauj jūsu aktīvus, bet arī veido nepieciešamās saites starp tiem. Tāpēc negatīvā telpa ir likumīgs dizaina elements, un tai ir milzīga ietekme uz to, cik efektīvs ir jūsu izkārtojuma dizains.
Laba un slikta negatīvā telpa
Negatīvā atstarpe palīdzēs nošķirt dažādas dizaina jomas, vienlaikus ļaujot izkārtojumam elpot. Tā palīdz nodrošināt vizuālo hierarhiju un vizuālo līdzsvaru, ļauj lietotājam koncentrēties uz galvenajiem elementiem, samazina uzmanību un, visbeidzot, piešķir dizainam stilu un eleganci.
Nepieredzējušiem dizaineriem var būt tendence aizpildīt pēc iespējas lielāku audekla daļu, palielinot teksta vai logotipa, vai attēla izmēru. Taču, piešķirot elementiem vietu, skatītājs var ātrāk un ērtāk uztvert noteiktus informācijas signālus.
Ja viss kliedz, lai piesaistītu skatītāja uzmanību, nekas netiek sadzirdēts.- Ārons Valters, "Emociju dizains
Vienkāršs veids, kā noteikt negatīvo telpu, ir izmantot moduļu režģi. Uzliekot to uz sava dizaina, jūs varat viegli vizualizēt, kuri moduļi var palikt tukši un kuri ir jāaizpilda.
Dizainers: Brunswicker, Avots: Codesignmag.com
Princips Nr. 3. Izvēlieties vienu centrālo punktu
Vai klients kādreiz ir lūdzis, lai logotips ir lielāks? Un pēc tam, lai virsraksts ir vēl lielāks?
Jūs nevarat uzsvērt visu. Tas izjauc laba dizaina jēgu. Tāpat kā laiks, arī fokuss ir relatīvs. Lai viens elements izceltos, citam ir jākalpo kā fonam. Dažiem elementiem ir jābūt dominējošiem pār citiem, lai jūsu dizainā būtu redzama vizuālā hierarhija.
Dizaina centrālais punkts ir viens no elementiem, kam ir vislielākais vizuālais svars. Tas ir elements, kas vispirms piesaista skatienu vairāk nekā jebkas cits jūsu izkārtojumā.Fokālais punkts paziņos jūsu auditorijai, kur sākas viņu skatīšanās ceļojums jūsu dizainā. Tātad tas ir jūsu stāsta sākums.
To parasti var panākt, izmantojot lielu attēlu vai lielu tipogrāfijas avotu. Ievērojiet, cik efektīvs ir zemāk redzamais fokusa punkts.
Izstrādājis Braulio Amado Bloomberg Businessweek, Avots: Tas ir jauki, ka
Taču, lai gan fokusa punkts piesaistīs jūsu auditorijas uzmanību, nākamais noteikums palīdzēs to vadīt.
Princips Nr. 4. Domājiet par tuvumu un plūsmu
Tuvuma princips ir vienkāršs. Pārliecinieties, ka elementi, kas ir savstarpēji saistīti, ir izvietoti kopā.
Tuvums norāda, ka vizuālie elementi ir savstarpēji saistīti un veido vienu vizuālu vienību, kas palīdz organizēt izkārtojumu.Tāpēc grupējiet tikai tos dizaina līdzekļus, kas ir savstarpēji saistīti, un izmantojiet informācijas kabatas dizainā, lai novirzītu auditoriju uz attiecīgo satura daļu, kas tai ir jāizmanto. To sauc arī par plūsmas principu.
Avots: Satori Graphics
Dizains ar labu plūsmu viegli vadīs skatītāja skatienu no elementa uz elementu. Jūsu fokusa punkti piesaistīs skatītāja skatienu un kļūs par atpūtas vietu, bet citi elementi piešķirs virzienu.
Vienkāršs veids, kā to saprast, ir, piemēram, mūsu tīmekļa vietnes piemērs. Grafikas ir skaidri nodalītas no teksta, tāpat arī aicinājumi veikt darbības, tāpēc skatītāja uzmanība tiek virzīta no vienas informācijas kopas uz nākamo.
Princips Nr. 5. Izmantojiet kontrastu
Pārliecinieties, ka jūsu dizains ir pietiekami kontrastīgs.
Kontrasts palīdz sakārtot dizainu un izveidot tik ļoti nepieciešamo hierarhiju, kā arī uzsvērt svarīgāko.Turklāt labs kontrasta izmantojums arī palielina vizuālo interesi par visu jūsu dizainu. Atzīsim, ka izkārtojums, kurā viss ir vienāda izmēra, formas vai krāsas, izskatās garlaicīgi. Kontrasts visu padarīs garlaicīgāku.
Jūsu pirmā doma varētu būt krāsu kontrasts, piemēram, silts pret vēsu, tumšs pret gaišu, zils pret oranžu. Taču, lai gan krāsa ir ļoti būtisks kontrasta princips, ir arī burtu, izkārtojuma un izmēra kontrasti. Un atcerieties, ka kontrasts ir relatīvs. Tam ir nozīme tikai salīdzinājumā ar citiem elementiem.
Šeit ir daži izkārtojumu piemēri, kuros šis noteikums izmantots gudri un skaisti. Ievērojiet tipogrāfijas, krāsu un pat elementu izmēru kontrastu.
Avots: IAG saskaņošanas rīcības plāns
Princips #6. Atkārtošanās, modelis, ritms
Domājot par atkārtošanos, mēs domājam par vienu un to pašu elementu atkal un atkal.
Taču dizainā tas ir citādi. Tas noteikti nav tik garlaicīgi. Pareizi izmantota atkārtošanās patiesībā var uzlabot jūsu dizainu.
Mēģiniet noteikt un atkārtoti izmantot kādu motīvu visā izkārtojumā, lai dažādas jomas justos savstarpēji saistītas un būtu daļa no vienas kompozīcijas. Tas palīdzēs jūsu dizainam piešķirt tēmu. Atkārtojot elementus, jūs ne tikai nodrošināsiet atbilstību auditorijas gaidām, bet arī uzlabosiet lietotāja pieredzi. Konsekvence ļauj lietotājiem justies ērtāk.
To var izdarīt, atkārtojot formas vai simbolus vai pat krāsu shēmu, burtu veidu un vienu un to pašu stilu kopumā.
Labs ieradums, ko vajadzētu iekopt, ir izmantot kādu lielu burtu saimi. Ierobežojiet dažādu rakstu, līniju svaru/stilu un krāsu skaitu un atkārtojiet tos visā tekstā. Arī attēlu un grafikas stilu centieties saglabāt vienādu. Piemēram, izmantojiet viena mākslinieka ilustrācijas.
Avots: Thepentool.co
Tas ir viss. Šie ir seši principi, kas palīdzēs jums sakārtot dizainu un panākt tīrāku, profesionālāku un līdzsvarotāku izkārtojumu.
Taču jūsu ceļojums šeit nebeidzas. Grafiskais dizains nav eksaktā zinātne, un to nevajadzētu ierobežot ar padomiem un principiem. Kā tas ir visās radīšanas jomās, nav stingru noteikumu. Izkāpjot no šiem padomiem smalkos veidos, jūsu dizainam tiks piešķirts dziļums un dažādība.
Tomēr tie ir lielisks sākumpunkts, un mēs aicinām jūs tos izmēģināt. Un dariet mums zināmu, kā tie darbojās!
Lejupielādēt Vectornator, lai sāktu darbu
Paaugstiniet savu dizainu nākamajā līmenī.
Lejupielādēt failu
