Llif mewn Dylunio - Cynllun a Gwaith Celf sy'n Cynnig Cynnig

01 o 07

Beth yw Llif Gweledol?

Mae llif gweledol yn cario llygad y gwyliwr drwy'r ddogfen mewn ffordd y mae'r holl elfennau pwysig yn cael sylw, ac nid oes dim yn gwneud y weledigaeth nac yn peri i'r gwyliwr golli synnwyr o'r darn. Gan ddefnyddio elfennau llif amlwg fel saethau neu rifau yw'r ffordd fwyaf cyffredin y mae dylunwyr Gwe yn defnyddio llif, ond mae mathau eraill o elfennau y gellir eu defnyddio a'u camddefnyddio i gyfeirio'ch darllenwyr i symud ar hyd llwybr penodol. Bydd y camau yn y tiwtorial hwn yn dangos enghreifftiau o lif da a drwg i chi ac yn eich helpu i ddysgu geirfa llif gweledol wrth ddylunio.

Gellir cyflawni llif gweledol mewn sawl ffordd:

Bydd y delweddau canlynol yn dangos i chi rai camgymeriadau cyffredin wrth lifio ar dudalennau'r We a sut i'w cywiro.

02 o 07

Llifau Testun Gorllewinol o'r chwith i'r dde

Llif anghywir. Delwedd trwy garedigrwydd M Kyrnin

Pe baech chi'n tyfu i fyny yn darllen iaith Gorllewinol, fe'ch defnyddir i feddwl y dylai'r testun symud o'r chwith i'r dde. Felly, wrth i'r llygad symud ar draws llinell o destun, mae'n symud o'r chwith i'r dde.

Yn y llun uchod, mae'r rhaeadr yn llifo i mewn i'r dde i'r cyfeiriad chwith, ac mae'r testun yn llifo i fyny'r rhaeadr. Gan ein bod i gyd yn gwybod bod rhaeadrau'n disgyn, mae datgysylltiad i gyfeiriad llif y dŵr â llif y testun. Mae llygad y gwyliwr yn symud yn y cyfeiriad anghywir i ddarllen y testun.

03 o 07

Dylai Eich Testun Rifo â'r Delweddau

Llif Cywir. Delwedd trwy garedigrwydd M Kyrnin

Yn yr achos hwn, mae'r ddelwedd wedi'i wrthdroi fel bod y testun yn llifo i'r un cyfeiriad â'r dŵr. Mae'r holl elfennau'n arwain llygad y gwyliwr â llif y dŵr a llif y testun.

04 o 07

Chwith i'r dde yn gyflym

Llif anghywir. Delwedd trwy garedigrwydd M Kyrnin

Mae'r ceffyl yn y llun hwn yn rhedeg o'r dde i'r chwith, ond mae'r testun yn Saesneg ac felly i'r chwith. Mae effaith weledol rasio ceffylau un cyfeiriad yn arafu cyflymder y ddogfen gyfan oherwydd ei fod yn mynd yn gyfeiriad gwahanol na'r testun.

Mewn diwylliannau'r Gorllewin, oherwydd bod ein hiaithoedd yn symud o'r chwith i'r dde, rydym wedi dod i gysylltiad gweledol o'r chwith i'r dde fel blaen ac yn gyflym, tra bod y dde i'r chwith yn fwy yn ôl ac yn araf. Pan fyddwch chi'n creu cynllun gyda chyflymder o gyflymder, dylech gofio hyn - a chadw eich delweddau yn symud yn yr un cyfeiriad â'r testun.

05 o 07

Peidiwch â Llu'r Gwyliwr Gwyliwr i Arafu

Llif Cywir. Delwedd trwy garedigrwydd M Kyrnin

Pan fydd y ceffyl a'r testun yn mynd yr un cyfeiriad, mae'r cyflymder ymhlyg yn cynyddu.

06 o 07

Gwyliwch y Llygaid yn y Lluniau Gwe

Llif anghywir. Llun cwrteisi J Kyrnin

Mae llawer o wefannau gyda lluniau'n gwneud y camgymeriad hwn - maent yn rhoi llun o berson ar y dudalen, ac mae'r person yn edrych i ffwrdd o'r cynnwys. Gellir gweld hyn hyd yn oed ar wefan About.com Web Design yn yr hen ddyluniad.

Fel y gwelwch, mae fy ffotograff wedi'i osod wrth ymyl rhai testun. Ond yr wyf yn edrych i ffwrdd o'r testun hwnnw, yr wyf bron fy nghefn wedi troi ato. Pe baech chi'n gweld yr iaith gorff honno rhwng dau berson mewn grŵp, byddai'n hawdd tybio nad wyf yn hoffi'r person rydw i nesaf (yn yr achos hwn, y bloc testun).

Mae llawer o astudiaethau olrhain llygaid wedi dangos bod pobl yn gweld wynebau ar dudalennau Gwe. Ac mae astudiaethau cysylltiedig wedi dangos, wrth edrych ar luniau, y bydd pobl wedyn yn dilyn y llygaid yn anymwybodol i weld beth mae'r llun yn edrych arno. Os yw llun ar eich gwefan yn edrych oddi ar ymyl y porwr, dyna lle bydd eich cwsmeriaid yn edrych, ac yna'n taro'r botwm yn ôl.

07 o 07

Dylai'r Llygaid mewn Unrhyw Ffotograffau Wynebu'r Cynnwys

Llif Cywir. Llun cwrteisi J Kyrnin

Yn y dyluniad newydd ar gyfer About.com, mae'r llun ychydig yn well. Nawr mae fy llygaid yn edrych ymlaen yn fwy blaengar, ac mae ychydig o awgrym fy mod i'n edrych i'm chwith - lle mae'r testun.

Byddai llun hyd yn oed yn well ar gyfer y sefyllfa honno yn un lle roedd fy ysgwyddau hefyd yn onglog tuag at y testun. Ond mae hwn yn ateb llawer gwell na'r llun cyntaf. Ac, ar gyfer sefyllfaoedd lle bydd y ddelwedd ar dde'r cynnwys yn ogystal â'r chwith, gallai hyn fod yn gyfaddawd da.

Cofiwch hefyd, er bod delweddau o wynebau pobl yn tynnu sylw ato, yr un peth yn wir am luniau anifeiliaid. Er enghraifft, yn y cynllun sampl hwn, mae gen i'm cŵn yn edrych i'r chwith, ond mae'r ddelwedd yn gyflym iawn. Felly maen nhw'n edrych oddi ar y dudalen. Byddai'r cynllun hwn yn cael ei wella pe bawn i'n newid cyfeiriad y cŵn fel eu bod yn edrych i mewn i ganol y sgrin.