01dan 07 gacha
Visual Flow nima?
Vizual oqim hujjat orqali barcha muhim elementlarning obro'-e'tiborga ega bo'lishiga olib keladi va hech narsa tomosha qilmaydi yoki tomoshabinni parchani yo'qotishiga olib keladi. Oklar yoki raqamlar kabi ochiq oqim elementlarini ishlatish, veb-dizaynerlar oqimdan foydalanishning eng keng tarqalgan usuli hisoblanadi, lekin o'qiydiganlarni muayyan yo'lda harakatlantirish uchun ishlatilishi mumkin bo'lgan va boshqa usullar bilan ishlatiladigan elementlar mavjud. Ushbu qo'llanmada keltirilgan qadamlar sizga yaxshi va yomon oqibatlarga oid misollarni ko'rsatadi va dizayndagi ingl. Oqimning so'z boyligini o'rganishga yordam beradi.
Vizual oqimga ko'p jihatdan erishish mumkin:
- Oklar
- Nomerlangan rasm yoki matn elementlari
- Perspektiv
- Gradientlar
- Hajmi o'zgaradi
- Chiziqlar
- Tasvirlardagi harakat
- Faces - ayniqsa ko'zlar
Quyidagi rasmlarda sizga veb-sahifalardagi oqimdagi ba'zi xatolar va ularni qanday tuzatish mumkinligi ko'rsatiladi.
02 ning 07
G'arb matni chapdan o'ngga ketadi
Agar siz g'arb tilini o'qiyotgan bo'lsangiz, matnni chapdan o'ngga ko'chirish kerak deb o'ylaysiz. Shunday qilib, ko'z matn bo'ylab harakatlanayotgandek chapdan o'ngga siljiydi.
Yuqoridagi rasmda palapartish o'ngdan chap tomonga oqadi va matn palapartishlikdan oqmoqda. Hammamiz bilamizki, palapartishlik yiqilib, matn oqimi bilan suv oqimi yo'nalishi bo'yicha ajratiladi. Tomoshabinning ko'zlari matnni o'qish uchun noto'g'ri yo'nalishda harakat qilishadi.
03 ning 07
Sizning matningiz rasmlar bilan oqishi kerak
Bu holatda, tasvir matn suv bilan bir xil yo'nalishda oqishi uchun teskari tarjima qilingan. Barcha elementlar tomoshabinning ko'zini suv oqimi va matn oqimi bilan pastga yo'naltiradi.
04 dan 07 gacha
Chapdan o'ngga teng
Ushbu fotosuradagi ot o'ngdan chapga harakat qilmoqda, ammo matn ingliz va shuning uchun chapdan o'ngga. Ot poygalarining bir tomonning vizual ta'siri barcha hujjatning sur'atini sekinlashtiradi, chunki matn matndan boshqacha yo'nalishga aylanadi.
G'arb madaniyatlarida, chunki bizning tillarimiz chapdan o'ngga ko'chib o'tadi, chapdan o'ngga ingl. Yo'nalishni ilgari va tezkor, biroq o'ngdan chapga qaraganda sekinroq bog'lash uchun kelganmiz. Tezlikni chaqirgan holda tartibni yaratganingizda, buni esdan chiqarmaslik kerak va tasviringizni matn bilan bir xil yo'nalishda harakatlantiring.
05 dan 07 gacha
Tomoshabinning ko'zini sekinlashtirmaslik
Ot va matn bir xil yo'nalishga aylanganda, nazarda tutilgan tezlik ortadi.
07 of 07
Veb-fotosuratlardagi ko'zlarni tomosha qiling
Fotosuratlarga ega bo'lgan ko'plab veb-saytlar bu xatoni keltirib chiqaradi - ular sahifadagi shaxsning suratini qo'yadilar va u kishi kontentdan uzoqroq yurishadi. Eski dizayni, eveneworks.com veb-Ustasi saytida ko'rish mumkin.
Ko'rib turganingizdek, mening rasmim ba'zi matn yonida joylashgan. Lekin men bu matndan uzoqda qarab turibman, deyarli orqamga o'girildim. Agar bu badan tilini bir guruhdagi ikki kishining orasidan ko'rgan bo'lsangiz, yonimda turgan kishini yoqtirmasligim mumkin (bu holda matn bloki).
Ko'pgina ko'zni kuzatish ishlari odamlarning Internet sahifalarida yuzlarini ko'rganligini ko'rsatdi. Va shunga o'xshash tadqiqotlar shuni ko'rsatadiki, suratga qaraganda, odamlar suratga tushirgan narsani ko'rish uchun ko'zlarini bexosdan kuzatadilar. Agar veb-saytingizdagi surat brauzerning chekkasini ko'rib chiqsa, bu sizning mijozlaringiz ko'rinadigan joy, keyin esa orqa tugmasini bosish.
07 of 07
Har qanday fotosuratda bo'lgan ko'zlar kontentga duch kelishi kerak
About.com uchun yangi dizaynda surat biroz yaxshiroq. Endi mening ko'zlarim ancha oldinga qaraydi va men chap tomonimga - matnning qaerdaligini bilib olishimga to'g'ri keladi.
Bu lavozim uchun yanada yaxshi rasm mening elkalarim ham matnga nisbatan burchakka ega bo'lar edi. Lekin bu birinchi fotosuratdan ko'ra ancha yaxshi yechim. Va tasvirning kontentdan tashqari, chap tomonda bo'lgan holatlar uchun ham yaxshi kelishuv bo'lishi mumkin.
Shuni yodda tutingki, odamlar yuzining tasvirlari eng diqqatni jalb qilganda, hayvonlarning fotosuratlari ham xuddi shunday. Misol uchun, ushbu namunali tartibda, itlarim chapga qarab turadi, lekin rasm o'ngga siljiydi. Shunday qilib, ular sahifani ko'rib chiqishmoqda. Agar bu itlarning yo'nalishini o'zgartirsam, bu tartib yanada yaxshilanadi, chunki ular ekranning markaziga qarashadi.