Kā dizaineri var izmantot vizuālo hierarhiju

Kā dizaineri var izmantot vizuālo hierarhiju
Rick Davis

Sauciet mūs par virspusējiem, bet, runājot par grafisko dizainu, viss ir atkarīgs no izskata.

Grafiskais dizains ir saistīts ar vizuālajiem elementiem, un ir svarīgi izmantot savas dizaina prasmes un zināšanas, lai nodrošinātu, ka jūsu darbs ir viegli uztverams un estētiski pievilcīgs.

Viens no veidiem, kā to izdarīt, ir ievērot vizuālās hierarhijas noteikumus. Vizuālā hierarhija nodrošina, ka jūsu dizaini rada vienmērīgu lietotāja saskarni reāliem lietotājiem tīmeklī vai mobilajā ierīcē.

Visual Hierarchy Visual Hierarchy, ko izstrādājis Richard Collins. Sazinieties ar viņiem Dribbble - pasaules dizaineru un radošo profesionāļu kopienā. Dribbble Richard Collins

Dizaina tendences nāk un iet, bet dizaina un lietotāja pieredzes pamati ir mūžīgi.

Šajā rakstā tiks aplūkota vizuālā hierarhija, sniegti daži dizaina padomi, kā to izmantot, kā arī sniegti daži dizaina piemēri un papildu resursi, kurus varat apskatīt.

Kas ir vizuālā hierarhija?

Vizuālā hierarhija ir atsevišķu elementu sakārtošanas princips to nozīmīguma secībā dizainā vai mākslas darbā.

Ievērojot šo pamatprincipu, dizaineri organizē vizuālos komponentus un elementus tā, lai skatītājs varētu viegli saprast to nozīmi.

Pareizi veidota vizuālā hierarhija ietekmēs to, kā lietotāji uztver un saprot jūsu darbu un dizaina elementus, un virzīs viņus uz konkrētu darbību veikšanu.

Ģestalta principi ir dizaina principi, kuru pamatā ir cilvēka vizuālo elementu uztvere. Šie principi nosaka, kā cilvēka acs grupē līdzīgus objektus, saskata raksturus un vienkāršo attēlus.

Dizaineriem ir jāapzinās un jāizmanto šie principi, veidojot reklāmas, tīmekļa vietnes un digitālās saskarnes.

Saskaņā ar Geštalta psiholoģiju vizuālā hierarhija veido modeļus skatītāju redzes laukā, kas cilvēka acīm liek izcelties dažiem elementiem. Tas liecina vai rada vizuālo hierarhiju pēc nozīmības.

Tagad parunāsim par to, kāpēc dizaineriem ir svarīga vizuālā hierarhija.

Kāpēc svarīga vizuālā hierarhija

Tagad, kad zināt, kas ir vizuālā hierarhija, droši vien kļūst skaidrs, kāpēc dizaineriem vajadzētu zināt un izmantot šo principu savā darbā.

Grafiskais dizains vienmēr ir bijusi digitālā māksla, taču pēdējā laikā visa nozare kļūst arvien "tiešsaistes", kas nozīmē, ka grafiskais dizains bieži tiek skatīts un izplatīts tiešsaistē, izmantojot vietnes, sociālos medijus vai reklāmas.

Izstrādājot grafiskos dizainus internetam, ļoti svarīgs faktors, kas jāpatur prātā, ir lietotāja pieredze. Atšķirībā no reklāmas stendiem vai drukātiem darbiem tiešsaistes dizaini bieži tiek izmantoti funkcionāli, lai vadītu lietotājus pa tīmekļa vietni, mudinātu lietotājus noklikšķināt uz pirkuma pogām un mudinātu noklikšķināt uz citām saitēm.

Šis ir lielisks piemērs tam, kā, pamatojoties uz vizuālās hierarhijas likumiem, tipiska acs ceļotu pa mērķlapu vai tīmekļa vietni.

Lietotāja pieredze dizainā ir vispārējā pieredze, ko lietotājs gūst, mijiedarbojoties ar produktu, piemēram, tīmekļa vietnes lapu vai lietotni, jo īpaši attiecībā uz tās lietošanas funkcionalitāti.

Tas, kā klients mijiedarbojas ar lietotāja saskarni un kā viņš to izjūt, krasi maina viņa viedokli par zīmolu vai produktu.

Tas nozīmē, ka mobilo ierīču dizainam un vietņu dizainam jābūt ļoti optimizētam, un viens no labākajiem veidiem, kā to izdarīt, ir izmantot vizuālās hierarhijas pamatprincipus.

Tāpēc pievērsīsimies vizuālās hierarhijas niansēm un detalizēti aplūkosim katru no principiem un to, kā tie attiecas uz grafiskā dizaina darbu.

Vizuālās hierarhijas pamatprincipi

Vizuālās hierarhijas principi ir ļoti līdzīgi grafiskā dizaina pamatprincipiem.

Būtībā jūs vēlaties, lai jūsu dizaini būtu estētiski pievilcīgi. Dizaina pamatprincipi prasa rūpīgi izmantot krāsas, atstarpes, kontrastus un rakstus.

Vizuālās hierarhijas pamatprincipi, kurus esam izvēlējušies šim rakstam, ir līdzīgi, ar dažām niansēm. Protams, ir vēl citi principi, kas ietekmē vizuālo hierarhiju, taču šie ir lielisks sākums, ja šī ir jūsu pirmā pieredze vizuālās hierarhijas koncepcijas izpētē.

Kad uztverat mākslas darbu, tekstu vai vizuālo noformējumu, cilvēka acs uzreiz izveido hierarhiju. Daži atsevišķi elementi jums izceļas, un kā dizainerim ir svarīgi kontrolēt, kā jūsu darbs tiek uztverts.

Sāksim ar mūsu pirmo principu - krāsu.

Krāsa

Krāsa ir viens no galvenajiem dizaina pamatelementiem. Zīmolu zīmoli izmanto krāsas un simbolus, lai padarītu savus produktus viegli atpazīstamus un neaizmirstamus.

Padomājiet par slaveno McDonald's arku vai Starbucks sirēnas attēlu. Tie ir piemēri tam, cik ļoti noteikti logotipi var iesakņoties mūsu kolektīvajā atmiņā.

Krāsa vizuālajā hierarhijā nosaka apgabalu, uz kuru acs uzreiz pievēršas dizainam.

Krāsu variācijas parasti ir labākais risinājums, taču ar krāsu izvēli nevajadzētu pārspīlēt.

Pārāk daudz kontrastējošu krāsu vai spilgtu krāsu var būt pārāk daudz un radīt haotisku dizaina pieredzi. Bet pārāk daudz pieklusinātu krāsu var neļaut dizainam vizuāli izcelties.

Svarīgi ir arī ņemt vērā krāsu teoriju un izmantot savstarpēji papildinošas krāsu kombinācijas.

Vizuālajā hierarhijā siltās krāsas parasti izvirzās dizaina priekšplānā, bet vēsās krāsas atkāpjas otrajā plānā.

Tomēr, ja novietojat savu dizainu uz gaiša fona, šis efekts ir pretējs. Krāsu temperatūras sajaukšana un dizaina veidošana gan ar vēsām, gan siltām krāsām var radīt dizaina dziļumu.

To zinot, ir viegli saprast, kā krāsu izvēle var būtiski ietekmēt to, kā cilvēka acs uztver jūsu dizainu.

Modeļi

Interesants fakts: ikvienam ir savs skatīšanās modelis, ko viņš izmanto, lai absorbētu informāciju un saturu.

Divi visbiežāk sastopamie skatīšanās modeļu veidi ir Z modelis un F modelis.

Z modelis:

  • Acs virzās pa Z veida ceļu no augšas pa kreisi uz labo pusi, tad lejup pa kreisi un pāri pa labi.
  • Vislabāk izmantot dizainam, kas nav saturiski ietilpīgs.
  • Palīdz skatītājiem ātri skenēt elementus

F modelis:

  • Acs iet pa F-veida ceļu no augšas pa kreisi uz augšu pa labi, tad uz leju līdz nākamajai līnijai no kreisās uz labo, un tas atkārtojas pa horizontālām līnijām.
  • Vislabāk piemērots dizainam ar lielu satura apjomu
  • Palīdz skatītājiem skenēt attēlus un virsrakstus

Dizainerim ir jāzina, ka satura ziņā ietilpīgajām lapām vislabāk ir piemērots F-veida dizains, savukārt lapas ar mazāku satura apjomu vislabāk lasāmas Z-veida dizainā.

Abi dizaina modeļi kalpo savam mērķim un izmanto priekšrocības, ko sniedz dabiskais modelis, pēc kura acs seko, lasot informāciju. Šo modeļu ievērošana un izmantošana jūsu labā palīdzēs jūsu skatītājiem labāk saprast jūsu saturu un nodomus.

Kontrasts

Kontrastīgu krāsu un simbolu izmantošana ir labākais veids, kā uzsvērt informāciju un pievērst uzmanību kādai konkrētai dizaina daļai.

Tumša vai gaiša fona izmantošana, lai izceltu informāciju jūsu dizainā, ir lielisks veids, kā vienkārši, bet efektīvi izmantot vizuālo hierarhiju.

Šim vizuālās hierarhijas elementam ir būtiska nozīme dizaina uztverē, un tas ir cieši saistīts ar krāsu. Kontrastu bieži veido, izmantojot krāsu, lai to uzsvērtu.

Jebkuram izteiksmīgam elementam, ko vēlaties uzsvērt, vajadzētu būt treknā krāsā vai ieskaujamam piesmeltās krāsās, lai tas izceltos.

Attālums

Atrašanās vieta, atrašanās vieta, atrašanās vieta.

Tāpat kā mājokļu tirgū, arī jūsu dizainam ir ļoti svarīga atrašanās vieta. Tas, kur un kā jūs izvietojat lietas savā darbā, būs ļoti svarīgs faktors, kas noteiks, kā jūsu darbs tiks veidots.

Balto laukumu var izmantot, lai izveidotu minimālistisku dizainu, kas uzsver vienu lietu. Šis tukšais laukums var būt lielisks veids, kā kontrastēt ar drosmīgo centrālo attēlu jūsu dizainā.

Varat iet arī citu ceļu un izmantot daudzus dažādus objektus, lai izveidotu maksimālistisku dizainu. Pareizi veidots, šāds dizains piesaista acis un rada prieku.

Arī teksta izlīdzināšanas veids dizainā būtiski ietekmē satura kopējo izskatu. Šeit ir daži piemēri, kā tas var izskatīties.

Un, kā redzams tālāk, objektu izmērs un izvietojums var padarīt tos lielākus un svarīgākus vai mazākus un neuzkrītošākus.

Tas ir svarīgi arī objektu izkārtošanai rindās, sakārtojot tos formā vai atstājot tos neregulārus.

Kā izmantot vizuālo hierarhiju grafiskajā dizainā

Tagad, kad esam noskaidrojuši, kas ir vizuālā hierarhija, aplūkosim dažus dizaina piemērus, kas lieliski parāda vizuālās attiecības un vizuālo organizāciju.

Dizaineri visu laiku izmanto vizuālās hierarhijas pamatprincipus, piemēram, balto telpu un mērķtiecīgi izslēgtas krāsas, kas apvienotas ar vizuāli izteiksmīgu objektu.

Zemāk ir sniegti daži piemēri, kā vizuālā hierarhija darbojas dažādos grafiskā dizaina veidos: tipogrāfijā, infografikā, tīmekļa dizainā, reklāmās un drukātajos materiālos.

Skatīt arī: Kāpēc izvēlēties Vectornator?

Tipogrāfija

Tipogrāfija ir būtisks dizaina elements, kuru apgūt var būt sarežģīti.

Šrifta veids, lielais burts, lielums, uzsvars un izvietojums var būtiski ietekmēt to, kā skatītājs lasīs jūsu tekstu.

Bieži vien reklāmā vai tīmekļa dizainā teksts ir vissvarīgākais, ko skatītāji uztver, tāpēc ir svarīgi pārliecināties, ka tas ir pareizi veidots.

Šajā piemērā ir parādīts, kā jūs varat radoši izvietot tekstu, lai uzsvērtu un grupētu jēdzienus un vārdus un nodrošinātu, ka svarīgākie vārdi tiek izlasīti pirmie un viegli saprotami.

Vēlaties, lai skatītāji ātri saprastu, ko vēlaties parādīt, pat ja viņi uz jūsu dizainu skatās tikai dažas sekundes.

Infografikas

Infografikas ir lielisks veids, kā parādīt un sakārtot faktus un informāciju.

Izveidojot dizainu ar vārdu un simbolu kombināciju, informācija ir vieglāk uztverama un interesantāka.

Taču jums jābūt uzmanīgam. Jūs nevēlaties pārāk vienkāršot un pieņemt, ka jūsu auditorija sapratīs noteiktus nišas simbolus.

Tā kā izmantojat mazāk vārdu, jums ir jādara viss iespējamais, lai jūsu fakti izceltos uz lapas. Šeit ir lielisks piemērs, kā to var izdarīt.

Var redzēt, ka pirmajā variantā visi simboli ir vienkrāsaini, kas nepalīdz skatītājam uzreiz saprast, par ko tiek runāts.

Otrajā piemērā viens no simboliem ir iekrāsots daudz gaišākā krāsā, radot kontrastu un akcentu, kas uzreiz piesaista jūsu uzmanību.

Šādi varat izveidot efektīvus dizainus, tikai nedaudz mainot krāsu, lai uzlabotu lietotāja pieredzi.

Tīmekļa dizains

Tīmekļa vietņu dizainā lietotāja saskarne ir viss.

Ja jūsu vietnes apmeklētājs nevar viegli orientēties, viņš nekavējoties pametīs vietni un, visticamāk, neatgriezīsies.

Skatīt arī: 10 labākie kustību dizaina resursi, lai uzlabotu savu spēli

Tieši šeit ir spēkā daudzi no vizuālās hierarhijas principiem, par kuriem mēs runājām. Kontrasts, atstarpes un raksti var atvieglot (vai apgrūtināt) apmeklētāju pārvietošanos vietnē.

Šeit ir gan labas, gan sliktas vizuālās hierarhijas piemērs vienkāršā mērķlapā.

Uzsverot svarīgākos elementus un izveidojot skaidru lietotāja ceļojumu, ir lielāka iespēja, ka lietotāji iegādāsies produktu, izlasīs jūsu saturu vai pierakstīsies pakalpojumam.

Reklāma

Reklāmas ir visur, kur vien mēs skatāmies, bet tikai dažas no tām izceļas un atstāj iespaidu.

Lai radītu reklāmu, kas atstāj iespaidu uz skatītāju, varat izmantot vizuālo hierarhiju, lai nodrošinātu, ka uzreiz piesaistāt viņa uzmanību un noturat to pietiekami ilgi, lai nodotu savu vēstījumu.

Izmantojot visus iepriekš aplūkotos elementus, varat nodrošināt, ka jūsu reklāma izceļas no pārējām un ir viegli uztverama un saprotama.

Šis ir lielisks piemērs tam, kā atstarpes, krāsas un kontrasts var ietekmēt jūsu dizaina uztveri.

Pirmajā versijā attēls ir nedaudz pārāk izkliedēts, un krāsas nav tik iespaidīgas. Otrajā versijā abas problēmas ir novērstas un kopumā radīts iespaidīgāks attēls.

Iespiestie materiāli

Vizuālā hierarhija ir nepieciešama ne tikai digitālajos attēlos, bet arī drukātajos materiālos.

Tādi drukātie materiāli kā plakāti, vizītkartes un žurnāli izmanto vizuālās hierarhijas pamatnoteikumus, lai piesaistītu un informētu auditoriju.

Lūk, piemērs, kā vizuālā hierarhija maina vizītkartes izskatu.

Pirmajā mēģinājumā izmantotās atstarpes un krāsas nepalīdz lasītājam uzreiz identificēt svarīgo informāciju uz kartes. Kad tas ir fiksēts, acs uzreiz atrod vārdu uz kartes un zina tā nozīmi.

Uzziniet vairāk par vizuālo hierarhiju

Uzzini vairāk! Uzzini vairāk!, ko izstrādājusi Alona Shostko. Sazinieties ar viņiem Dribbble - globālā dizaineru un radošo profesionāļu kopienā. Dribbble Alona Shostko

Grafikas dizaineri, tāpat kā jebkuras citas profesijas pārstāvji, nepārtraukti mācās un nostiprina savas prasmes.

Tādus dizaina pamatelementus kā minimālisma dizains, visticamāk, nevarēs pēkšņi mainīt, taču vienmēr ir jauni veidi, kā pieiet dizainam un radošai pieejai.

  • Uzziniet par krāsu teorijas pamatiem, kurus var izmantot, lai uzlabotu vizuālo hierarhiju dizainā.
  • Uzziniet papildu informāciju par krāsu kontrastiem.
  • Visme izveidoja šo vizuālo ceļvedi par hierarhijas izmantošanu dizainā.
  • Iepazīstieties ar lielisku ceļvedi par hierarhijas izmantošanu vietņu dizainā.
  • Šajā bezmaksas e-grāmatā ir padziļināti aplūkota vizuālā hierarhija un tās ietekme uz jūsu dizainu, kā arī sniegti daži piemēri.

Izmantojot šos resursus un zināšanas par vizuālo hierarhiju, noteikti izdosies izveidot satriecošus un vizuāli skaistus dizainus.

Tagad jūs, iespējams, jau vēlaties izmantot šīs zināšanas reālā dizainā, tāpēc ķerieties pie darba! Lejupielādējiet Vectornator bez maksas jau šodien! Mēs nevaram vien sagaidīt, lai redzētu, ko jūs radīsiet.

Lejupielādēt Vectornator, lai sāktu darbu

Paaugstiniet savu dizainu nākamajā līmenī.

Iegūt Vectornator

(Vāka attēla avots: Unsplash )




Rick Davis
Rick Davis
Riks Deiviss ir pieredzējis grafiskais dizainers un vizuālais mākslinieks ar vairāk nekā 10 gadu pieredzi šajā nozarē. Viņš ir strādājis ar dažādiem klientiem, sākot no maziem jaunizveidotiem uzņēmumiem līdz lielām korporācijām, palīdzot tiem sasniegt dizaina mērķus un paaugstināt savu zīmolu, izmantojot efektīvus un ietekmīgus vizuālos materiālus.Beidzis Vizuālās mākslas skolu Ņujorkā, Riks aizraujas ar jaunu dizaina tendenču un tehnoloģiju izpēti, kā arī nepārtraukti virza robežas, kas šajā jomā ir iespējamas. Viņam ir dziļas zināšanas par grafiskā dizaina programmatūru, un viņš vienmēr vēlas dalīties savās zināšanās un atziņās ar citiem.Papildus savam dizainera darbam Riks ir arī apņēmīgs emuāru autors un ir veltīts jaunākajām tendencēm un sasniegumiem grafiskā dizaina programmatūras pasaulē. Viņš uzskata, ka informācijas un ideju apmaiņa ir galvenais, lai veicinātu spēcīgu un dinamisku dizaina kopienu, un viņš vienmēr vēlas sazināties ar citiem dizaineriem un radošiem cilvēkiem tiešsaistē.Neatkarīgi no tā, vai viņš izstrādā klientam jaunu logotipu, eksperimentē ar jaunākajiem rīkiem un paņēmieniem savā studijā vai raksta informatīvus un saistošus emuāra ierakstus, Riks vienmēr ir apņēmies veikt labāko iespējamo darbu un palīdzēt citiem sasniegt savus dizaina mērķus.