Layout

July 24, 2009 | Article | 12 Oleh: Danang Sukmana, FX Wi yatm!k! "#!$k!%& an 'atalia A(nita )ay!ut, *agi $aya, *ukan $e*ata$ menata letak material+material (content) $uatu halaman me ia, )ay!ut itu tentang *agaimana meng!rgani$a$ikan ruang, -emahaman tentang ruang inilah yang kurang i$a ari !leh *e*era.a e$ainer, /uang+ruang ter$e*ut *er*e a $i(at an 0eni$nya untuk tia. me ia, A a ruang (!rmal, a a ruang in(!rmal, A a ruang $tatik, a a .ula ruang inamik, Jika lay!ut a alah tentang *agaimana e$ainer meng!rgani$a$ikan ruang, hal ter$e*ut i ahului engan memela0ari $emua content alam ruang ter$e*ut, -en ek kata, $e*elum melay!ut $e*aiknya e$ainer memela0ari a.a yang akan ilay!ut, De$ainer $e*aiknya memahami content, alam hal ini ya mem*aca content ter$e*ut,

1uku Layout, Dasar & Penerapannya, karya Suriant! /u$tan, 2rame ia, Agu$tu$ 2003, meru.akan $e*uah *uku yang *anyak mem*antu terutama .engetahuan .rakti$ lay!ut, Dalam *uku ter$e*ut lay!ut iartikan $e*agai: 45tataletak elemen+elemen e$ain terha a. $uatu *i ang alam me ia tertentu untuk men ukung k!n$e.6.e$an yang i*a%anya5 De(ini$i lay!ut alam .erkem*angannya $u ah $angat melua$ an mele*ur engan e(ini$i e$ain itu $en iri, $ehingga *anyak !rang mengatakan me+lay!ut itu $ama engan men i$ain7, 'ah, ti ak a a .emahaman tentang ruang yang ita%arkan !leh *uku i ata$, )ay!ut, alam .emahaman $aya, 0auh le*ih lua$ ari $eke ar menata letak elemen+elemen e$ain, Prinsip-prinsip Layout -rin$i. lay!ut antara lain urutan, .enekanan, ke$eim*angan, ke$atuan, an k!n$i$ten$i, 8rutan menun0uk .a a aliran mem*aca, -enekanan menun0uk .a a !*0ek+!*0ek .enting alam urutan .em*acaan, #e$eim*angan menun0uk .a a .em*agian *erat ruang, terma$uk ruang i$i an k!$!ng 9ruang $ela:, #e$atuan menun0uk .a a u$aha menci.takan ke$atuan !*0ek, terma$uk ruang $ecara ke$eluruhan, #!n$i$ten$i menun0uk .a a k!ntr!l e$tetik

tam.ilan ke$eluruhan, #!n$i$ten$i kian tera$a .a a .ener*itan *erkala, #!n$i$ten$i $elain $e*agai k!ntr!l e$tetik terutama *erguna *agi k!!r ina$i ke$eluruhan material yang ilay!ut, Di$am.ing lima .rin$i. i ata$, ter a.at ua .rin$i. lagi yang .enting terutama untuk lay!ut .ener*itan *erkala, Dua .rin$i. ter$e*ut yaitu k!n$tanta an ;aria*el, 4#!n$tanta a alah elemen+elemen yang k!n$tan, elemen yang $elalu i.ertahankan5 $e angkan ;aria*el a alah elemen+elemen yang *eru*ah,7 9#!$k!%, Merupa Buku, .., 1<1+1<2: #!n$tanta an ;aria*el mem.er0ela$ .rin$i. k!n$i$ten$i, ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,, ,,,,,,,,,,,, -enera.an k!n$tanta an ;aria*el yang k!n$i$ten *i$a i.ahami $e*agai gaya $elingkung $e*uah .ener*itan, Dalam .emahaman yang emikian gaya $elingkung ti ak $e*ata$ tata *aha$a, namun 0uga tata ;i$ual, ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,, ,,,,,,,,,,,, =i.!gra(i meru.akan un$ur .enting alam lay!ut, =i.!gra(i $e*aiknya ti ak i.ahami $e*ata$ memilih 0eni$ huru(, =i.!gra(i a alah $!al meng!rgani$a$ikan huru(, -eng!rgani$a$ian ter$e*ut tak $e*ata$ memilih 0eni$ huru( yang c!c!k untuk headline, subheadline, body text, caption, ll, -eng!rgani$a$ian i $ini meli.uti .engaturan 0arak antar *ari$, antar huru(, antar kata, $.a$i, terma$uk mema$tikan *entuk6anat!mi huru( yang $e*aiknya memiliki .er*e aan engan angka 9mi$alkan huru( i ka.ital $e*aiknya ti ak $ama engan angka 1:, -emilihan 0eni$ huru( 0uga engan memerhatikan kelengka.an $eri huru( $e.erti regular, bold, bold italic, italic, =i.!gra(i .un terma$uk ke alam .rin$i. k!n$tanta an ;aria*el, >i$alkan, body text $urat ka*ar atau 0urnal umumnya meru.akan k!n$tanta, *aik 0eni$ mau.un ukuran, Se angkan untuk headline $elain memiliki k!n$tanta .a a 0eni$ huru( *ia$anya memiliki ;aria*el ukuran engan ala$an .ertim*angan ke$eim*angan ruang, Di$am.ing itu, body text yang k!n$tan *erkaitan engan hitungan 0umlah karakter yang telah i$e$uaikan engan ke*utuhan ruang6k!l!m, Mendisain Dalam *aha$an ini melay!ut a alah men i$ain 0uga, )e*ih lan0ut a.at igunakan termin!l!gi men i$ain, mengingat men i$ain menekankan arti akti;ita$ memecahkan .er$!alan, )ay!ut alam .engertian yang emikian men0a i $e*uah akti;ita$ yang ti ak $e*ata$ tekni$ namun 0uga (il!$!(i$, !rgani$at!ri$, )iteratur kreati;ita$ mengi$tilahkan akti;ita$ men i$ain meli*atkan a$.ek k!gniti(, a(ekti(, .$ik!m!t!rik, Salah $atu met! e men i$ain yang menurut $aya mengena yaitu engan mengamati ha$il e$ain lain, #alau kita men i$ain 0urnal tak a a $alahnya mengamati *e*era.a e$ain 0urnal, >engamati alam hal ini *ukan untuk meniru namun mengetahui .ertim*angan+ .ertim*angan alam e$ain, Di $am.ing itu engan malakukan .engamatan k!n$e.tual akan iketahui i$i.lin lay!ut $e*uah .ener*itan, Artinya, .ilihlah *e*era.a e$ain yang layak, *aik $ecara teknik .r! uk$i, tam.ilan lay!ut, an gaga$an ruang, -engalaman $aya mem*eri $e0eni$ .ertim*angan 9.engetahuan: ti.!gra(i yaitu 0angan terlalu *anyak memakai 0eni$ huru(, -a$tikan $eri huru( yang i.ilih lengka. 9regular, italic, bold, bold italic:, $erta *entuk huru( yang *er*e a engan angka, =erlalu *anyak memakai 0eni$ huru( menye*a*kan kekacauan 9too much variables:, Salah $atunya i$e*a*kan alam ti.!gra(i itu $en iri, yaitu ruang $ela antar huru( an kata yang 9terlalu: *eragam 9letter

spacing, ord spacing, leading:, Organi$a$i huru( yang ti ak terk!ntr!l menye*a*kan munculnya ruang le*ar alam *ari$+*ari$ kalimat yang 0ika iamati mem*entuk gari$ $ungai, =i.!gra(i yang ter!rgani$ir imu ahkan .eng!rgani$a$ianya 0ika kita men i$ain menggunakan .r!gram lay!ut, mi$alkan !dobe Pagemaker, !dobe "ndesign 9mi$alkan melalui Paragraph #tyles:, 1ia$anya $aya menggunakan ua 0eni$ huru(, yang $atu *erkait, $atunya lagi tak *erkait, -enggunaan ini engan mem.ertim*angan ke*utuhan tek$ alam artikel, mi$alkan untuk headline, subheadline, body text, caption, ll, ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,, ,,,,,,,,,,,, Se*elum men i$ain .ela0ari c!ntent yang akan kita lay!ut, Sika. yang emikian mem.erlihatkan *ah%a e$ain ti ak $e*ata$ tekni$ .ragmati$, namun kreati;ita$, yaitu akan terci.ta lay!ut yang unik namun memiliki rele;an$i engan $i(at .ener*itan, ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,, ,,,,,,,,,,,, Ilustrasi ?lu$tra$i alam $e*uah .ener*itan *i$a *er(ung$i $e*agai .enghia$, *i$a .ula mem.er0ela$ tek$, Dalam ke$em.atan ini i*erikan .engetahuan *erkaitan ilu$tra$i $e*agai .en0ela$ tek$, Dalam $tati$tik yang i.erlua$ ke alam e$ain k!munika$i ;i$ual ilu$tra$i *i$a *eru.a in(! gra(i$, A a .ula yang menye*ut engan in(! gra(ik, atau iagram, Jurnal B!L!"$%&' terma$uk $alah $atu 0urnal maha$i$%a yang $ering menyertakan in(! gra(i$ alam .ener*itannya, @am.ir $e*agian *e$ar 0urnal menyertakan in(! gra(i$ alam artikel+artikel i alamnya, Dalam ilmu iagram ikenali *e*era.a 0eni$ *entuk iagram yaitu basic statistic 9umumnya *eru.a angka+angka:, scatter graph 9 iagram .encar:, gra(ik k!ntinu 9 iagram gari$:, gra(ik *ar 9 iagram *atang:, iagram *agian 9 iagram ku%eh:, an .ikt!rial 9ik!nik:,

Selain iagram, a a hal lain yang .erlu i.ertim*angakan terutama *erkaitan engan .ikt!rial, *aik untuk ke*utuhan in(! gra(i$ mau.un in$truk$i!nal, yaitu ik!ni$ita$ an i e!gramatikal, 2am*ar kereta a.i i *a%ah *er(ung$i $e*agai ram*u 9sign: untuk 0alan linta$an kereta a.i, Akan teta.i gam*ar ter$e*ut $u ah 0arang atau *ahkan ti ak kita kenal lagi, $u ah ti ak akra* engan kita $aat ini, @al ter$e*ut i$e*a*kan tan a 9sign: yang

igunakan tak $ama .er$i$ engan kereta a.i yang kita kenal $aat ini, #a$u$ yang emikian kita nilai $im*!l ter$e*ut memiliki era0at yang ren ah alam hal tingkat kemiri.an 9ik!ni$ita$ ren ah:, 'amun, l!k!m!ti( i ata$ meru.akan $alah $atu 0eni$ l!k!m!ti( kereta $ehingga kita ma$ih *i$a mengenalnya, #a$u$ emikian kita nilai *ah%a gam*ar6$im*!l ter$e*ut ma$ih memiliki nilai tinggi $e*agai i e!gramatikal, karena kita ma$ih *i$a mengenalinya $e*agai $alah $atu 0eni$ l!k!m!ti( kereta,

?k!n headphone .a a in(! gra(i$ i *a%ah memiliki tingkatan ik!n!$ita$ ren ah mengingat headphone $aat ini tak *erku.ing *e$ar, >e$ki emikian ik!n headphone .a a in(! gra(i$ i *a%ah $ecara i e!gramatikal ma$ih *enar, @al lain yang men0a i .ertim*angan i.ilih headphone 0eni$ ter$e*ut mungkin karena .!.ularita$, artinya headphone ter$e*ut $ecara memorable ma$ih .!.uler an kuat untuk me%akili headphone, Ala$an lain ik!n ter$e*ut i.ilih karena, mungkin, keter$e iaan ke*utuhan clip art 9$t!k ata:,

Selain karena $e*uah ik!ni$ita$ ren ah karena $u ah ti ak menun0uk6me%akili .a a !*0ek yang a a $aat ini, .ertim*angan ik!ni$ita$ 0uga engan mem.ertim*angkan i entita$ .!.uler $e*uah !*0ek engan mem*an ingkan engan !*0ek lain, >i$alkan, ik!n han .h!ne .a a in(! gra(i$ i *a%ah i.ilih karena $elain *i$a me%akili !*0ek h. 0uga a.at mengin(!rma$ikan ke*utuhan kece.atan in(!rma$i n!m!r tele.!n .!li$i, >aka, $yarat iagram6in(! gra(i$ yaitu kece.atan, kemu ahan, $erta kete.atan in(!rma$i, >e$ki emikian tak menutu. kemungkinan $e*uah in(! gra(i$6 iagram mengan ung .ikiran+.ikiran $u*0ekti(,

Penyusuana n elemen elemen disan yang saling berhubungan ke dalam sebuah bidang sehingga membentuk susunan artistik. Layout bisa disebut juga dengan manajemen bentuk dan bidang. (Gavin Ambrose & Paul Haris)

)ay!ut *ukan $e*ata$ menata letak material+material (content) $uatu halaman me ia, )ay!ut itu tentang *agaimana meng!rgani$a$ikan ruang, -emahaman tentang ruang inilah yang kurang i$a ari !leh *e*era.a e$ainer, /uang+ruang ter$e*ut *er*e a $i(at an 0eni$nya untuk tia. me ia, A a ruang (!rmal, a a ruang in(!rmal, A a ruang $tatik, a a .ula ruang inamik, Jika lay!ut a alah tentang *agaimana e$ainer meng!rgani$a$ikan ruang, hal ter$e*ut i ahului engan memela0ari $emua content alam ruang ter$e*ut, -en ek kata, $e*elum melay!ut $e*aiknya e$ainer memela0ari a.a yang akan ilay!ut, De$ainer $e*aiknya memahami content, alam hal ini ya mem*aca content ter$e*ut, > enurut Frank F Je(kin, untuk men a.atkan lay!ut yang *aik i.erlukan a anya: 1,#e$atuan k!m. !$i$i y ang *aik an enak untuk ilih atA 2,Baria$i, agar ti ak m!n!t!n 6 mem*!$ankanA C,#e$eim*angan alam lay!ut $ehingga terlihat $e.a an, $era$i an $elara$A 4,?rama, yang *eru.a .engulangan *entuk atau un$ur+un$ur lay!ut an %arnaA D,@arm!ni a alah ke$elara$an atau ke$era$ian hu*ungan antara un$ur+un$ur yang mem*erikan ke$an kenyaman an kein ahanA E,-r!.!r$i, yang meru.akan $uatu .er*an inganA <,#!ntra$, yang meru.akan .er.a uan antara %arna gela. an terang,
Membentuk identitas suatu media Menambah Keterba aan berita! menarik "erhatian "emba a terhada" berita yang disajikan Men i"takan "ola "engelom"okkan berita! untuk mem"ermudah "emba a menemukan in#ormasi yang di ari! membuat taha"an berita! agar "emba a mudah men ari berita Meren anakan bentuk halaman yang memiliki bentuk estetis dan menarik "erhatian "emba a

4,1,1,1 2ri S y$tem Se*uah gri ici.takan $e*agai $!lu$i terha a. . erma$alahan . enataan elemen+elemen ;i$ual alam $e*u ah ruang, 2ri $y$tem$ igunakan $e*agai .erangkat untuk mem.ermu ah menci.takan $e*uah k!m.!$i$i ;i$ual, > elalui gri $y$tem $e!rang .erancang gra(i$ a.at mem*uat $e*uah $i$tematika guna men0aga k!n$i$ten$i alam melakukan re.eti$i ari $e*uah k!m.i$i$i yang $u ah ici.takan, =u0uan utama ari . enggun aan gr i $y $tem$ alam e$ain gra( i$ a alah untuk menci.takan $uatu rancangan yang k!munikati( an memua$kan $ecara e$tetik, 4,1,1,2 =he $ymetrical gri Dalam gr i $imetri$, halaman kan an akan *erke* alik an .er$i$ $e.erti *ayangan cermin ari halaman kiri, ?ni mem*erikan ua mar gin y ang $ama *aik mar gin lu ar mau. un margin alam, 1E 8ntuk men0aga . r!. !r$i, margin luar memiliki * i an g y ang le* ih

le*ar, )ay!ut kla$ik yang i.el!.!ri !leh Jan =$chich!l 91902+ 19<4: $e!rang ty.!gra.her ari Jerman ini i a$ari ukuran halaman engan .r!.!r$i 2 : C, 4,1,2 =e!ri Warna > enurut /u$$el, 1992, $alah $atu un$ur yang .aling $er*a guna untuk $e*uah e$ain a alah %arna, Warna a.at menarik .erhatian an mem*antu menci.takan $e*uah m!! 9$ua$ana hati:, 1ergantung .a a aya tarik $uatu karya, %arna a.at igunakan engan *e*era.a ala$an *erikut: a, Warna meru.akan $e*uah alat untuk men a.at .erhatian, *, Warna a. at meny !r!ti un$ur+un$ur khu$u$ $ecara reali$ti$ alam %arna c, Warna memiliki *aha$a .$ik!l!gi$ yang menyu$un m!! karya ter$e*ut, > enurut A((en i, 19<3, inte$ita$ %arna a.at inaikan atau iturunkan engan cara: a, > eletakkan i ata$ latar yang k!ntra$+inte$ita$ naik, *, > eletakkan i ata$ latar yang anal!g+inte$ita$ turun, c, > encam.ur engan a*u+a*u+inte$ita$ turun, 1< 4,1,C Teori Tipografi >enurut kuti.an ari *uku 4 =i.!gra(i alam De$ain 2ra(i$7, Dant!n Sih!m*ing > FA, ti.!gra(i *ukan lagi meru.akan .elengka. $uatu $tatement ;i$ual, teta.i $u ah men0a i $a0ian utama k!munika$i gra(i$ yang *er*entuk *uku, katal!g atau *r!$ur, 1aik $e*agai .elengka. $uatu *entuk k!munika$i ;i$ual, mau.un $e*agai un$ur utama, huru( memainkan .eranan $angat .enting alam ke*erha$ilan $uatu *entuk k!munika$i gra(i$, =i.!gra(i *i$a $a0a men0a i inti gaga$an $uatu k!munika$i gra(ika an huru( men0a i $atu+ $atunya ;i$uali$a$i yang e(ekti(, #ekeliruan atau keti ak.ekaan alam ti.!gra(i *i$a meru$ak ha$il k!munika$i gra(i$, %alau.un *entuk ;i$uali$a$i lainnya telah i*uat engan .rima, 8ntuk .emilihan 0eni$ huru( atau (!nt yang te.at, *e*era.a kriteria yang haru$, ter.enuhi antara lain : a,Flearity a alah *ah%a $uatu huru( mem.unyai (ung$i tertentu yaitu haru$ a.at ilihat $ecara 0ela$, *,/ea a*ility a alah keter*acaan an 0eni$ huru( ter$e*ut, c,)egi*ility le*ih menekankan a.akah kita mu ah mem*acany a atau ti ak, ,Bi$i*ility le*ih menekankan .a a kein ahan 0eni$ huru( ter$e*ut,

=u0uan utama lay!ut a alah menam.ilkan elemen gam*ar an tek$ agar men0a i k!munikati( alam $e*uah cara yang a.at memu ahkan .em*aca menerima in(!rma$i yang i$a0ikan,
$enter %iasanya di gunakan untuk "enulisan &udul "ada halaman! tidak "erlu hy"enation! ta"i melelahkan ba anya 'ange le#t %iasanya di gunakan untuk "enulisan bodyteks agar terkesan lebih menarik &usti#ied %iasanya di gunakan untuk "enulisan bodi teks "ada halam(an!memberikan kesan ra"i dan teratur 'ange right %iasanya di gunakan untuk "enulisan "ada lead untuk menda"atkan variasi saja

Prinsip Layout Yang Baik

Menurut Tom Lincy (dalam desain principle for dekstop publishing )
COVER YANG BAIK Menarik "erhatian (karena )ajah "ertama yang dilihat konsumen) *am"il mengesankan! menarik untuk dilirik! memikat untuk dilihat! karena bentuk "ertama yang bertarung di toko+"enge er Penyam"ai "esan yang e"at dari redaksi ke"ada "emba a SYARAT Mam"u menggambarkan "ers"ekti# isi Mam"u berkomunikasi dengan "emba a serius Men erminkan kebijakan jurnalistik yang objekti# tidak mengarahkan "enda"at FUNGSI Protektif, melindungi isi agar tidak lusuh+kotor Atrakti#! menarik "erhatian alon "embeli ,dentitas! itra yang mendukung "emasaran -ks"resi

.ebagai ungka"an seni "ada media etak Promosi dan ,n#ormasi