01 of 07
Wat is Visual Flow?
Sichtfloed draacht de eagen fan 'e besiker troch it dokumint op in manier wêrop alle wichtige eleminten promininsje krije, en neat ferdwine de fyzje of feroarsake de viewer de sin fan it stik te ferliezen. Troch gebrûk fan ôfwikende ferdielingen lykas pylken of getallen is de meast foarkommende wize wêrop web-ûntwerpers gebrûk meitsje, mar der binne oare soarten eleminten dy't brûkt wurde en mis-brûkt wurde om jo lêzers te learen om te litten op in spesifike paad. De stappen yn dit ynstruksjetaal sille jo foarbylden fan goede en minne streaming sjen litte en helpe jo de wurdskat fan fisuele streaming yn ûntwerp te learen.
Visuele stream kin op ferskate wizen berikt wurde:
- Pylken
- Sequentiale ôfbyldings of teksteleminten
- Perspektyf
- Gradients
- Grutte feroaringen
- Curves
- Beweging yn bylden
- Gesichten - benammen de eagen
De neikommende ôfbyldings sille jo gewoan meidielige fouten sjen litte yn streaming op websiden en hoe se har korrigearje.
02 of 07
Westerske tekst fljocht fan lofts nei rjochts
As jo in westerske taal lêze, wurde jo brûkt om te tinken dat de tekst fan lofts nei rjochts ferpleatse moat. Sa, as it each troch in tekenrige bewegt, giet it omheech fan lofts nei rjochts.
Yn 'e boppeste ôfbylding komt de wetterfal yn in rjocht nei loftsrjocht, en de tekst streamt de wetterfal op. Om't wy allegear witte dat wetterfallen falle, is der in ôfslach yn 'e rjochting fan' e stream fan wetter mei de stream fan 'e tekst. It eagen fan it besjen rint yn 'e ferkearde rjochting om de tekst te lêzen.
03 of 07
Jo tekst moat mei de ôfbyldings ferdwine
Yn dit gefal is it byld omdreaun dat de tekst yn deselde rjochting streamt as it wetter. Alle eleminten liede de eagen fan 'e besiker del mei de stream fan it wetter en de stream fan tekst.
04 of 07
Lofts nei rjochte rjochtingen Fast
It hynder op dizze foto rint fan rjochts nei lofts, mar de tekst is Ingelsk en sa links nei rjochts. De fisuele ynfloed fan 'e hynder rint ien rjochting slút it heul fan' e folsleine dokumint omdat it in oare rjochting giet as de tekst.
Yn westerske kultueren, om't ús talen fan lofts nei rjochts ferpleatse, binne wy kommen om in fisuele rjochting fan lofts nei rjochts te ferienigjen as foardiel en fluch, wylst rjochts nei links is werom rinnen en stadich. As jo in layout meitsje mei in konnotaasje fan fluggens, dan moatte jo dat fine - en hâlde jo bylden yn deselde rjochting as de tekst.
05 of 07
Lit de eagen fan 'e besiker net omgean
As it hynder en de tekst beide beide deselde rjochting folgje, wurdt de ymplisite snelheid ferhege.
06 of 07
Sjoch de eagen yn webfoto's
In soad websiden mei foto's meitsje dizze flater - se sette in foto fan in persoan op 'e side, en de persoan sjocht nei de ynhâld. Dit kin ek sjoen wurde op de Webside fan Webside fan About.com yn it âlde ûntwerp.
As jo sjogge, is myn foto neist in tekst. Mar ik sjoch fuort út dy tekst, ik ha hast myn rêch daliks omdraaid. As jo dizze lichaal taal tusken twa minsken yn in groep seagen, soe it maklik wêze moatte dat ik net de persoan bin dy't ik neist bin (yn dit gefal it blok fan tekst).
In soad eagen nei kontrôle stúdzjes hawwe oanjûn dat minsken de gesichten sjogge op websiden. En relatearre stúdzjes hawwe oantoand dat by it sjitten fan foto 's, folgen minsken dan ûnbewust de eagen folgje om te sjen wat it byld sjocht. As in foto op jo side de râne fan 'e browser sjocht, is dat jo klanten sjogge, en drukke dan op' e knop op 'e knop.
07 of 07
De eagen yn elke foto moatte de ynhâld befetsje
Yn it nije ûntwerp foar About.com is it foto in bytsje better. No sjogge myn eagen mear foarút, en der is in lyts hint dat ik nei myn lofts sykje - wêr't de tekst is.
In noch better foto foar dizze posysje soe ien wêze wêr't myn skouders ek oan 'e tekst wiene. Mar dit is in folle bettere oplossing as it earste foto. En, foar situaasjes wêr't it byld op it rjocht fan ynhâld en lofts stean sil, soe dit in goed kompromis wêze.
Tink derom: dat as bylden fan 'e gesichten fan' e minsken de measte oandacht tekenje, is itselde wier fan dierenfoto's. Bygelyks, yn dizze echte layout haw ik myn hûnen lofts sjen, mar it byld is rjochtstreeks rjochts. Dus se sykje de side ôf. Dizze layout soe ferbettere wurde as ik de oriïntaasje fan de hûnen feroare, sadat se yn it sintrum fan it skerm sjen.