01 iš 07
Kas yra vizualus srautas?
Vizualus srautas žiūrovo akis perduoda dokumente taip, kad visi svarbūs elementai išryškėja, ir niekas nepastebia regėjimo ar žiūrovo praranda šio kūrinio jausmą. Naudojant akivaizdžius srauto elementus, pvz., Strėles ar skaičius, dažniausiai naudojami interneto dizaineriai, tačiau yra ir kitų tipų elementų, kurie gali būti naudojami ir netinkamai naudojami nukreipti skaitytojus judėti konkrečiu keliu. Šio pamokymo veiksmai parodys jums gero ir blogo srauto pavyzdžius ir padės jums sužinoti vizualinio srauto žodyną dizaino metu.
Vaizdo srautas gali būti pasiektas įvairiais būdais:
- Rodyklės
- Sekmadiniai vaizdai arba tekstiniai elementai
- Perspektyva
- Gradientai
- Dydžio pasikeitimai
- Kreivės
- Judėjimas vaizduose
- Veidai - ypač akys
Šie paveikslėliai parodys keletą įprastų tinklalapių srauto klaidų ir jų taisymo klaidų.
02 iš 07
Vakarų teksto srautai iš kairės į dešinę
Jei jūs užaugėte vakarietišką kalbą, jūs manote, kad tekstas turėtų pereiti iš kairės į dešinę. Taigi, kai akis juda per teksto eilutę, ji juda iš kairės į dešinę.
Anksčiau esančiame paveikslėlyje krioklys tekėja iš dešinės į kairę, o tekstas tekėja į krioklį. Kadangi mes visi žinome, kad krioklys krioklys, vandens srauto kryptimi su teksto srautu atsijungia. Žiūrovo akys juda neteisingai, norėdami perskaityti tekstą.
03 iš 07
Jūsų tekstas turėtų būti srautas su vaizdais
Tokiu atveju vaizdas buvo pakeistas taip, kad tekstas tekėtų ta pačia kryptimi, kaip ir vanduo. Visi elementai sukelia žiūrovo akis žemyn su vandens tekėjimu ir teksto srautu.
04 iš 07
Iš kairės į dešinę lygus greitai
Šioje nuotraukoje esantis arklys dirba iš dešinės į kairę, tačiau tekstas yra anglų kalba, taigi iš kairės į dešinę. Žaislo lenktynių vizualinis poveikis vienoje kryptyje sulėtino viso dokumento greitį, nes jis vyksta kitokia kryptimi nei tekstas.
Vakarų kultūrose, nes mūsų kalbos pereina iš kairės į dešinę, mes sujungėme vizualinę kryptį iš kairės į dešinę kaip į priekį ir greitą, o dešinėn į kairę yra labiau atgal ir lėta. Kai kuriate išdėstymą su greičio konotacija, turėtumėte tai prisiminti - ir išlaikyti savo vaizdus judėti ta pačia kryptimi, kaip ir tekstas.
05 iš 07
Negalima priversti žiūrovo akių sulėtinti
Kai arklys ir tekstas vyksta ta pačia kryptimi, numanomas greitis padidėja.
06 iš 07
Žiūrėkite "Akis" žiniatinklio nuotraukose
Daugelis svetainių, kuriose yra nuotraukos, daro šią klaidą - jie įveda asmens nuotrauką į puslapį ir žmogus žiūri į turinį. Tai netgi galima pamatyti senojoje konstrukcijoje.
Kaip matote, mano nuotrauka yra šalia kai kurių tekstų. Bet aš žiūriu toli nuo šio teksto, aš beveik grįžau prie jo. Jei pamačiau tą kūno kalbą tarp dviejų grupėje esančių žmonių, būtų lengva manyti, kad man nepatinka asmuo, kurį aš šalia (šiuo atveju teksto blokas).
Daugelis akių stebėjimo tyrimų parodė, kad žmonės mato veidus tinklalapiuose. Ir susiję tyrimai parodė, kad, žiūrėdami į nuotraukas, žmonės tada nesąmoningai seka akimis, kad pamatytų, ką žiūri į paveikslą. Jei jūsų svetainėje esanti nuotrauka žiūri į naršyklės kraštą, tai bus ta vieta, kurioje jūsų klientai atrodys, tada spustelėkite mygtuką "Grįžti atgal".
07 iš 07
Bet kokios nuotraukos akys turėtų būti su turiniu
Naujojoje "About.com" dizaino nuotraukoje šiek tiek geriau. Dabar mano akys žvelgia į priekį, ir yra šiek tiek užuominos, kad aš ieškau į kairę - kur tekstas.
Dar geriau nuotrauka šiai pozicijai būtų ta, kurioje mano pečiai taip pat buvo nukreipti į tekstą. Bet tai yra daug geresnis sprendimas nei pirmoji nuotrauka. Ir situacijose, kai vaizdas bus pateikiamas kaip turinio dešinėje, tiek kairėje, tai gali būti geras kompromisas.
Atminkite, kad tuo pat metu, kai daugiausia dėmesio skiria žmonių veidai, tai pasakytina ir apie gyvūnų nuotraukas. Pavyzdžiui, šiame pavyzdiniame išdėstyme mano šunys atrodo kairėje, bet vaizdas yra lygus. Taigi jie žiūri iš puslapio. Šis išdėstymas būtų patobulintas, jei pakeisiu šunų orientaciją, kad jie žiūrėtų į ekrano centrą.