Kandungan
- 01. Gunakan grid
- 02. Pilih satu titik fokus
- 03. Gunakan Peraturan Ketiga
- 04. Gunakan ruang putih
- 05. Ulangi elemen reka bentuk
- 06. Gunakan hierarki
- 07. Gunakan skala, kontras, dan harmoni
Objektif utama susun atur halaman yang anda reka, sama ada untuk brosur bercetak atau aplikasi web terkini, adalah menyampaikan maklumat dengan jelas dan berkesan kepada pembaca. Salah satu kaedah terbaik untuk memastikan bahawa mesej utama disampaikan kepada pembaca adalah dengan membuat susun atur halaman yang seimbang.
Reka bentuk susun atur halaman biasanya melibatkan banyak penempatan, penyusunan semula dan pemformatan elemen. Banyak pereka mendekati proses ini secara organik, merasakan jalan mereka ke hasil akhir yang menyenangkan. Walaupun ini dapat menyebabkan beberapa kecelakaan bahagia yang sangat baik, ada risiko bahawa menggunakan metodologi bentuk bebas dapat mengakibatkan kekurangan keseimbangan visual di halaman.
Komposisi halaman yang baik semestinya menyenangkan, dan juga menyampaikan mesej penting tersebut dengan jelas kepada khalayak yang dituju. Kami telah mengumpulkan beberapa petua teratas untuk membantu anda memastikan reka bentuk susun atur halaman anda seimbang (pembina laman web yang baik juga akan membantu). Pendekatan ini akan berfungsi dengan baik untuk memberikan struktur keseimbangan, tanpa mengira medium yang anda gunakan.
Untuk lebih banyak nasihat khusus web, lihat panduan kami untuk membuat susun atur laman web yang sempurna.
01. Gunakan grid
Salah satu kaedah termudah untuk memastikan halaman anda mempunyai keseimbangan adalah dengan menggunakan sistem grid. Grid digunakan sebagai satu-satunya simpanan halaman yang dicetak, tetapi banyak kerja yang telah diselesaikan dalam talian dalam beberapa tahun kebelakangan ini untuk membantu memindahkan konsep grid ke media digital.
Dengan menggunakan grid untuk memberitahu kedudukan elemen yang berbeza pada halaman, anda akan membuat hubungan antara elemen yang berbeza yang membentuk halaman anda. Ini dapat membantu memberi ketertiban pada susun atur anda, memberi pembaca rujukan struktur yang jelas untuk kembali, dan meningkatkan kejayaan halaman anda.
Ini penting kerana apabila semua elemen halaman anda mempunyai hubungan antara satu sama lain, kesan keseluruhan terasa lebih selesa bagi pembaca, membantu mereka merasa selesa, dan memudahkan mereka mengakses perkara penting: kandungan.
02. Pilih satu titik fokus
Salah satu kaedah yang paling berkesan untuk memberikan keseimbangan adalah memilih satu titik fokus untuk reka bentuk susun atur anda. Contoh yang baik dalam praktik ini ialah penggunaan gambar besar sebagai elemen tunggal terbesar pada halaman.
Visual yang kuat dapat memberikan cara yang kuat untuk memimpin pembaca ke halaman anda (begitu juga analisis pakar mengenai perkhidmatan hosting web yang ideal), dan juga menyediakan elemen struktur yang berguna untuk mengatur isi kandungan dalam susun atur anda. Sekiranya anda mempunyai pelbagai elemen visual, gunakan prinsip kedekatan Teori Gestalt untuk mengelompokkannya, sejajarkannya dengan cara yang sama.
Perlu juga diingat bahawa anda boleh menggunakan tajuk utama atau menarik petikan dengan cara yang sama; tajuk utama paparan yang baik dapat menawarkan minat visual sebanyak gambar, sambil terus memberikan struktur yang akan membantu anda memastikan susun atur yang seimbang.
03. Gunakan Peraturan Ketiga
Salah satu kaedah terbaik untuk memberikan keseimbangan adalah menggunakan Rule of Thirds atau Golden Ratio kegemaran pereka. Ringkasnya, peraturan pertiga mengatakan bahawa jika anda membahagi halaman anda menjadi pertiga secara menegak dan mendatar, titik di mana garis grid bersilang memberikan titik fokus semula jadi komposisi.
Dengan menyelaraskan elemen-elemen penting anda dengan keempat-empat titik ini, anda akan mencapai komposisi yang lebih menggembirakan daripada jika anda, misalnya, memusatkan elemen dengan sempurna di halaman anda.
Dengan sendirinya, peraturan pertiga tidak akan memberikan keseimbangan susun atur anda secara ajaib, tetapi dengan memperluas prinsip, mudah untuk menggunakan kecenderungan ini menuju titik fokus semula jadi untuk membantu memberitahu keseimbangan susun atur anda.
Pendekatan yang biasa dilakukan adalah meletakkan elemen terpenting halaman anda di bahagian atas (atau bawah) ketiga halaman, dengan titik fokus utama sejajar agar sesuai dengan salah satu persimpangan. Ada banyak aset untuk disimpan untuk laman web anda? Lihat pilihan penyimpanan awan ini.
04. Gunakan ruang putih
Adalah biasa bagi para pereka pemula untuk menggunakan setiap ruang di halaman, mengisi kandungan sehingga setiap jurang diisi. Yang lebih berpengalaman tahu bahawa kadangkala reka bentuk yang terbaik melibatkan meninggalkan unsur-unsur, dan bukannya menghantui mereka.
Dalam media bercetak, cara yang paling biasa untuk menggunakan ruang kosong adalah dengan memperbesar margin halaman dan talang. Di laman web, hanya menyediakan banyak ruang pernafasan di sekitar elemen dapat membantu membuat reka bentuk susun atur anda terasa tenang dan seimbang.
Menggunakan ruang negatif berfungsi paling baik apabila anda mempunyai struktur jelas yang menyatukan kandungan bersama-sama (seperti yang disediakan oleh grid), kerana risiko ruang putih dapat menjadi perasaan terputus antara elemen halaman jika diperkenalkan secara tidak sengaja.
05. Ulangi elemen reka bentuk
Pengulangan juga dapat memberikan rasa kuat terhadap reka bentuk dan keseimbangan yang kuat terhadap komposisi. Idenya adalah bahawa dengan mengenal pasti dan menggunakan semula motif atau reka bentuk rawatan di seluruh susun atur anda, anda dapat memberikan rujukan untuk pembaca sehingga kawasan yang berbeza terasa terhubung dan menjadi sebahagian dari komposisi keseluruhan yang sama.
Anda juga boleh menggunakan teknik ini untuk memberikan titik fokus dalam reka bentuk anda, sambil mengekalkan keseimbangan keseluruhan, dengan sengaja mematahkan corak kesamaan yang diperkenalkan melalui pengulangan.
06. Gunakan hierarki
Salah satu pendekatan utama untuk mencapai susun atur halaman nirvana adalah struktur dan hierarki yang jelas. Kami sudah menyentuh struktur, tetapi penting juga untuk menyampaikan kepentingan relatif dari pelbagai kandungan di halaman anda. Tajuk utama, misalnya, hampir selalu lebih penting secara visual daripada kandungan teks badan.
Lihat pelbagai elemen yang membentuk reka bentuk susun atur anda dan tentukan elemen mana yang paling penting. Gunakan elemen ini untuk menyediakan cangkuk struktur untuk elemen yang tersisa di halaman, menjadikannya yang paling penting.
07. Gunakan skala, kontras, dan harmoni
Akhirnya, penggunaan skala boleh menjadi kaedah yang sangat berkesan untuk mencapai keseimbangan visual yang baik dalam susun atur anda. Dengan menjadikan beberapa elemen lebih besar daripada yang lain, rasa teratur dan hierarki akan muncul. Ini membantu mewujudkan susun atur yang selesa kerana pemirsa akan melihat elemen yang lebih besar dalam susun atur secara automatik terlebih dahulu, kemudian menuju ke elemen yang lebih kecil ketika mereka membaca.
Prinsip ini juga berfungsi dengan peningkatan kontras, sehingga dengan mengasingkan elemen pada halaman melalui kontras akan membuat mata fokus pada titik itu terlebih dahulu. Ini memberikan jalan masuk ke halaman, dan sekali lagi memberikan titik struktur yang berguna untuk mengembangkan susun atur anda dari.
Skala dan kontras berfungsi paling baik apabila berlaku pada satu elemen, menjadikannya menonjol dari bahagian susun atur anda yang lain. Gunakan prinsip-prinsip harmoni untuk membuat yang lain merasa terhubung dan menonjolkan titik fokus.
