01-də 07
Visual Flow nədir?
Vizual axın, izləyicinin gözü ilə bütün əhəmiyyətli ünsürlərin önə çıxması və heç bir şeyin vizyona qapılmaması və ya görünüşün parçanın hissini itirməməsinə səbəb olur. Oxlar və ya rəqəmlər kimi açıq-aydın axın elementləri istifadə edərək, veb-dizaynerlər axından istifadə edirlər, lakin oxucularınızı müəyyən bir yolda hərəkət etməyə yönəltmək üçün istifadə edilə bilən digər elementlər də var. Bu təlimatda göstərilən addımlar sizə yaxşı və pis axın nümunələrini göstərəcək və dizaynda vizual axınının lüğətini öyrənməyə kömək edəcəkdir.
Görsel axın bir çox yolla əldə edilə bilər:
- Oklar
- Sequential şəkillər və ya mətn elementləri
- Perspektiv
- Gradients
- Ölçü dəyişir
- Eğrillər
- Şəkillərdə hərəkət
- Üzlər - xüsusilə gözlər
Aşağıdakı şəkillər Web səhifələrində axında bəzi ümumi səhvləri və onları necə düzəldəcəklərini göstərəcəkdir.
02/07
Qərb mətnləri Soldan Sağa doğru axır
Qərb dilini oxuduğunuz halda, mətnin soldan sağa doğru hərəkət etməsini düşünmək üçün istifadə olunur. Beləliklə, göz bir mətn xətti boyunca hərəkət edərkən, soldan sağa doğru hərəkət edir.
Yuxarıdakı şəkildəki şəlalə sağa doğru sol istiqamətə axır və mətn şəlaləni axır. Şəlalələr düşdüyünü bildiyimiz üçün, mətn axını ilə su axınına doğru bir ayırma var. İzləyənin gözü mətni oxumaq üçün yanlış istiqamətdə hərəkət edir.
03/07
Mətn şəkillərlə axın etməlidir
Bu halda, mətn suyun olduğu kimi eyni istiqamətdə axdığına görə tərtib edilmişdir. Bütün elementlər izləyicinin su axını və mətn axını ilə aşağıya doğru aparır.
04/07
Sağdan sağa bərabərdir
Bu fotoşəkildəki at sağdan sola qaçır, lakin mətn ingilis və soldan sağa. At yarışının vahid istiqamətinin vizual təsiri bütün sənədin sürətini yavaşlatır, çünki mətndən fərqli bir istiqamətə gedir.
Bizim dilləri soldan sağa doğru hərəkət etdiyimiz üçün Qərb mədəniyyətlərində, soldan sağa doğru bir vizual istiqamətə irəli və sürətlə birləşmək üçün gəldik, sola doğru isə daha geriyə və yavaş olur. Bir sürətlə bir nizam yaratdığınızda bunu yadda saxlamalı və şəkilləri mətnlə eyni istiqamətdə hərəkət etməlidir.
05/07
İzləyicinin gözünü yavaşlatmağa məcbur etməyin
At və mətn həm də eyni istiqamətə gedərkən nəzərdə tutulan sürət artır.
06-dan 07-ə
Web Fotoşəkilləri Gözlərini İzləyin
Fotoşəkilləri olan bir çox veb saytlar bu səhv edirlər - onlar bir şəxsin foto şəklini səhifədə qoyurlar və şəxs məzmunu uzaqlaşdırır . Bu, hətta eskisinin dizaynında web-site dizaynında da görünə bilər.
Gördüyünüz kimi, şəkilim bəzi mətnin yanında yerləşdirilir. Amma o mətndən uzaqlaşıram, mənim geri qalsın. Bir bədən dilinin bir qrupda iki nəfər arasında olduğunu görsəniz, mən yanında olduğum şəxsin (bu halda mətn bloğunu) sevməyəcəyini qəbul etmək asan olardı.
Bir çox göz izləmə işi, insanların veb səhifələrində üzlərini görmədiyini göstərir. Əlaqədar tədqiqatlar göstərdi ki, şəkilləri seyr edərkən insanlar şəkilləri nəyin göründüyünü görmək üçün şüursuzca gözləri görəcəklər. Sitenizdeki bir fotoğraf brauzerin kenarını seyrederse, müşterilerinizin görüneceği yer, sonra geri düyməsinə vurun.
07 07
Hər hansı bir fotoşəkildəki gözlər məzmuna qarşı olmalıdır
About.com üçün yeni dizayn, şəkil bir az daha yaxşıdır. İndi gözlərim daha irəliyə baxır və mətnin harada olduğu mənim sola baxdığım üçün bir az işarə var.
Bu mövqedən daha yaxşı bir şəkil mənim çiynim də mətnə doğru açılan bir yer olardı. Ancaq bu ilk fotoşəkildən daha yaxşı bir həlldir. Və şəkildəki məzmunun sağ və sol tərəfində olacağı hallar üçün yaxşı bir uzlaşma ola bilər.
Yadda saxla ki, insanların üzlərinin görünüşləri ən çox diqqət çəkir, eyni zamanda heyvan şəkillərinə də aiddir. Məsələn, bu nümunə düzənliyində mənim itlərim sola baxır, ancaq görüntü sağa çırpılır. Beləliklə, onlar səhifəni seyr edirlər. İtlərin istiqamətini dəyişdirdiyim təqdirdə ekranın mərkəzinə baxdıqları təqdirdə bu düzəldilməlidir.