Flow in Design - Layout dhe Artwork që përcjell lëvizje

01 nga 07

Çfarë është Visual Flow?

Rrjedha vizuale mbart syrin e shikuesit nëpërmjet dokumentit në një mënyrë që të gjitha elementet e rëndësishme të marrin përparësi dhe asgjë nuk pengon vizionin ose shkakton shikuesin të humbasë kuptimin e pjesës. Përdorimi i elementëve të qartë të rrjedhjes si shigjeta apo numra është mënyra më e zakonshme që përdoruesit e internetit përdorin rrjedhën, por ekzistojnë lloje të tjera të elementeve që mund të përdoren dhe keqpërdoren për të drejtuar lexuesit tuaj për të lëvizur përgjatë një rruge specifike. Hapat në këtë tutorial do t'ju tregojnë shembuj të rrjedhës së mirë dhe të keqe dhe do t'ju ndihmojnë të mësoni fjalorin e fluksit vizual në dizajn.

Fluksi vizual mund të arrihet në shumë mënyra:

Imazhet e mëposhtme do t'ju tregojnë disa gabime të zakonshme në rrjedhën në faqet Web dhe si t'i korrigjoni ato.

02 nga 07

Teksti Perëndimor rrjedh nga e majta në të djathtë

Fluksi i gabuar. Image mirësjellje M Kyrnin

Nëse jeni rritur duke lexuar një gjuhë perëndimore, ju jeni mësuar të mendoni se teksti duhet të lëvizë nga e majta në të djathtë. Pra, ndërsa syri lëviz nëpër një vijë teksti, ajo lëviz nga e majta në të djathtë.

Në tabelën e mësipërme, ujëvarë rrjedh drejt e në të majtë, dhe teksti shkon deri në ujëvarë. Meqë të gjithë e dimë se ujëvarat bien, ka një shkëputje në drejtim të rrjedhës së ujit me rrjedhën e tekstit. Syri i shikuesit lëviz në drejtimin e gabuar për të lexuar tekstin.

03 nga 07

Tekst juaj duhet të rrjedhë me imazhet

Fluksi korrekt. Image mirësjellje M Kyrnin

Në këtë rast, imazhi është kthyer në mënyrë që teksti të rrjedhë në të njëjtën drejtim si uji. Të gjithë elementët e çojnë syrin e shikuesit me rrjedhën e ujit dhe rrjedhën e tekstit.

04 nga 07

E majta në të djathtë Shko shpejt

Fluksi i gabuar. Image mirësjellje M Kyrnin

Kali në këtë foto po vrapon nga e djathta në të majtë, por teksti është anglisht dhe kështu ka mbetur në të djathtë. Ndikimi vizual i kalit që kalon në një drejtim ngadalëson ritmin e tërë dokumentit, sepse ai po shkon një drejtim tjetër nga teksti.

Në kulturat perëndimore, për shkak se gjuhët tona lëvizin nga e majta në të djathtë, ne kemi ardhur për të lidhur një drejtim vizual nga e majta në të djathtë si përpara dhe shpejt, ndërsa e djathta në të majtë është më e prapambetur dhe e ngadalshme. Kur po krijoni një skicë me një konotacion të shpejtësisë, duhet ta mbani mend këtë - dhe mbani imazhet tuaja të lëvizin në të njëjtën drejtim si teksti.

05 e 07

Mos e detyrosh syrin e shikuesit të ngadalësohet

Fluksi korrekt. Image mirësjellje M Kyrnin

Kur kali dhe teksti të dyja shkojnë në të njëjtën drejtim, rritet shpejtësia e nënkuptuar.

06 nga 07

Shikoni sytë në fotot e uebit

Fluksi i gabuar. Image mirësjellje J Kyrnin

Shumë faqe interneti me fotografi bëjnë këtë gabim - ata vënë një fotografi të një personi në faqe dhe personi po shikon larg nga përmbajtja. Kjo mund të shihet edhe në faqen e dizajnit në Web Design në dizajnin e vjetër.

Siç mund ta shikoni, fotografia ime është vendosur pranë një teksti. Por unë jam duke kërkuar larg nga ky tekst, pothuajse e kam kthyer shpinën time. Nëse e patë atë gjuhë të trupit midis dy njerëzve në një grup, do të ishte e lehtë të supozohej se nuk më pëlqen personi që unë jam pranë (në këtë rast bllok teksti).

Shumë studime për ndjekjen e syve kanë treguar se njerëzit shohin fytyra në faqet e internetit. Dhe studimet e lidhura me të kanë treguar se kur shikohen fotot, atëherë njerëzit do të ndjekin pa vetëdije sytë për të parë se çfarë po shikon fotografia. Nëse një foto në faqen tuaj po shikon në buzë të shfletuesit, aty ku klientët tuaj do të duken dhe pastaj do të godasin butonin e prapambetur.

07 i 07

Sytë në çdo foto duhet të përballen me përmbajtjen

Fluksi korrekt. Image mirësjellje J Kyrnin

Në dizajnin e ri për "About.com", fotografia është pak më e mirë. Tani sytë e mi janë duke kërkuar më përpara, dhe ka një aluzion të vogël që unë jam duke kërkuar në të majtën time - ku teksti është.

Një foto edhe më e mirë për atë pozicion do të ishte ajo ku shpatullat e mia ishin gjithashtu anësore ndaj tekstit. Por kjo është një zgjidhje shumë më e mirë sesa fotografia e parë. Dhe, për situatat ku imazhi do të jetë në të drejtën e përmbajtjes dhe të majtës, kjo mund të jetë një kompromis i mirë.

Mos harroni, gjithashtu, se ndërsa imazhet e fytyrave të njerëzve tërheqin vëmendjen më të madhe, e njëjta gjë vlen edhe për fotografitë e kafshëve. Për shembull, në këtë paraqitje të mostrës, unë kam qentë e mi duke kërkuar majtas, por imazhi është i drejtë. Pra, ata po shikojnë nga faqja. Ky plan urbanistik do të përmirësohej nëse ndryshova orientimin e qenve në mënyrë që ata të shihnin në qendër të ekranit.