Vizuālā plūsma caur dokumentu aplūko skatītāja acu efektu tā, ka visi svarīgie elementi saņem svarīgu nozīmi, un nekas nenozīmē redzi vai liek skatītājam zaudēt gabala izjūtu. Izmantojot acīmredzamus plūsmas elementus, piemēram, bultiņas vai ciparus, ir visizplatītākais veids, kā tīmekļa izstrādātāji izmanto plūsmu, bet ir arī citi elementu tipi, kurus var izmantot un ļaunprātīgi izmantot, lai novirzītu lasītājus uz konkrētu ceļu. Šīs apmācības soļi parādīs jums labas un sliktas plūsmas piemērus un palīdzēs jums apgūt vizuālās plūsmas vārdnīcu dizainā.
Kas ir vizuālais plūsma?
Vizuālo plūsmu var panākt daudzos veidos:
- Bultiņas
- Secīgi attēli vai teksta elementi
- Perspektīva
- Slīpumi
- Izmēru izmaiņas
- Līknes
- Kustība attēlos
- Sejas - īpaši acis
Šie attēli parādīs dažas izplatītas kļūdas tīmekļa vietņu plūsmā un to novēršanai.
02 no 07Rietumu teksta plūsmas no kreisās uz labo pusi
Ja jūs uzauguši Rietumu valodas lasīšanā, jūs domājat, ka teksts ir jāpārvieto pa kreisi uz labo pusi. Tātad, kad acs pāri teksta rindiņai virzās no kreisās uz labo pusi.
Iepriekš attēlā ūdenskritums plūst labajā un kreisajā virzienā, un teksts plūst ūdenskritumam. Tā kā mēs visi zinām, ka ūdenskritumi nokrīt, ūdens plūsmas virziens ir atvienots ar teksta plūsmu. Skatītāja acis pārvietojas nepareizā virzienā, lai lasītu tekstu.
03 no 07Jūsu tekstam vajadzētu plūst ar attēliem
Šajā gadījumā attēls ir apgriezts, lai teksts plūst tādā pašā virzienā kā ūdens. Visi elementi noved skatītāja acu uz leju ar ūdens plūsmu un teksta plūsmu.
04 no 07Pa kreisi līdz taisnība vienāds ātri
Šajā fotoattēlā esošais zirgs darbojas no labās uz kreiso pusi, bet teksts ir angļu valodā, un tāpēc pa kreisi pa labi. Zirgu skriešanās vizuālā ietekme vienā virzienā palēnina visa dokumenta tempu, jo tā virzās citādi nekā teksts.
Rietumu kultūrās, jo mūsu valodas pāriet no kreisās puses uz labo pusi, esam nonākuši saistīt vizuālo virzienu no kreisās uz labo pusi uz priekšu un strauji, savukārt pa labi no kreisās puses ir vairāk atpalikušs un lēns. Kad veidojat izkārtojumu ar ātruma konotāciju, to vajadzētu atcerēties - un saglabāt attēlus kustībā tādā pašā virzienā kā teksts.
05 no 07Nepierunājiet skatītāja acu, lai palēninātu
Kad zirgs un teksts abi virzās vienā virzienā, tiek palielināts netiešais ātrums.
06 no 07Noskatīties Eyes in Web Photos
Daudzas tīmekļa vietnes ar fotogrāfijām padara šo kļūdu - tās lapā ievieto personu fotogrāfiju, un persona to meklē prom no satura. To var redzēt arī vecajā dizaina modelī vietne, kas iekļauta Search.com.
Kā redzat, mans foto tiek novietots blakus kādam tekstam. Bet es skatos prom no šī teksta, man gandrīz mana mugura pagriezās pret to. Ja jūs redzējāt šo ķermeņa valodu starp diviem cilvēkiem grupā, būtu viegli pieņemt, ka man nepatīk persona, kurai es esmu blakus (šajā gadījumā teksta bloks).
Daudzi acu izsekošanas pētījumi ir parādījuši, ka cilvēki redz mājas lapas tīmekļa lapās. Arī saistītie pētījumi ir parādījuši, ka, skatot bildes, cilvēki neapzināti seko līdzi acīm, lai redzētu, kāds ir attēls. Ja jūsu vietnē esošais fotoattēls skar pārlūka malu, tas ir, kur jūsu klienti izskatīsies, un pēc tam nospiediet pogu atpakaļ.
07 no 07Jebkura fotoattēla acis jāuzskata par saturu
Jaunajā dizainā, kas paredzētas aptuveni.com, fotoattēls ir mazliet labāks. Tagad manas acis meklējat vairāk uz priekšu, un ir neliels mājiens, ka es meklēju pa kreisi - kur teksts ir.
Vēl viens labāks fotoattēls šai pozīcijai būtu tāds, kurā arī mani pleciem pievērsa uzmanību tekstam. Bet tas ir daudz labāks risinājums nekā pirmais fotoattēls. Un situācijās, kad attēls būs gan satura labajā pusē, gan kreisajā pusē, tas varētu būt labs kompromiss.
Atcerieties arī, ka, kamēr cilvēku seju attēli pievērš vislielāko uzmanību, tas pats attiecas arī uz dzīvnieku fotogrāfijām. Piemēram, šajā parauga izkārtojumā mani suņi izskatās pa kreisi, bet attēls ir labais. Tātad viņi meklē lapu. Šis izkārtojums tiktu uzlabots, ja es mainītu suņu orientāciju, lai viņi skatītos ekrāna centrā.
