Ngalir di Desain - Layout jeung karya seni nu Conveys Motion

01 of 07

Naon Visual Aliran?

aliran Visual mawa panon panempo urang ngaliwatan dokumen dina cara nu sagala elemen penting nampi prominence, sarta nanaon snags visi atawa ngabalukarkeun panempo ka leungit rasa sapotong teh. Ngagunakeun elemen aliran atra kawas panah atawa angka nyaeta cara paling umum désainer Web make aliran, tapi aya tipe séjén elemen anu bisa dipaké sarta mis-dipaké pikeun langsung maos anjeun pikeun mindahkeun sapanjang jalur husus. Léngkah dina tutorial ieu bakal némbongkeun Anjeun conto aliran alus jeung goréng tur mantuan Anjeun pikeun diajar kekecapan aliran visual dina rarancang.

Visual aliran bisa dihontal ku sababaraha cara:

Gambar di handap ieu bakal némbongkeun Anjeun sababaraha kasalahan umum di aliran dina kaca Wéb na kumaha ngabenerkeun aranjeunna.

02 of 07

Téks barat ngalir ti kénca ka katuhu

Aliran lepat. Gambar kahadean M Kyrnin

Lamun tumuwuh nepi maca basa Kulon, nu nuju dipaké pikeun pamikiran téks anu sakuduna mindahkeun tina kénca ka katuhu. Ku kituna, sakumaha panon ngalir di sakuliah jalur tina téks, mangka pindah ti kénca ka katuhu.

Dina gambar di luhur, curug kasebut ngalir di hak arah kénca, sarta nyérélék téks téh nepi curuk. Kusabab urang sadayana terang yén curug digolongkeun ka handap, aya nu mutuskeun dina arah aliran cai jeung aliran téks. panon panempo urang belah di arah salah maca téks.

03 of 07

Téks anjeun Kudu aliran jeung Gambar

Aliran bener. Gambar kahadean M Kyrnin

Dina hal ieu, gambar anu geus tibalik kitu nu ngalir dina arah nu sarua salaku caina téks téh. Kabéh elemen ngakibatkeun panon panempo urang handap kalawan aliran cai jeung aliran téks.

04 of 07

Ditinggalkeun ka Katuhu sarua Fast

Aliran lepat. Gambar kahadean M Kyrnin

The kuda di poto ieu ngajalankeun ti katuhu ka kenca, tapi téks téh Inggris sarta jadi kénca ka katuhu. Dampak visual tina kuda balap hiji arah slows turun Pace tina sakabéh dokumen sabab akang arah béda ti téks.

Dina budaya Kulon, lantaran basa urang ngalih ti kénca ka katuhu, kami geus datang ka ngahubungkeun arah visual ngeunaan kénca ka katuhu salaku mahluk maju gancang, bari katuhu ka kenca nyaeta beuki mundur tur slow. Sawaktos Anjeun keur nyieun hiji perenah ku konotasi tina speed, Anjeun kudu inget ieu - na tetep Gambar anjeun gerak dina arah nu sarua salaku téks.

05 of 07

Ulah maksakeun nu Viewer urang Panon jeung ngalambatkeun turun

Aliran bener. Gambar kahadean M Kyrnin

Lamun kuda sarta téks nu aya duanana bade arah anu sarua, laju tersirat ngaronjat.

06 of 07

Nonton Panon dina Web Poto

Aliran lepat. Gambar kahadean J Kyrnin

Loba loka Ramat kalayan poto nyieun kasalahan ieu - aranjeunna nempatkeun poto jalma dina kaca, sarta jalma nu keur néangan jauh ti eusi. Ieu bisa malah ditempo dina situs About.com Web Design dina rarancang heubeul.

Salaku bisa ningali, poto kuring ieu disimpen di gigireun sababaraha téks. Tapi Kuring keur pilari jauh ti téks anu, abdi ampir gaduh deui abdi tos ka eta. Lamun nempo yén basa awakna antara dua urang di grup, éta bakal jadi gampang mun nganggap yén kuring teu resep baé Abdi gigireun (dina hal ieu blok téks).

Loba studi tracking panon geus nembongkeun yen urang tingali rupa dina kaca Wéb. Sarta studi patali geus ditémbongkeun yén nalika nempo gambar, urang bakal teras teu eling turutan panon ningali naon gambar kasebut nempo. Lamun poto dina situs anjeun pilari kaluar ujung browser nu, éta tempat nasabah anjeun bakal katingal, lajeng pencét tombol deui.

07 of 07

The Panon dina Sakur Poto Kudu Nyanghareupan Kandungan dina

Aliran bener. Gambar kahadean J Kyrnin

Dina rarancang anyar pikeun About.com, poto nu mangrupakeun saeutik hadé. Kiwari panon kuring keur pilari deui ka hareup, sarta aya hiji hint slight yen Kaula ningali ka kénca kuring - dimana téks kasebut.

Hiji poto malah hadé pikeun posisi éta bakal jadi hiji dimana taktak kuring ogé angled arah téks. Tapi ieu téh leyuran leuwih hadé batan poto munggaran. Sarta, pikeun kaayan gambar bakal jadi dina katuhu eusi ogé kénca, ieu bisa jadi hiji kompromi alus.

Inget, teuing, éta bari gambar tina rupa jalma urang narik paling perhatian, sami bener poto sato. Contona, dina perenah sampel ieu, kuring boga anjing abdi pilari ditinggalkeun, tapi gambar éta téh siram katuhu. Ngarah aya pilari kaluar kaca. perenah ieu bakal jadi ningkat lamun kuring robah orientasi anjing 'ambéh maranéhanana anu pilari kana puseur layar.