01 saka 07
Apa Aliran Visual?
Aliran visual nampilake mripat penampil liwat dokumen kanthi cara sing kabeh unsur penting nampa kautaman, lan ora ana apa-apa sing nyedhakake panglihatan utawa nyebabake penonton supaya ora ngerteni bagian kasebut. Nggunakake unsur aliran sing jelas kaya panah utawa angka yaiku cara sing paling umum para desainer Web nggunakake aliran, nanging ana unsur-unsur liyane sing bisa digunakake lan mis-digunakake kanggo ngarahake pembaca sampeyan nerusake menyang jalur tartamtu. Langkah-langkah ing tutorial iki bakal nuduhake conto aliran apik lan apik lan mbantu sampeyan sinau kosakata visual ing desain.
Aliran visual bisa ditindakake kanthi nganggo cara akeh:
- Panah
- Gambar urutane utawa elemen teks
- Perspektif
- Gradients
- Owahan ukuran
- Curves
- Gerakan ing gambar
- Pasuryan - utamané mata
Gambar ing ngisor iki bakal nuduhake sawetara kesalahan umum ing aliran ing kaca Web lan carane mbenerake.
02 saka 07
Tèks Kulon mili saka Kiri Kanan
Yen sampeyan tansaya maca basa barat, sampeyan lagi mikir yen teks kudu pindhah saka kiwa menyang tengen. Dadi, nalika mripat ngalih ing baris teks, wis obah saka kiwa menyang tengen.
Ing gambar ing ndhuwur, grojogan ngubengi hak menyang arah sisih kiwa, lan teks kasebut ngayahi curug. Awit kita kabeh ngerti yen banyu terjun mudhun, ana sambungan ing arah aliran banyu kanthi aliran teks. Mata panampil ing arah sing salah kanggo maca teks kasebut.
03 saka 07
Teks Sampeyan kudu mili karo Gambar
Ing kasus iki, gambar wis dibalik supaya teks kasebut mili ing arah sing padha karo banyu. Kabeh unsur ngarahake mripat penonton mudhun kanthi aliran banyu lan aliran teks.
04 saka 07
Kiri Kanan Kaya Cepet
Jaran ing foto iki mlaku saka sisih kiwa, nanging teks kasebut ing basa Inggris lan kiwa menyang tengen. Dampak visual saka racing jaran siji arah slows mudhun saka kabeh document amarga arep arah sing beda saka teks.
Ing budaya Kulon, amarga basa kita pindhah saka kiwa menyang tengen, kita wis nyedhaki arah visual saka kiwa menyang tengen minangka maju lan cepet, nalika tengen ngiwa luwih mundur lan alon. Nalika sampeyan nggawe tata letak kanthi konotasi kacepetan, sampeyan kudu ngelingi iki - lan nyimpen gambar sampeyan kanthi arah sing padha karo teks kasebut.
05 saka 07
Aja Pekso Eye Viewer kanggo Slow Down
Nalika jaran lan teks loro padha arah sing padha, kacepetan sing dituduhake tambah.
06 saka 07
Watch Eyes ing Foto Web
Akeh situs web sing nganggo foto nggawe kesalahan iki - nampilake foto wong ing kaca kasebut, lan wong kasebut nggoleki isi kasebut. Iki bisa uga katon ing situs web Desain About.com ing desain lawas.
Minangka sampeyan bisa ndeleng, foto saya diselehake ing jejere sawetara teks. Nanging aku katon adoh saka teks, aku meh kudu bali menyang. Yen sampeyan ndeleng basa awak antarane rong wong ing klompok, bakal gampang kanggo nganggep yen aku ora seneng wong sing aku jejere (ing kasus iki pemblokiran teks).
Kathah studi panelitèn mata nuduhaké menawa wong bisa ndeleng pasuryan ing situs Web. Lan pasinaon sing magepokan nampilake yen nalika ndeleng gambar, wong bakal ora sadar ngetutake mripate kanggo ndeleng gambar sing dituju. Yen foto ing situs sampeyan nggoleki pinggiran browser, kuwi ngendi pelanggan bakal katon, banjur mencet tombol bali.
07 saka 07
Eyes in Any Photo Yen sampeyan kudu ngalahake Isi
Ing desain anyar kanggo About.com, potret luwih apik. Saiki mripatku katon luwih maju, lan ana tip sing tipis sing aku nggoleki kiwa - endi teks kuwi.
Foto sing luwih apik kanggo posisi kasebut bakal dadi salah sijine pundhi pundhakku uga dicet ing teks. Nanging iki solusi sing luwih apik tinimbang foto pisanan. Lan, kanggo kahanan kaya gambar ing sisih tengen lan kiwa, iki bisa dadi kompromi sing apik.
Elinga uga, yen gambar-gambar saka wong-wong mau narik kawigaten, padha kaya foto kewan. Contone, ing tata letak sampel, aku duwe asu-asu nggoleki kiwa, nanging gambar kuwi bener. Supaya padha nggoleki kaca. Tata letak iki bakal luwih apik yen aku ngowahi orientasi asu supaya padha ndeleng tengah layar.