01 van 07
Wat is Visuele Flow?
Visuele vloei dra die kyker se oog deur die dokument op 'n manier sodat al die belangrike elemente prominent word, en niks snags die visie of veroorsaak dat die kyker die sin van die stuk verloor nie. Die gebruik van voor die hand liggende vloeibare elemente soos pyle of nommers is die algemeenste manier. Webontwerpers gebruik vloei, maar daar is ander tipes elemente wat gebruik kan word en misbruik word om jou lesers te rig om langs 'n spesifieke pad te beweeg. Die stappe in hierdie handleiding sal jou voorbeelde van goeie en slegte vloei toon en jou help om die woordeskat van visuele vloei in ontwerp te leer.
Visuele vloei kan op baie maniere bereik word:
- Arrows
- Opeenvolgende beelde of teks elemente
- perspektief
- gradiënte
- Grootte veranderinge
- Curves
- Beweging in beelde
- Gesigte - veral die oë
Die volgende beelde sal jou 'n paar algemene foute in vloei op webblaaie wys en hoe om dit reg te stel.
02 van 07
Westerse teks vloei van links na regs
As jy grootgeword het om 'n Westerse taal te lees, is jy gewoond daaraan om te dink dat teks van links na regs moet beweeg. So, as die oog oor 'n tekslyn beweeg, beweeg dit van links na regs.
In die bostaande prent vloei die waterval regs na links, en die teks vloei op die waterval. Aangesien ons almal weet dat watervalle val, is daar 'n ontkoppeling in die rigting van die vloei van water met die vloei van die teks. Die kyker se oog beweeg in die verkeerde rigting om die teks te lees.
03 van 07
Jou teks moet met die prente vloei
In hierdie geval is die prent omgekeer sodat die teks in dieselfde rigting as die water vloei. Alle elemente lei die kyker se oog af met die vloei van die water en die vloei van teks.
04 van 07
Links na regs is vinnig
Die perd in hierdie foto loop van regs na links, maar die teks is Engels en so links na regs. Die visuele impak van die perdewedrenne een rigting vertraag die pas van die hele dokument omdat dit 'n ander rigting as die teks gaan.
In Westerse kulture, want ons tale beweeg van links na regs, het ons gekom om 'n visuele rigting van links na regs te assosieer as vooruit en vinnig, terwyl regs na links meer agteruit en stadig is. As jy 'n uitleg skep met 'n konnotasie van spoed, moet jy dit onthou - en hou jou beelde in dieselfde rigting as die teks beweeg.
05 van 07
Moenie die kyker se oog dwing om te vertraag nie
Wanneer die perd en die teks albei dieselfde rigting gaan, word die geïmpliseerde spoed verhoog.
06 van 07
Kyk die oë in webfoto's
Baie webwerwe met foto's maak hierdie fout - hulle sit 'n foto van 'n persoon op die bladsy en die persoon kyk weg van die inhoud. Dit kan selfs gesien word op die About.com Web Design site in die ou ontwerp.
Soos u kan sien, word my foto langs sommige teks geplaas. Maar ek kyk weg van daardie teks, ek het amper my rug daarop gewys. As jy daardie liggaamstaal tussen twee mense in 'n groep gesien het, sou dit maklik wees om te aanvaar dat ek nie die persoon langsaan hou nie (in hierdie geval die blok teks).
Baie oogopsporingstudies het getoon dat mense gesigte op webblaaie sien. En verwante studies het getoon dat wanneer mense na prente kyk, mense onbewustelik die oë volg om te sien waarna die prentjie gekyk word. As 'n foto op jou werf die rand van die blaaier uitkyk, is dit waar jou kliënte sal kyk en dan die terugknoppie druk.
07 van 07
Die oë in enige foto moet die inhoud in die gesig staar
In die nuwe ontwerp vir About.com is die foto 'n bietjie beter. Nou kyk my oë vorentoe, en daar is 'n effense wenk wat ek na links kyk - waar die teks is.
'N Nog beter foto vir daardie posisie sou een wees waar my skouers ook na die teks gekant was. Maar dit is 'n baie beter oplossing as die eerste foto. En vir situasies waar die beeld regs van inhoud sowel as links is, kan dit 'n goeie kompromie wees.
Onthou ook dat terwyl beelde van mense se gesigte die meeste aandag trek, dieselfde geld ook vir dierefoto's. Byvoorbeeld, in hierdie steekproefuitleg het ek my honde na links, maar die prentjie is regs spoel. So kyk hulle van die bladsy af. Hierdie uitleg sal verbeter word as ek die honde se oriëntasie verander sodat hulle na die middel van die skerm kyk.