Kumaha Ngawasaan Desain Layout

Pitunjuk lengkep pikeun diajar dasar-dasar desain visual.

Tempo_ogé: Kumaha Ngagambar Daun

Patarosan jutaan dolar: naon rusiah desain anu saé?

Urang tiasa filosofis ngeunaan ieu. , Tapi sacara umum, paribasa 'rusiah' pikeun desain anu saé aya dina cara anjeun ngatur elemen visual anjeun, dina hubungan kanvas anjeun, sareng saling. Dasarna, urang nembé ngajelaskeun desain perenah. Nu, mun dipikir-pikir, aya dimana-mana.

Contoh tata letak majalah. Desainna nuturkeun sistem grid klasik (urang bakal diajar sadayana ngeunaan grid dina hiji menit). Sagalana biasana dijajarkeun kénca, katuhu, sareng di handap. Kolom utamana boga alignment diyakinkeun béda nu ngajadikeun kaca teu ukur visually pikaresepeun, tapi ogé gampang maca, sarta wibawa. Judul anu ageung narik perhatian anu ningali, sedengkeun subjudul janten ukuran anu kontras pikeun nyiptakeun hirarki inpormasi visual.

Linda Gaom, Behance

Sadaya kualitas ieu ngajantenkeun halaman. desain beresih, terstruktur, sarta gampang dibaca, sarta aranjeunna saluyu jeung tips urang bade ngobrol ngeunaan salajengna. Tapi ke heula, hayu urang ngarti deui ngeunaan desain perenah sorangan.

Naon Éta Desain Layout?

Desain Layout masalah susunan elemen grafis dina raraga narik perhatian nu maca sarta nepikeun pesen husus dina cara visually pikaresepeun. .

Janten urang henteu ngobroltempat peristirahatan, sedengkeun elemen séjén masihan arah.

Cara basajan pikeun ngarti ieu ku cara nyokot conto ramatloka urang, contona. Grafik jelas dipisahkeun tina téks, kitu ogé ajakan pikeun aksi, ku kituna perhatian panuduh napigasi tina hiji gugusan informasi ka nu salajengna.

Prinsip #5. Anggo Kontras

Pastikeun anjeun gaduh kontras anu cukup dina desain anjeun.

Kontras ngabantosan ngatur desain anjeun sareng bakal ngadamel hirarki anu diperyogikeun sareng nekenkeun naon anu penting.

Langkung ti éta, pamakéan kontras anu saé ogé nambihan minat visual dina desain anjeun. Hayu urang nyanghareupan éta, tata perenah dimana sadayana ukuran, bentuk, atanapi warna anu sami bakal katingali pikaboseneun. Kontraskeun rempah-rempah.

Pikiran kahiji anjeun bisa jadi kontras warna, saperti haneut versus tiis, poék versus caang, bulao versus oranyeu. Tapi bari warna mangrupikeun prinsip kontras anu penting, aya ogé kontras jinis, alignment, sareng ukuran. Jeung inget, kontras oge relatif. Ieu ngan boga harti dina juxtaposition jeung elemen séjén.

Ieu sababaraha conto layouts anu ngagunakeun aturan ieu dina cara pinter jeung geulis. Perhatikeun kontras dina tipografi, warna, komo kontras dina ukuran antara elemen.

Sumber: IAG Reconciliation Action Plan

Prinsip #6. Repetisi, Pola, Wirahma

Lamun urang mikiran ulangan, urang mikirtina unsur anu sarua deui-deui.

Tapi desainna béda. Pasti moal bosen kitu. Lamun dipake bener, pangulangan sabenerna bisa nguatkeun desain Anjeun.

Coba pikeun ngaidentipikasi jeung make deui hiji motif sakuliah tata perenah Anjeun jadi rupa wewengkon ngarasa disambungkeun jeung bagian tina komposisi nu sarua. Éta bakal ngabantosan desain anjeun gaduh téma. Ku ngulang elemen, anjeun henteu ngan ukur nganteurkeun dumasar kana ekspektasi pamiarsa anjeun, tapi anjeun ogé bakal ningkatkeun pangalaman pangguna. Konsisten ngajadikeun pamaké ngarasa leuwih nyaman.

Anjeun bisa ngalakukeun ieu ku cara malikan deui wangun atawa simbul. Atanapi skéma warna, hurup, sareng gaya anu sami sacara umum.

Kabiasaan anu hadé pikeun dianggo nyaéta ngagunakeun tipografi sareng kulawarga ageung. Batasi jumlah pola anu béda, beurat/gaya garis, sareng warna, teras ulang sapanjang. Ogé, coba tetep gaya gambar jeung grafik sarua. Contona, make ilustrasi ku artis nu sarua.

Sumber: Thepentool.co

Nya kitu. Ieu mangrupikeun genep prinsip anu bakal ngabantosan anjeun ngatur desain anjeun sareng ngahontal perenah anu langkung bersih, langkung profésional, sareng saimbang.

Tapi perjalanan anjeun henteu dugi ka dieu. Desain grafis sanes elmu pasti sareng teu kedah dugi ka tip sareng prinsip. Sapertos leres dina sagala widang ciptaan, teu aya aturan jempol anu keras. Megatkeun kaluar tina tips ieu ku cara halus bakal nambahan jero tur rupa-rupadesain anjeun.

Tapi, éta titik awal anu saé sareng kami nyarankeun anjeun nyobian aranjeunna. Sareng wartosan kami kumaha jalanna!

Unduh Vectornator kanggo Dimimitian

Pindahkeun desain anjeun ka tingkat salajengna.

Unduh file ngeunaan desain logo di dieu. Tapi desain bahan citak, kawas koran, majalah, poster, jeung counterparts digital maranéhanana, kitu ogé web, app, atawa desain UX/UI.

Kecap 'layout' méré urang loba petunjuk. Hartina susunan unsur-unsur nu geus ditangtukeun dina hiji halaman.

Nalika tata perenah téh éféktif, éta katingalina alus, sarta ngabimbing nu ningali pikeun ngarti kana pesen anu rék ditepikeun ku desain. Pamahaman perenah jadi konci dina nyieun komposisi anu pikaresepeun, éféktif, ramah-pamaké, jeung pikaresepeun.

Lamun hiji perenah teu nepikeun pesen na kalawan hadé ka panongton, atawa dina basa sejen, eta teu "maca ogé ", desain bakal teu epektip kumaha trendi eta Sigana. Dina ranah desain perenah, eusi supersedes tren na gimmicks.

Tujuan Desain Layout

Pikeun nepikeun pesen gancang

Ieu konci. Desain perenah netepkeun hubungan antara aset grafik pikeun ngahontal aliran lemes tina gerakan panon pikeun éféktivitas maksimum sarta dampak.

Pikeun nyieun kasaimbangan

Maké prinsip desain perenah nyaéta cara paling lugas pikeun nyieun. rasa kasaimbangan jeung simétri dina proyék desain Anjeun tanpa jadi boring.

Pikeun nyieun cohesiveness

Layout mantuan Anjeun ngatur loba elemen desain Anjeun dina cara gampang dicerna, cohesive, jeung logis.

Pikeun nyiptakeun kageulisan

Saimbang jeung struktur sacara alami nyiptakeun kageulisan.Upami desain perenah anjeun parantos leres, éta sacara otomatis bakal pikaresepeun sacara visual pikeun anu ningali. Kurang usaha anu kedah dilakukeun ku pamirsa supados ngartos pesen, desain anjeun bakal langkung pikaresepeun.

Desainer ku Frank Philippin pikeun bukuna 'I Used to Be a Design Student: Then - Ayeuna.' Sumber: DesignBoom

The Elements of Layout Design

Text

Ieu ngawengku lain ngan badan téks atawa paragraf, tapi ogé headline, subheadings, headers, jeung footers. Pilihan tipografi, warna, sareng ukuran anjeun bakal ngahontal éfék anu béda-béda ngeunaan kumaha tata letak anjeun bakal narjamahkeun ka pamiarsa anjeun.

Gambar

Jenis gambar anu paling umum nyaéta poto, ilustrasi, atanapi infografis.

Wangun

Wangun tiasa géométri, anu sudut pisan, atanapi tiasa organik, niru alam dunya. Éta ogé tiasa abstrak. Wangun abstrak geus trendi pisan dina taun katukang, sabab kami geus katempo desainer web ngasupkeun kana komposisi kompléks jeung sprawling.

Wangun bisa ngaganti hiji gambar. Atanapi aranjeunna tiasa dianggo pikeun nambihan elemen grafis kana halaman, nyorot téks, atanapi ngadelinekeun rohangan antara elemen visual anu sanés.

Ruang bodas

Sakur desain perenah bakal ngagaduhan jumlah rohangan bodas anu tangtu. nu bakal ngidinan elemen Anjeun pikeun ngambekan jeung nangtung kaluar sorangan.

Prinsip Emas Desain Layout

Anjeun bakal perhatikeun yén prinsipDesain perenah nuturkeun seueur prinsip dasar desain. Kawas ngagunakeun warna dina cara nu tangtu, tipografi, pengulangan, kontras, hierarki, jeung kasaimbangan.

Prinsip #1. Anggo Grids

Grids ngabantosan désainer nempatkeun rupa-rupa unsur desain sapertos téks sareng gambar dina cara anu katingali koheren sareng gampang diturutan.

Grids masihan rasa tertib, ngajaga unsur-unsur tina silih kuatkeun. , sareng anu paling penting, grids ogé bakal ngabenerkeun alignment anjeun. Ngadamel padamelan anjeun langkung bersih sareng langkung profésional.

Sumber: hgmlegal.com

Anatomi grid

Anjeun panginten panginten éta ngan ukur garis vertikal sareng horizontal, tapi grid diwangun ku sababaraha bagian. Loba, kanyataanna. Ieu terminologi anu paling penting anu anjeun kedah terang dina kisi dasar:

• Format mangrupikeun area lengkep pikeun desain ahir anjeun. Janten upami anjeun mendesain hiji hal pikeun dicitak, formatna nyaéta halaman, sareng upami anjeun desainer wéb, formatna nyaéta halaman wéb atanapi jandela pangotektak.
• Margins nyaéta rohangan kosong anu dihaja antara format jeung desain.
• Flowlines nyaéta garis horizontal anu misahkeun perenah anjeun jadi bagian paralel. Flowlines ngabantosan kabacaan desain anjeun sareng nungtun pamaca pikeun nuturkeun eusi anu leres.
• Modul nyaéta blok anu dibentuk ku garis horizontal sareng vertikal.flowlines tina sagala grid. Upami anjeun mikirkeun éta, aranjeunna mangrupikeun blok wangunan tina grid naon waé. Sadaya modul vertikal anjeun nyiptakeun kolom anjeun, sedengkeun sadaya grid horizontal anjeun nyiptakeun baris anjeun.
• Wilayah mangrupikeun grup modul anu nyambung, boh vertikal atanapi horizontal. Henteu aya aturan ngeunaan kumaha anjeun mutuskeun pikeun ngatur ieu.

Sumber: Radversity

Jenis grid

Layout grids mimiti dipaké pikeun ngatur. tulisan leungeun dina kertas.

Aranjeunna asalna ti awal abad ka-13, nalika seniman Perancis Villard De ngahijikeun sistem grid sareng rasio emas pikeun ngahasilkeun perenah halaman anu dicitak sareng margin. Anjeun tiasa ningali sistem grid ieu nepi ka poé ieu, sakumaha mayoritas buku dicitak jeung layouts majalah ngabuktikeun. Penerbit, éditor, jeung désainer leuwih milih ngagunakeun grid standar lain ngan sabab kasampak alus, tapi alatan pamiarsa geus datang ka nyangka elemen desain tangtu aya dina tempat nu tangtu.

Grids bisa dirancang dina dua cara: simetris atawa asimétri. Grid simetris nuturkeun garis tengah, dimana wewengkon vertikal jeung horizontal sarua; jeung kolom boga rubak anu sarua.

Dina kisi asimétri , sakumaha ngaranna, margina jeung kolomna henteu kabéh idéntik.

Dumasar kana klasifikasi ieu aya lima jenis utama grids perenah dipaké di sakuliah dunya nu bisa ngandelkeun:

Naskahgrids mangrupikeun jinis grid anu paling umum pikeun dokumén. Aranjeunna misahkeun header, footer, sareng margins, sareng dasarna nyiptakeun sagi opat dina format (atanapi halaman) anu nyayogikeun wates kana téks anjeun. Éta dasarna pikeun majalah, koran, sareng buku. Janten éta sigana tata letak anu paling anjeun kenal.

Sumber: UXplanet

Sumber: Radversity

Kolom grid mangrupikeun paporit sanés dina penerbitan majalah. Tata perenah majalah has ngagunakeun grids kolom pikeun misahkeun téks kana bagian anu gampang dibaca. Tapi aranjeunna populer pisan pikeun situs wéb ogé. Anjeun tiasa make nanaon ti dua nepi ka genep grids. Langkung seueur kamungkinan, tapi henteu umum. Hal penting pisan ngeunaan grids kolom nyaéta jarak antara kolom, atawa talang, anu sarua jarakna ti unggal lianna.

grids kolom simetris dipaké ku koran, contona, bari grid kolom asimétri leuwih sering dipake tinimbang dina desain web. .

Sumber: UX Planét

Sumber: Radversity

Modular grids sarua jeung kolom grid, tapi aranjeunna ogé akun pikeun flowlines horizontal. Jinis grid ieu diperlukeun nalika anjeun kudu ngatur rupa elemen dina perenah anjeun sarta grids kolom saukur teu cukup.

grids modular boga modul ukuran sarua nu ngajadikeun eta pisan gampang visualize zona spasial anjeun dina cara béda.

Sumber: UXPlanét

Sumber: Radversity

Grid dasar hebat pisan pikeun komposisi dumasar-téks. Garis dasar nyaéta garis tempat téks istirahat nalika anjeun ngetik, sareng pamimpin nyaéta jarak antara dua garis dasar. Bingung sabaraha judul atanapi subjudul anjeun kedahna?

Grid dasar aya di dieu pikeun ngabantosan téks anjeun janten wirahma anu ngalir.

Sumber: UX Planét

Tempo_ogé: Kumaha Ngagambar Kembang

Sumber: Fragaria

Hirarkis grids kasampak kirang kawas grid ti sakabéh maranéhanana. sasama. Mangkaning, aranjeunna mangpaat pisan nalika ngatur elemen desain dina urutan pentingna. grids hirarki bisa dumasar kana grids modular, atawa anjeun malah bisa nyieun sorangan. Situs wéb nganggo grid ieu pisan, khususna majalah digital sareng koran condong langkung ngandelkeun grids hirarkis tinimbang grids kolom dina transisi maranéhna pikeun jadi digital.

Sumber: UX Plane

Prinsip #2. Anggo Negatif Spasi

Urang sering mikir yén kakosongan, tiiseun, atanapi kurangna warna mangrupikeun hal anu goréng. Tapi kami henteu nganggap kumaha aranjeunna mangrupikeun pondasi padet tina kontrasna.

Disebut ogé rohangan bodas, rohangan négatip nyaéta daérah dina desain anjeun anu henteu ngagaduhan unsur anu saleresna. Ieu wewengkon ditinggalkeun kosong. Éta henteu ngan ukur ngurilingan aset anjeun, éta ogé nyiptakeun beungkeut anu diperyogikeun antara aranjeunna. Kusabab éta, rohangan négatip mangrupikeun unsur desain anu leres sareng gaduh dampak anu ageung pikeun kumaha efektifna perenah anjeundesain nyaeta.

Ruang négatif alus vs goréng

Ruang négatif bakal mantuan misahkeun rupa-rupa wewengkon dina desain anjeun, bari ogé ngamungkinkeun perenah anjeun pikeun ngambekan. Eta mantuan kalawan hirarki visual jeung kasaimbangan visual; eta susunan fokus pamaké dina elemen inti; éta ngurangan tingkat gangguan; sarta pamustunganana, éta nambahkeun gaya jeung elegance kana desain anjeun.

Desainer inexperienced bisa boga kacenderungan pikeun ngeusian saloba mungkin kanvas maranéhanana, ku skala nepi téks atawa niup up logo, atawa hiji gambar. Tapi méré rohangan pikeun elemen anjeun ngamungkinkeun panempo pikeun milih inpormasi anu tangtu langkung gancang sareng langkung nyaman.

Upami sadayana ngagorowok pikeun perhatian pamirsa anjeun, teu aya anu kadéngé.

– Aaron Walter, 'Desain pikeun émosi'

Cara panggampangna pikeun nangtukeun rohangan négatif anjeun nyaéta ku ngagunakeun grid modular. Ku nempatkeun éta dina luhureun desain anjeun, anjeun tiasa gampang ngabayangkeun modul mana anu tiasa tetep kosong, sareng mana anu kedah dieusi.

Desainer ku Brunswicker, Sumber: Codesignmag.com

Prinsip #3. Pilih Titik Fokus Tunggal

Naha klien kantos naroskeun anjeun ngadamel logo langkung ageung? Teras ngadamel judul langkung ageung?

Anjeun teu tiasa ngantebkeun sadayana. Ieu ngéléhkeun titik desain alus. Sapertos waktos, fokus relatif. Pikeun hiji unsur nangtung kaluar, anu sanésna kedah janten latar. Sababaraha elemen kedah ngadominasi batur supados desain anjeun tiasa ditingalikeunhierarki visual.

Titik fokus dina rarancang nyaéta hiji-hijina unsur anu gaduh beurat visual anu pangageungna. Ieu unsur nu metot panon kahiji, leuwih ti nanaon sejenna dina perenah Anjeun.

Titik fokus bakal ngumumkeun ka pamiarsa anjeun dimana perjalanan ningalina dimimitian dina desain anjeun. Tah ieu awal carita nu dicaritakeun.

Ieu biasana bisa dihontal ku cara maké gambar gedé atawa sumber tipografi nu gedé. Perhatikeun kumaha efektifna titik fokus di handap ieu

Dirancang ku Braulio Amado pikeun Bloomberg Businessweek, Sumber: Ieu nice yén

Tapi bari titik fokus bakal narik perhatian panongton anjeun dina, aturan salajengna bakal mantuan pituduh eta.

Prinsip #4. Pikir Deukeut jeung Aliran

Prinsip deukeutna basajan. Pastikeun yén elemen anu aya hubunganana disimpen babarengan.

Deukeutna nunjukeun yen aset visual disambungkeun tur jadi hiji unit visual nu mantuan ngatur perenah anjeun.

Janten ngan ukur aset desain klaster anu gaduh hubungan saling, sareng nganggo kantong inpormasi ngeunaan desain anjeun pikeun nungtun pamiarsa anjeun kana potongan eusi anu relevan anu aranjeunna kedah dikonsumsi. Ieu disebut ogé prinsip aliran.

Sumber: Satori Graphics

Desain kalayan aliran anu saé bakal ngajantenkeun panon pemirsa sapanjang perenah, ti unsur ka unsur, kalayan gampang. titik fokus anjeun bakal narik panon jeung jadi