Cara membuat tata letak halaman yang seimbang

Pengarang: Peter Berry
Tanggal Pembuatan: 16 Juli 2021
Tanggal Pembaruan: 13 Boleh 2024
Anonim
PERFECT LAYOUT DESIGN Step by Step *With Examples*
Video: PERFECT LAYOUT DESIGN Step by Step *With Examples*

Isi

Tujuan utama dari setiap tata letak halaman yang Anda rancang, apakah itu untuk brosur cetak atau aplikasi web terbaru, adalah untuk mengkomunikasikan informasi dengan jelas dan efektif kepada pembaca. Salah satu cara terbaik untuk memastikan bahwa pesan utama dikirim ke pembaca adalah dengan membuat tata letak halaman yang seimbang.

Desain tata letak halaman biasanya melibatkan banyak penempatan, penataan ulang, dan pemformatan elemen. Banyak desainer mendekati proses ini secara organik, merasakan jalan mereka menuju hasil akhir yang menyenangkan. Meskipun hal ini dapat menyebabkan beberapa kecelakaan bahagia yang luar biasa, ada risiko bahwa menggunakan metodologi bentuk bebas dapat menyebabkan kurangnya keseimbangan visual pada halaman.

Komposisi halaman yang baik harus enak dipandang, dan juga mengkomunikasikan pesan-pesan utama tersebut dengan jelas kepada audiens yang dituju. Kami telah mengumpulkan beberapa tip teratas untuk membantu Anda memastikan desain tata letak halaman Anda memiliki keseimbangan (pembuat situs web yang baik juga akan membantu). Pendekatan ini akan bekerja dengan baik untuk memberikan struktur keseimbangan, apa pun media yang Anda gunakan.


Untuk lebih banyak saran khusus web, lihat panduan kami untuk membuat tata letak situs web yang sempurna.

01. Gunakan kotak

Salah satu cara termudah untuk memastikan halaman Anda memiliki tingkat keseimbangan adalah dengan menggunakan sistem grid. Kisi dulunya adalah satu-satunya pelestarian halaman cetak, tetapi banyak pekerjaan telah diselesaikan secara online dalam beberapa tahun terakhir untuk membantu memindahkan konsep kisi ke media digital.

Dengan menggunakan kisi untuk menginformasikan posisi berbagai elemen di laman, Anda akan membuat hubungan antara berbagai elemen yang menyusun laman Anda. Ini dapat membantu memberikan rasa keteraturan pada tata letak Anda, memberikan pembaca referensi struktural yang jelas untuk digunakan kembali, dan meningkatkan keberhasilan halaman Anda.

Ini penting karena ketika semua elemen halaman Anda memiliki rasa konektivitas satu sama lain, efek keseluruhan terasa lebih nyaman bagi pembaca, membantu membuatnya lebih nyaman, dan memfasilitasi akses mereka ke hal-hal penting: konten.


02. Pilih satu titik fokus

Salah satu cara paling efektif untuk memberikan rasa keseimbangan adalah dengan memilih satu titik fokus untuk desain tata letak Anda. Contoh yang baik dalam praktiknya adalah penggunaan gambar besar sebagai elemen tunggal terbesar di halaman.

Visual yang kuat dapat memberikan cara yang ampuh untuk mengarahkan pembaca ke halaman Anda (seperti analisis ahli dari layanan hosting web yang ideal), dan juga menyediakan elemen struktural yang berguna untuk mengatur konten yang tersisa dalam tata letak Anda. Jika Anda memiliki beberapa elemen visual, gunakan prinsip kedekatan dari Teori Gestalt untuk mengelompokkannya, menyelaraskannya dengan cara yang sama.

Perlu juga diingat bahwa Anda dapat menggunakan judul atau kutipan kutipan dengan cara yang sama; judul tampilan yang bagus dapat menawarkan daya tarik visual sebanyak gambar, sambil terus memberikan struktur yang akan membantu Anda memastikan tata letak yang seimbang.


03. Gunakan Aturan Sepertiga

Salah satu cara terbaik untuk memberikan rasa keseimbangan adalah dengan menggunakan Aturan Sepertiga atau Rasio Emas favorit desainer. Sederhananya, aturan pertiga mengatakan bahwa jika Anda membagi halaman menjadi tiga secara vertikal dan horizontal, titik perpotongan garis kisi memberikan titik fokus alami dari sebuah komposisi.

Dengan menyelaraskan elemen kunci Anda dengan empat poin ini, Anda akan mendapatkan komposisi yang lebih menarik daripada jika Anda, misalnya, memusatkan elemen pada halaman Anda dengan sempurna.

Dengan sendirinya, aturan sepertiga tidak akan secara ajaib memberikan keseimbangan pada tata letak Anda, tetapi dengan memperluas prinsip tersebut, mudah untuk menggunakan kecenderungan ini menuju titik fokus alami untuk membantu menginformasikan keseimbangan tata letak Anda.

Pendekatan yang umum adalah menempatkan elemen terpenting laman Anda di sepertiga bagian atas (atau bawah) laman, dengan titik fokus utama sejajar agar cocok dengan salah satu persimpangan. Punya banyak aset untuk disimpan untuk situs Anda? Lihat opsi penyimpanan cloud ini.

04. Gunakan ruang putih

Merupakan hal yang umum bagi desainer pemula untuk memanfaatkan setiap ruang pada halaman, menjejali konten hingga setiap celah terisi. Yang lebih berpengalaman tahu bahwa kadang-kadang bagian terbaik dari desain melibatkan menghilangkan elemen, daripada memasukkannya ke dalam.

Pada media cetak, cara paling umum untuk memanfaatkan ruang kosong adalah dengan memperbesar margin dan talang halaman. Di web, menyediakan banyak ruang bernapas di sekitar elemen dapat membantu membuat desain tata letak Anda terasa tenang dan seimbang.

Menggunakan ruang negatif bekerja paling baik jika Anda memiliki struktur yang jelas yang menghubungkan konten bersama (seperti yang disediakan oleh kisi), karena risiko ruang putih dapat berupa rasa terputusnya elemen halaman jika diterapkan secara sembarangan.

05. Ulangi elemen desain

Pengulangan juga dapat memberikan kesan desain yang terhubung dan keseimbangan yang kuat pada komposisi. Idenya adalah bahwa dengan mengidentifikasi dan menggunakan kembali motif atau perawatan desain di seluruh tata letak Anda, Anda dapat memberikan referensi bagi pembaca sehingga area yang berbeda terasa terhubung dan menjadi bagian dari komposisi keseluruhan yang sama.

Anda juga dapat menggunakan teknik ini untuk memberikan titik fokus dalam desain Anda, sambil mempertahankan keseimbangan keseluruhan, dengan sengaja memecah pola kesamaan yang diperkenalkan melalui pengulangan.

06. Gunakan hierarki

Salah satu pendekatan kunci untuk mencapai tata letak halaman nirwana adalah pemahaman yang jelas tentang struktur dan hierarki. Kami sudah membahas tentang struktur, tetapi penting juga untuk menyampaikan kepentingan relatif dari berbagai konten di laman Anda. Judul, misalnya, harus hampir selalu lebih penting secara visual daripada konten teks tubuh.

Lihatlah berbagai elemen yang membentuk desain tata letak Anda dan putuskan elemen mana yang paling penting. Gunakan elemen ini untuk menyediakan pengait struktural untuk elemen yang tersisa di halaman, menjadikannya yang paling penting.

07. Gunakan skala, kontras, dan harmoni

Terakhir, penggunaan skala bisa menjadi metode yang sangat efektif untuk mencapai keseimbangan visual yang baik dalam tata letak Anda. Dengan membuat beberapa elemen lebih besar dari yang lain, rasa keteraturan dan hierarki akan muncul. Ini membantu menciptakan tata letak yang nyaman karena pemirsa akan secara otomatis melihat elemen yang lebih besar di dalam tata letak terlebih dahulu, melanjutkan ke elemen yang lebih kecil saat mereka membacanya.

Prinsip ini juga bekerja dengan kontras yang ditingkatkan, sehingga dengan mengisolasi elemen pada halaman melalui kontras akan membuat mata fokus pada titik tersebut terlebih dahulu. Ini memberikan jalan masuk ke halaman, dan sekali lagi memberikan titik struktural yang berguna untuk mengembangkan tata letak Anda.

Skala dan kontras bekerja paling baik saat diterapkan ke satu elemen, membuatnya menonjol dari bagian lain tata letak Anda. Gunakan prinsip harmoni untuk membuat orang lain merasa terhubung dan menonjolkan titik fokus.

Menarik
Ruang desain eklektik ini dipenuhi dengan keingintahuan
Baca Lebih Lajut

Ruang desain eklektik ini dipenuhi dengan keingintahuan

Valentin Adam adalah eorang kolektor. Buku, vinil, mainan, cetakan, dan tanaman ber aing untuk mendapatkan perhatian dengan banyak artefak aneh dan indah yang ter ebar di eluruh ruang tudio ibuk de ai...
Kembangkan bisnis desain Anda - dengan uang pemerintah
Baca Lebih Lajut

Kembangkan bisnis desain Anda - dengan uang pemerintah

Tujuan dari Bu ine Inve tment Fund dari Creative England adalah untuk membantu u aha kecil-menengah dan tudio "yang memiliki ide-ide baru yang inovatif untuk pengembangan konten yang didukung den...
9 hal yang tidak Anda ketahui dapat Anda lakukan di Photoshop
Baca Lebih Lajut

9 hal yang tidak Anda ketahui dapat Anda lakukan di Photoshop

Tanpa pertanyaan, Photo hop adalah alah atu program manipula i gambar paling populer dan flek ibel yang ter edia. Dengan etiap revi i, Adobe menambahkan lebih banyak kekuatan ke program, melalui penin...