01-ը 07-ը
Ինչ է Visual Flow- ը:
Տեսողական հոսքը տեւում է հեռուստադիտողի աչքը փաստաթղթի միջոցով այնպես, որ բոլոր կարեւոր տարրերը մեծ նշանակություն ունենան, եւ ոչինչ չի խանգարում տեսլականը կամ առաջացնում է հեռուստադիտողի կորուստը: Օգտագործելով հստակ հոսքի տարրեր, ինչպիսիք են սլաքները կամ թվերը, ամենատարածված ձեւն է, որ վեբ դիզայներները օգտագործում են հոսքը, բայց կան այլ տարրեր, որոնք կարող են օգտագործվել եւ սխալ օգտագործվել, որպեսզի ձեր ընթերցողներին ուղղորդեն որոշակի ճանապարհով: Այս ձեռնարկի քայլերը ցույց կտան ձեզ լավ եւ վատ հոսքերի օրինակներ եւ կօգնեն ձեզ սովորել վիզուալ հոսքի բառապաշարը նախագծման մեջ:
Տեսողական հոսքը կարելի է հասնել բազմաթիվ ձեւերով.
- Ռադիո
- Հետեւողական պատկերներ կամ տեքստային տարրեր
- Տեսանկյուն
- Գրադիենտներ
- Չափերի փոփոխություններ
- Կորեր
- Նկարներում շարժումը
- Faces - հատկապես աչքերը
Հետեւյալ պատկերները ցույց կտան ձեզ որոշակի ընդհանուր սխալներ վեբ էջերում հոսքի մեջ եւ ինչպես դրանք ուղղել:
02-ից 07-ը
Արեւմտյան տեքստի հոսքերը ձախից աջ
Եթե դուք մեծացել եք արեւմտյան լեզու կարդալով, դուք արդեն մտածում եք, որ տեքստը պետք է տեղափոխվի ձախից աջ: Այսպիսով, քանի որ աչքը շարժվում է տեքստի տողում, այն ձախից աջ է շարժվում:
Վերոնշյալ նկարում ջրվեժը հոսում է ձախ ուղղությամբ, եւ տեքստը հոսում է ջրվեժը: Քանի որ մենք բոլորս գիտենք, որ ջրվեժները ընկնում են, տատանումների հոսքի հետ մեկտեղ անջատվում է ջրի հոսքի ուղղությամբ: Դիտողի աչքը շարժվում է սխալ ուղղությամբ, տեքստը կարդալու համար:
03-ից 07-ը
Ձեր տեքստը պետք է նկարահանվի պատկերներով
Այս դեպքում պատկերը վերածվում է այնպես, որ տեքստը հոսում է նույն ուղղությամբ, ինչպես ջուրը: Բոլոր տարրերը ցուցադրում են հեռուստադիտողի աչքը ջրի հոսքի եւ տեքստի հոսքի հետ:
04-ից 07-ը
Ձախից աջը հավասար է հավասար
Այս ձիու ձախ ձախից ձախողվում է, բայց տեքստը անգլերենն է եւ ձախից աջ: Ձիասպորտի մեկ ուղղության տեսողական ազդեցությունը դանդաղեցնում է ամբողջ փաստաթղթի տեմպը, քանի որ այն ընթանում է այլ ուղղությամբ, քան տեքստը:
Արեւմտյան մշակույթներում, քանի որ մեր լեզուներն անցնում են ձախից դեպի աջ, մենք եկել ենք դեպի ձախ դեպի տեսողական ուղղություն, ինչպես առաջ, եւ արագ, իսկ ձախ աջը `ավելի հետընթաց եւ դանդաղ: Երբ դուք ստեղծում եք դասավորություն արագության հռչակմամբ, պետք է հիշեք սա եւ պահպանեք ձեր պատկերները նույն ուղղությամբ, ինչպես տեքստը:
05-ից 07-ը
Մի մեծացնել հեռուստադիտողի աչքը դանդաղեցնելու համար
Երբ ձին ու տեքստը երկուսն էլ նույն ուղղությամբ են գնում, ենթադրվում է արագությունը:
06-ից 07-ը
Դիտեք աչքերը վեբ լուսանկարներում
Շատ Վեբ կայքերի լուսանկարներով այս սխալը ստիպում է էջի վրա նկարել անձի լուսանկարը, եւ մարդը հեռանում է բովանդակությունից: Սա նույնիսկ կարելի է տեսնել հին դիզայնի վրա վեբ դիզայնի կայքի մասին:
Ինչպես տեսնում եք, իմ լուսանկարը տեղադրված է որոշ տեքստերի կողքին: Բայց ես նայում եմ այդ տեքստից, գրեթե իմ մեջքը դարձել է դրան: Եթե տեսել եք այդ մարմնի լեզուն մի խմբի մեջ երկու մարդկանց միջեւ, հեշտ կլիներ ենթադրել, որ ինձ դուր չի գալիս այն մարդը, որը ես եմ (այս դեպքում `տեքստի բլոկը):
Շատ աչքի հետեւող ուսումնասիրություններ ցույց են տվել, որ մարդիկ տեսնում են դեմքեր `վեբ էջերում: Հետազոտությունները ցույց են տվել, որ նկարները նայելով, մարդիկ այնուհետեւ անգիտակիցորեն հետեւում են աչքին, տեսնելու, թե ինչ է նայում պատկերը: Եթե ձեր կայքում տեղադրված լուսանկարը զննարկչի եզրին նայելու է, ապա այնտեղ, որտեղ ձեր հաճախորդները կանդրադառնան, ապա հարվածել կոճակը:
07-ից 07-ը
Ցանկացած լուսանկարում աչքերը պետք է բովանդակ լինեն
Image.tk նոր դիզայնի վրա, լուսանկարը մի փոքր ավելի լավ է: Այժմ աչքերս ավելի շատ առաջ են նայում, եւ մի փոքր ակնարկ կա, որ ես ձգտում եմ նայում, որտեղ տեքստն է:
Ավելի լավ լուսանկար այդ պաշտոնի համար կլինի, որտեղ իմ ուսերը նույնպես անկյան տակ էին տեքստում: Բայց սա ավելի լավ լուծում է, քան առաջին լուսանկարը: Եվ, այն իրավիճակների համար, որտեղ պատկերը կլինի բովանդակության, ինչպես նաեւ ձախ կողմում, դա կարող է լավ փոխզիջում լինել:
Հիշեք նաեւ, որ երբ մարդկանց պատկերների պատկերները առավել ուշադրություն են դարձնում, նույնը վերաբերում է կենդանիների լուսանկարներին: Օրինակ, այս ընտրանքային դասավորության մեջ ես ունեմ իմ շուն ձախ նայում, բայց պատկերը պատված է: Այսպիսով նրանք նայում են էջը: Այս դասավորությունը կլիներ բարելավվել, եթե փոխեցի շների կողմնորոշումը, որպեսզի նրանք նայեն էկրանին: