01 од 07
Што е визуелен проток?
Визуелниот проток го носи окото на гледачот низ документот на начин на кој сите важни елементи добиваат истакнување и ништо не ја превиткува визијата или предизвикува гледачот да го изгуби смислата на делото. Користењето очигледни елементи на проток, како стрели или броеви, е најчестиот начин на кој веб дизајнерите користат проток, но постојат и други видови на елементи кои можат да се користат и неправилно се користат за насочување на вашите читатели да се движат по одредена патека. Чекорите во ова упатство ќе ви покажат примери за добар и лош тек и ќе ви помогнат да го научите речникот за визуелен тек во дизајнот.
Визуелниот проток може да се постигне на многу начини:
- Стрелки
- Секвенцијални слики или текстуални елементи
- Перспектива
- Градиенти
- Големи промени
- Криви
- Движење во слики
- Лица - особено очите
Следните слики ќе ви покажат некои вообичаени грешки во протокот на веб-страниците и како да ги коригирате.
02 од 07
Текстилни текстови од лево кон десно
Ако пораснавте на читање на западен јазик, си навикнавте да мислите дека текстот треба да се движи од лево кон десно. Значи, како што окото се движи преку линија на текст, се движи од лево кон десно.
Во погорната слика, водопадот тече од десно кон лево, а текстот тече до водопадот. Бидејќи сите знаеме дека водопадите паѓаат, постои и исклучување во насоката на протокот на вода со протокот на текстот. Окото на гледачот се движи во погрешна насока за да го прочита текстот.
03 од 07
Текстот треба да тече со сликите
Во овој случај, сликата е обратна, така што текстот тече во иста насока како и водата. Сите елементи го водат окото на гледачот со протокот на вода и тек на текстот.
04 од 07
Лево кон десно е еднакво брзо
Коњот на оваа фотографија се движи од десно кон лево, но текстот е на англиски и така лево кон десно. Визуелното влијание на коњскиот трки во една насока го успорува темпото на целиот документ, бидејќи оди во поинаква насока од текстот.
Во западните култури, бидејќи нашите јазици се движат од лево кон десно, дојдовме да се поврземе со визуелна насока од лево кон десно, како напред и брзо, додека десното кон лево е поназад и бавно. Кога креирате изглед со конотација на брзина, треба да се сеќавате на ова - и да ги задржите вашите слики да се движат во иста насока како и текстот.
05 од 07
Не го присилувајте окото на гледачот да се забави
Кога коњот и текстот се движат во иста насока, имплицираната брзина се зголемува.
06 од 07
Гледајте ги очите во веб-сликите
Многу веб-страници со слики прават оваа грешка - тие ставаат слика на некоја личност на страницата, и лицето гледа оддалечено од содржината. Ова дури може да се види и на Веб-страницата за веб дизајн во стариот дизајн.
Како што можете да видите, мојата фотографија е поставена до некој текст. Но, јас гледам подалеку од тој текст, скоро ми го сврте грбот кон него. Ако го видете тој јазик на телото помеѓу две лица во група, би било лесно да се претпостави дека не ми се допаѓа личноста на која сум (во овој случај блокот на текст).
Многу истражувања за следење на очи покажаа дека луѓето гледаат лица на веб-страници. И поврзаните студии покажаа дека кога гледате слики, тогаш луѓето несвесно ќе ги следат очите за да видат како се гледа сликата. Ако слика на вашиот сајт е во потрага на работ на прелистувачот, тоа е местото каде што вашите клиенти ќе изгледаат, а потоа притиснете на копчето за враќање назад.
07 од 07
Очите во секоја фотографија треба да се соочуваат со содржината
Во новиот дизајн за About.com, фотографијата е малку подобра. Сега моите очи се бараат повеќе напред, и постои мала навестување што јас го барам на мојата лева страна - каде што е текстот.
Уште подобра слика за таа позиција би била онаа каде што моите раменици, исто така, беа наклонети кон текстот. Но, ова е многу подобро решение од првата слика. И, за ситуации каде што сликата ќе биде на десната страна на содржината, како и на левата страна, ова може да биде добар компромис.
Запомнете, исто така, дека додека сликите на лицата на луѓето привлекуваат најголемо внимание, истото важи и за слики на животни. На пример, во овој модел на примерок, моите кучиња ми бараат лево, но сликата е рамна во право. Значи, тие ја гледаат страната. Овој распоред би бил подобрен ако ја сменив ориентацијата на кучињата, така што тие гледаа во центарот на екранот.