Egwyddorion Hierarchaeth Weledol ar gyfer Dylunwyr

Mae egwyddorion hierarchaeth weledol ar gyfer dylunwyr yn gysyniad dylunio a ddefnyddir i arwain sut mae llygaid y gwyliwr yn symud trwy ddyluniad a phenderfynu pa elfennau sydd bwysicaf neu fwyaf deniadol yn weledol.

Ar y dechrau roedd tabledi carreg, sgroliau papyrws a phapur. Yna daeth sgriniau cyfrifiadur a thabledi electronig. Wrth i dechnoleg arddangos tudalennau ddatblygu, mae gan ddylunwyr ffordd glir o drefnu cynnwys. Ond pa un sydd well ? Yn fyr , hierarchaeth weledol.

Dyma'r diffiniad o hierarchaeth weledol: Hierarchaeth weledol yw'r trefniant elfennau graffig mewn dylunio yn nhrefn pwysigrwydd pob elfen. Mae pwysau gweledol yn pennu elfen pwysigrwydd yn hierarchaeth y dyluniad, gan ddweud wrth y gwyliwr beth i ganolbwyntio arno ac ym mha drefn.

Adnoddau i Ddylunwyr. 50 am ddim

Mae hwn yn dod yn fater cynyddol bwysig wrth i fframweithiau ymatebol orfodi dylunwyr i feddwl am lawer o wahanol dudalennau ar unwaith. Yn wyneb testun trwchus a rhychwantau sylw byr, datblygodd dylunwyr 6 egwyddor i gyfeirio llygad y darllenydd at y wybodaeth bwysicaf.

Bydd y 6 egwyddor hierarchaeth weledol hyn yn eich helpu i ddylunio popeth o lyfrynnau i apiau, gan sicrhau bod y defnyddiwr terfynol yn cael profiad darllen cadarnhaol i ddylunwyr.

Darllenir pob diwylliant o'r top i'r gwaelod, a darllenir y rhan fwyaf o ddiwylliannau o'r chwith i'r dde. Ond er bod y wybodaeth hon yn bwysig i dylunio tudalen, mae dylunwyr yn gwybod bod y dasg yn llawer anoddach.

Mae astudiaethau diweddar wedi dangos bod pobl yn sganio tudalen yn gyntaf i weld a oes ganddyn nhw ddiddordeb ynddi cyn ei darllen. Mae patrymau sganio yn tueddu i gymryd un o ddau siâp, "F" a "Z", a gallwch chi fanteisio ar hyn yn eich dyluniad.

Patrymau F. Egwyddorion Hierarchaeth Weledol

F-templedi berthnasol i dudalennau testun traddodiadol fel erthyglau neu bostiadau blog. Mae'r darllenydd yn sganio'r ochr chwith tudalennau chwilio am eiriau allweddol diddorol mewn penawdau wedi'u halinio i'r chwith neu frawddegau pwnc cychwynnol, yna'n stopio ac yn darllen (i'r dde) pan ddaw ef neu hi ar draws rhywbeth diddorol. Mae'r canlyniad yn edrych fel F (neu E, neu rywbeth gyda hyd yn oed mwy o streipiau llorweddol; ond mae'r term "F" yn sownd).

Sut gallwch chi ddefnyddio hwn? Aliniwch wybodaeth bwysig i'r chwith a defnyddiwch benawdau byr, beiddgar, bwledi, ac elfennau tebyg eraill sy'n tynnu sylw i dorri blociau paragraff.

Z-model. Egwyddorion Hierarchaeth Weledol

Z-patrymau berthnasol i fathau eraill o dudalennau, megis hysbysebion neu wefannau, lle nad yw gwybodaeth o reidrwydd yn cael ei chyflwyno mewn paragraffau bloc. Mae'r darllenydd yn sganio brig y dudalen yn gyntaf, lle mae'n debygol y bydd gwybodaeth bwysig i'w chael, yna'n symud i'r gornel gyferbyn yn groeslinol ac yn gwneud yr un peth ar waelod y dudalen.

Mae dylunwyr gwe fel arfer yn dylunio eu tudalennau i gyd-fynd yn benodol â'r ymddygiad hwn, gan osod y wybodaeth bwysicaf yn y corneli a chyfeirio gwybodaeth bwysig arall ar hyd y bariau uchaf a gwaelod a chysylltu'r groeslin.

Yn yr isod Yn nyluniad cynulliad cynhadledd 2010, elfennau pwysig yw'r logo (chwith uchaf), botwm "cofrestru nawr" (dde uchaf), a rhestr o siaradwyr (gwaelod), sydd wedi'u gosod yn strategol mewn mannau patrwm Z braf.

2. Mae maint yn bwysig. Egwyddorion Hierarchaeth Weledol
_

Mae'n eithaf syml: mae pobl yn darllen pethau mawr yn gyntaf. Os caiff eich llygaid eu tynnu at "y perfformiad" cyn i chi "rannu" i'r hysbyseb isod ar gyfer y Young Vic, dylech gysylltu â seicolegydd canfyddiadol ar unwaith: mae'n debyg y gallech wneud arian da trwy gael eich profi fel anghysondeb prin.

Yr hyn sy'n ddiddorol yw bod y duedd hon mewn gwirionedd yn ddigon cryf i wrthod y rheol o'r brig i lawr. Yn y ddelwedd uchod, mae "hacio" yn gor-redeg "amser i weithredu" oherwydd ei fod yn fwy ac i'r chwith (felly mae'r rheol chwith i'r dde yn helpu).

Ond ar dudalen nesaf Adroddiad Blynyddol: Ymgyrch Hawliau Dynol 2012 (a ddatblygwyd yn y bumed golofn cyfryngau) darllenwn yn fawr ffont “Y Frwydr dros Gydraddoldeb ar Daith yr Ymgyrch” cyn y testun yn union uwch ei ben “Etholiad 2012.” Egwyddorion Hierarchaeth Weledol

"Etholiad 2012" yw'r lefel uchaf o wybodaeth: mae'n dweud wrthym y thema gyffredinol y mae'r wybodaeth isod yn berthnasol iddi. Ond penderfynodd y dylunydd fod teitl yr erthygl yn fwy diddorol i ddarllenwyr, ac felly fe'i graddiodd fel y byddai'n cael ei darllen yn gyntaf.

3. Gofod a gwead. Egwyddorion Hierarchaeth Weledol

Ffordd arall o gael sylw yw rhoi digon o le i'r cynnwys anadlu . Os oes gofod negyddol sylweddol o amgylch y botwm neu os dilynir y llinellau yn y bloc testun yn eang, bydd yr elfennau hyn yn haws eu gweld i ddarllenwyr.

Fel y gwelwch yn y ddelwedd isod (rhan o wefan DrawtoClick), gall bylchau fod yn ddewis cain neu'n ategu defnyddio maint. Yma, mae’r pwynt gwerthu, “Notre agence vouscompagne...”, wedi’i ysgrifennu mewn print mân iawn, ond mae digonedd o ofod gwyn o’i amgylch, sy’n nodi ei bwysigrwydd. Isod, mae'r ymadroddion “Le Compendre”, “Le Réaliser” a “Le Partager” yn derbyn pwyslais ychwanegol, gan eu bod ar wahân i'r gofod cyfagos.

Pan fydd pobl yn siarad am "wead" mewn perthynas â hierarchaeth weledol, nid ydynt yn golygu effeithiau graffig gwead. Yn hytrach, mae'r math hwn o "wead" yn cyfeirio at drefniant neu strwythur cyffredinol gofod, testun, a manylion eraill ar dudalen. Mae'r enghraifft hon o Bright Pink yn dangos y cysyniad yn dda:

Yn y ddelwedd gyntaf, mae'r gair "Chwaraeon" yn uwch yn yr hierarchaeth na "badminton" oherwydd ei fod yn dalach, yn fwy ac yn fwy beiddgar. Yn delwedd 2, mae'r ddau air yn cyfateb yn fras, diolch i'r petryal du sy'n gwneud i “badminton” sefyll allan a'i roi yn ei ofod ei hun.

Yn y drydedd ddelwedd, mae'r sgribl cefndir yn torri ar draws y gofod "Chwaraeon" ond nid y gofod "badminton", ac felly'n arwain at wrthdroad lle mae "badminton" yr uchaf yn yr hierarchaeth. Mae'r datblygiad hwn yn anodd ei ragweld, felly mae dylunwyr yn aml yn ei gysylltu ag ymdeimlad cyfannol o "wead."

4. Pwysau ffont a pharu. Egwyddorion Hierarchaeth Weledol

Mae dewis ffontiau yn hanfodol i sefydlu hierarchaeth weledol. Ymhlith nodweddion pwysicaf ffont mae pwysau, lled y strôc sy'n rhan o'i lythrennau, ac arddull, fel serif a sans serif. Gall addasiadau eraill, fel llythrennau italig, chwarae rhan hefyd.

Sylwch sut headset yn dylanwadu ar drefn yr hierarchaeth geiriau yn y dyluniad gwe isod ar gyfer The Tea Factory: "te perffaith i'ch helpu i gynhesu" yw enw'r gêm, ond mae gwahaniaethau mewn pwysau ffont ac italig, yn ogystal â lleoliad geiriau, yn creu mwy profiad darllen deinamig, llai llinol. "://azbyka.com.ua/foto/tea-factory.jpg " />

Mewn rhai achosion, y nod yw cyflwyno amrywiaeth o wybodaeth yr un mor frys. Bydd gosod pawb i'r un maint a phwysau yn sicrhau cywerthedd, ond bydd hefyd yn gwneud iddo edrych yn undonog. Mae gwahaniaethu ffontiau yn un ffordd o osgoi hyn, fel clawr cylchgrawn Trendi isod. Egwyddorion Hierarchaeth Weledol

Paratoi pamffled i'w argraffu.

Yma, mae'r pum ymlidiwr o amgylch cyrion y dudalen yr un peth o ran hierarchaeth, ond yn cyflawni amrywiaeth trwy newid dau ffont sydd wedi'u paru'n dda - un yn serif pwysau canolig a'r llall yn sans-serif ysgafn ond tal.

5. Lliw a chysgod. 

Dyma un arall heb unrhyw deimladau: mae lliwiau llachar yn sefyll allan o liwiau tawel neu arlliwiau o lwyd, tra bod arlliwiau ysgafnach yn ymddangos yn fwy "pell" ac felly'n disgyn yn is yn yr hierarchaeth nag arlliwiau cyfoethocach, tywyllach. Mae gwefan Where Are They yn cyferbynnu golau llachar ac ôl-oleuadau lliw gydag effaith grid du a gwyn i effaith goleuedd:

Mae gwefan Guggenheim yn defnyddio lliw i bwysleisio gwybodaeth bwysig megis dewis lleoliad, rhestr o arddangosfeydd sy'n cael eu gweld ar hyn o bryd, a dolenni i arddangosfeydd arbennig. Egwyddorion Hierarchaeth Weledol

Ffont Gorau ar gyfer Pecynnu Personol

Mae gwefan Amgueddfa Whitney, ar y llaw arall, yn sefydlu hierarchaeth o fewn un ffont, pwysau a thôn (du) gan ddefnyddio arlliw (sy'n golygu ychwanegu gwyn at y tôn sylfaen, gan ei wneud yn ysgafnach). Mae “Cory Archangel on Pop Culture” yn amlwg yn is na “Straeon Newydd ar Whitney” yn yr hierarchaeth weledol, nid yn unig oherwydd ei fod yn is, ond hefyd oherwydd bod ei gysgod yn ysgafnach, gan ei wneud yn llai amlwg yn erbyn y cefndir gwyn. Egwyddorion Hierarchaeth Weledol

Mae gan liw ystyr arbennig yn dylunio symudol cymwysiadau lle mae maint sgrin fach yn cyfyngu ar eich gallu i ddefnyddio strategaethau eraill fel amrywio maint a bylchau eang. Yn ap Grainger Industrial Supply, mae'r botwm "Ewch ymlaen i'r ddesg dalu" wedi'i liwio'n goch, sy'n golygu ei fod yn sefyll allan ar unrhyw dudalen lle mae'n ymddangos. Mae'r panel Canlyniadau Chwilio Cul, mewn cyferbyniad, yn llwyd, sy'n golygu ei fod yn cyfateb yn fras yn yr hierarchaeth i elfennau eraill megis y bar chwilio a dolenni cynnyrch.

6. Cyfeiriad i ddylunwyr.

Mae cynlluniau tudalennau fel arfer wedi'u cynllunio i ddilyn grid o linellau fertigol a llorweddol, yn ôl confensiwn ac oherwydd dyma'r fformat mwyaf darllenadwy. Mewn system o'r fath, mae ffordd newydd o sefydlu hierarchaeth: torri'r grid.

Mae testun sydd wedi'i leoli ar hyd cromlin neu letraws yn sefyll allan yn awtomatig yn erbyn y testun amgylchynol sydd wedi'i rwystro gan grid, gan gymryd canol y llwyfan. Mae hon wedi bod yn strategaeth effeithiol ym maes hysbysebu ers tro, fel poster safle bws Frost Design.