Prinċipji tal-Ġerarkija Viżwali għad-Disinjaturi

Il-prinċipji tal-ġerarkija viżwali għad-disinjaturi huma kunċett tad-disinn li jintuża biex jiggwida kif l-għajnejn tat-telespettatur jimxu minn disinn u jiddeterminaw liema elementi huma l-aktar importanti jew attraenti viżwalment.

Għall-ewwel kien hemm pilloli tal-ġebel, rombli tal-papyrus u karti. Imbagħad ġew skrins tal-kompjuters u tablets elettroniċi. Hekk kif tevolvi t-teknoloġija tal-wiri tal-paġna, id-disinjaturi jitħallew b'mod ċar kif jorganizzaw il-kontenut. Imma liema huwa aħjar? Fil-qosor , ġerarkija viżwali.

Hawnhekk hawn id-definizzjoni tal-ġerarkija viżwali: Il-ġerarkija viżwali hija l-arranġament elementi grafiċi fid-disinn f'ordni ta' importanza ta' kull element. Il-piż viżwali jiddetermina element importanza fil-ġerarkija tad-disinn, tgħid lit-telespettatur fuq xiex għandu jiffoka u f'liema ordni.

Riżorsi għad-Disinjaturi. 50 b'xejn

Din qed issir kwistjoni dejjem aktar importanti peress li l-oqfsa reattivi jġiegħlu lid-disinjaturi jaħsbu dwar ħafna paġni differenti f'daqqa. Quddiem test dens u firxa qasira ta 'attenzjoni, id-disinjaturi żviluppaw 6 prinċipji biex jidderieġu l-għajnejn tal-qarrej lejn l-aktar informazzjoni importanti.

Dawn is-6 prinċipji ta’ ġerarkija viżwali jgħinuk tiddisinja kollox minn fuljetti sa apps, u jiżguraw li l-utent finali jkollu esperjenza ta’ qari pożittiva għad-disinjaturi.

Il-kulturi kollha jinqraw minn fuq għal isfel, u ħafna mill-kulturi jinqraw mix-xellug għal-lemin. Iżda għalkemm dan l-għarfien huwa importanti għal disinn tal-paġna, id-disinjaturi jafu li l-kompitu huwa ħafna aktar diffiċli.

Studji reċenti wrew li n-nies jiskennjaw paġna l-ewwel biex jaraw jekk humiex interessati fiha qabel jaqrawha. Il-mudelli tal-iskanjar għandhom it-tendenza li jieħdu waħda minn żewġ forom, "F" u "Z", u tista 'tieħu vantaġġ minn dan fid-disinn tiegħek.

F-Disinni. Prinċipji tal-Ġerarkija Viżwali

F-templates japplikaw għal paġni tat-test tradizzjonali bħal artikli jew blog posts. Il-qarrej jiskenja n-naħa tax-xellug paġni tfittex kliem prinċipali interessanti f'intestaturi allinjati max-xellug jew sentenzi ta' suġġett inizjali, imbagħad tieqaf u jaqra (fuq il-lemin) meta jiltaqa' ma' xi ħaġa interessanti. Ir-riżultat jidher qisu F (jew E, jew xi ħaġa bi strixxi saħansitra aktar orizzontali; iżda t-terminu "F" staġnati).

Kif tista' tuża dan? Allinja l-informazzjoni importanti lejn ix-xellug u uża intestaturi qosra u skuri, balal, u elementi oħra simili li jiġbdu l-attenzjoni biex tkisser il-blokki tal-paragrafi.

Mudell Z. Prinċipji tal-Ġerarkija Viżwali

Mudelli Z japplikaw għal tipi oħra ta' paġni, bħal reklami jew websajts, fejn l-informazzjoni mhix neċessarjament ippreżentata f'paragrafi blokk. Il-qarrej l-ewwel jiskenja n-naħa ta’ fuq tal-paġna, fejn x’aktarx tinstab informazzjoni importanti, imbagħad jimxi lejn il-kantuniera opposta djagonalment u jagħmel l-istess fil-qiegħ tal-paġna.

Id-disinjaturi tal-web tipikament jiddisinjaw il-paġni tagħhom biex jaqblu b'mod espliċitu ma 'din l-imġieba, iqiegħdu l-aktar informazzjoni importanti fil-kantunieri u jorjentaw informazzjoni importanti oħra tul il-vireg ta' fuq u ta 'isfel u jgħaqqdu d-dijagonali.

F'hawn taħt fid-disinn tal-konferenza tal-assemblaġġ tal-2010, elementi importanti huma l-logo (fuq ix-xellug), buttuna "irreġistra issa" (fuq il-lemin), u lista ta 'kelliema (ta' isfel), li huma mqiegħda strateġikament f'spots sbieħ ta 'mudell Z.

2. Id-daqs huwa importanti. Prinċipji tal-Ġerarkija Viżwali
_

Huwa pjuttost sempliċi: in-nies jaqraw affarijiet kbar l-ewwel. Jekk għajnejk jinġibdu lejn "il-prestazzjoni" qabel ma "taqsam" fir-reklam hawn taħt għaż-Żgħażagħ Vic, għandek tikkuntattja psikologu perċettiv immedjatament: inti probabilment tista 'tagħmel flus tajjeb billi tiġi ttestjat bħala anomalija rari.

X'inhu interessanti huwa li din it-tendenza fil-fatt hija b'saħħitha biżżejjed biex tirrifjuta r-regola minn fuq għal isfel. Fl-immaġni ta 'hawn fuq, "hack" jegħleb "ħin biex taġixxi" minħabba li huwa akbar u lejn ix-xellug (għalhekk ir-regola tax-xellug għal-lemin tgħin).

Iżda fil-paġna li jmiss tar-Rapport Annwali: Kampanja tad-Drittijiet tal-Bniedem 2012 (żviluppata fil-ħames kolonna tal-midja) naqraw bil-kbir font "Il-Ġlieda għall-Ugwaljanza fit-Traċċa tal-Kampanja" qabel it-test direttament fuqu "Elezzjoni 2012." Prinċipji tal-Ġerarkija Viżwali

"Elezzjoni 2012" hija l-ordni ta' l-ogħla livell ta' informazzjoni: tgħidilna t-tema ġenerali li magħha tirrelata l-informazzjoni hawn taħt. Iżda d-disinjatur iddeċieda li t-titlu tal-artiklu kien aktar interessanti għall-qarrejja, u għalhekk ikklassifikah sabiex jinqara l-ewwel.

3. L-ispazju u n-nisġa. Prinċipji tal-Ġerarkija Viżwali

Mod ieħor biex tikseb l-attenzjoni huwa agħti kontenut biżżejjed spazju biex tieħu n-nifs . Jekk hemm spazju negattiv sinifikanti madwar il-buttuna jew il-linji fil-blokka tat-test huma segwiti b'mod wiesa ', dawn l-elementi jkunu aktar faċilment viżibbli għall-qarrejja.

Kif tistgħu taraw fl-immaġni hawn taħt (parti mis-sit ta 'DrawtoClick), l-ispazjar jista' jkun alternattiva eleganti jew jikkumplimenta l-użu tad-daqs. Hawnhekk, il-punt tal-bejgħ, "Notre agence vouscompagne...", huwa miktub b'tipa żgħira ħafna, iżda huwa mdawwar b'abbundanza ta 'spazju abjad, li jindika l-importanza tiegħu. Hawn taħt, il-frażijiet "Le Compendre", "Le Réaliser" u "Le Partager" jirċievu enfasi addizzjonali, billi jinqalgħu mill-ispazju tal-madwar.

Meta n-nies jitkellmu dwar "tessut" b'rabta mal-ġerarkija viżiva, ma jfissirx l-effetti grafiċi tan-nisġa. Pjuttost, dan it-tip ta '"tessut" jirreferi għall-arranġament ġenerali jew l-istruttura ta' spazju, test, u dettalji oħra fuq paġna. Dan l-eżempju minn Bright Pink juri sew il-kunċett:

Fl-ewwel immaġini, il-kelma "Sport" hija ogħla fil-ġerarkija minn "badminton" minħabba li hija ogħla, akbar u kuraġġuża. Fl-immaġni 2, iż-żewġ kelmiet huma bejn wieħed u ieħor ekwivalenti, grazzi għar-rettangolu iswed li jagħmel "badminton" jispikka u jpoġġih fl-ispazju tiegħu stess.

Fit-tielet immaġini, l-isfond scribble tinterrompi l-ispazju "Sports" iżda mhux l-ispazju "badminton", u għalhekk jirriżulta fi treġġigħ lura fejn "badminton" huwa l-ogħla fil-ġerarkija. Dan l-iżvilupp huwa diffiċli li wieħed ibassar, għalhekk id-disinjaturi ħafna drabi jassoċjawha ma 'sens olistiku ta' "tessut".

4. Piż tat-tipa u tqabbil. Prinċipji tal-Ġerarkija Viżwali

L-għażla tat-tipa hija kritika biex tiġi stabbilita ġerarkija viżiva. Fost l-attributi l-aktar importanti ta 'font huma l-piż, il-wisa' tal-puplesiji li jiffurmaw l-ittri tagħha, u stil, bħal serif u sans serif. Modifiki oħra, bħall-korsiv, jistgħu wkoll ikollhom rwol.

Avviż kif widna jinfluwenza l-ordni tal-ġerarkija tal-kelma fid-disinn tal-web hawn taħt għal The Tea Factory: "tejiet perfetti biex jgħinuk tisħon" huwa l-isem tal-logħba, iżda d-differenzi fil-piż tat-tipa u l-korsiv, minbarra t-tqegħid tal-kliem, joħolqu aktar esperjenza tal-qari dinamika, inqas lineari. "://azbyka.com.ua/foto/tea-factory.jpg" />

F'xi każijiet, l-għan huwa li tiġi ppreżentata varjetà ta' informazzjoni bħala ugwalment urġenti. L-issettjar ta 'kulħadd għall-istess daqs u piż jiżgura l-ekwivalenza, iżda wkoll jagħmilha tidher monotona. Id-divrenzjar tat-tipa huwa mod wieħed biex jiġi evitat dan, bħall-qoxra tar-rivista Trendi hawn taħt. Prinċipji tal-Ġerarkija Viżwali

Tħejjija ta' fuljett għall-istampar.

Hawnhekk, il-ħames teasers madwar il-periferija tal-paġna huma l-istess fil-ġerarkija, iżda jiksbu varjetà billi jinbidlu żewġ fonts imqabbla sew—wieħed serif ta 'piż medju u l-ieħor sans-serif ħafif iżda għoli.

5. Kulur u dell. 

Hawn no-brainer ieħor: kuluri brillanti jispikkaw minn kuluri siekta jew sfumaturi ta 'griż, filwaqt li sfumaturi eħfef jidhru aktar "bogħod" u għalhekk jaqgħu aktar baxxi fil-ġerarkija minn sfumaturi aktar sinjuri u skuri. Il-websajt Where Are Huma tikkuntrasta dawl qawwi u backlighting ikkulurit b'effett ta 'grilja iswed u abjad għall-effett tal-luminożità:

Il-websajt Guggenheim tuża l-kulur biex tenfasizza informazzjoni importanti bħall-għażla tal-post, lista ta’ wirjiet li qed jaraw bħalissa, u links għal wirjiet speċjali. Prinċipji tal-Ġerarkija Viżwali

L-Aħjar Font għall-Ippakkjar Custom

Il-websajt tal-Mużew Whitney, min-naħa l-oħra, tistabbilixxi ġerarkija f'font wieħed, piż u ton (iswed) bl-użu ta 'lewn (li jfisser li żżid abjad mat-ton bażi, u tagħmilha eħfef). "Cory Archangel on Pop Culture" hija b'mod ċar taħt "New on Whitney Stories" fil-ġerarkija viżiva, mhux biss minħabba li hija aktar baxxa, iżda wkoll minħabba li l-isfumatura tagħha hija eħfef, u tagħmilha inqas li tidher fuq l-isfond abjad. Prinċipji tal-Ġerarkija Viżwali

Il-kulur għandu tifsira speċjali fi disinn mobbli applikazzjonijiet fejn id-daqs żgħir tal-iskrin jillimita l-ħila tiegħek li tuża strateġiji oħra bħal varjazzjoni fid-daqs u spazjar wiesa '. Fl-app Grainger Industrial Supply, il-buttuna "Ipproċedi għall-Iċċekkja" hija kkulurita bl-aħmar, u tagħmilha tispikka fuq kwalunkwe paġna fejn tidher. Il-pannell tar-Riżultati tat-Tiftix Dojoq, għall-kuntrarju, huwa griż, li jagħmilha bejn wieħed u ieħor ekwivalenti fil-ġerarkija għal elementi oħra bħall-bar tat-tiftix u links tal-prodott.

6. Direzzjoni għad-disinjaturi.

It-tqassim tal-paġni huma ġeneralment iddisinjati biex isegwu grilja ta 'linji vertikali u orizzontali, kemm b'konvenzjoni kif ukoll minħabba li huwa l-aktar format li jinqara. F'sistema bħal din, hemm mod ġdid biex tiġi stabbilita ġerarkija: tkisser il-grilja.

It-test li huwa pożizzjonat tul kurva jew djagonali awtomatikament jispikka kontra t-test imblukkat mill-grilja tal-madwar, u jieħu l-istadju ċentrali. Din ilha strateġija effettiva fir-reklamar, bħall-poster tal-bus stop ta’ Frost Design.