Menggunakan Ruang Kosong untuk Membuat Reka Bentuk Laman Web yang Hebat

Pendedahan: Sokongan anda membantu mengekalkan laman web ini! Kami memperoleh bayaran rujukan untuk beberapa perkhidmatan yang kami cadangkan di halaman ini.


Perkataan seperti “bersih,” ?? “Sederhana,” ?? “Mewah,” ?? dan “berkesan” ?? sering tercampak ketika bercakap mengenai ruang kosong. Tetapi semudah itu untuk melayakkan ruang kosong sebagai elemen reka bentuk – dan minimalisme sebagai teknik reka bentuk yang menggunakannya – adakah anda tahu bagaimana menggunakan ruang kosong dalam reka bentuk web?

Cara Menggunakan Ruang Kosong Dengan Lebih Berkesan

Untuk memulakan, terdapat beberapa perkara yang perlu anda ketahui mengenai ruang kosong sebelum menggunakannya di tempat kerja anda.

  • Ruang kosong juga dikenali sebagai ruang negatif.
  • Walaupun ruang kosong menunjukkan kekurangan konten dalam area yang ditetapkan, itu sama sekali tidak mengenai kekosongan. Ruang kosong adalah elemen reka bentuk.
  • Kunci untuk bekerja dengan betul dengan ruang kosong adalah kemampuan untuk mempertimbangkan semua ruang. Sekiranya anda memahami hubungan antara semua elemen yang berbeza di laman web, anda boleh menggunakan ruang kosong untuk mempengaruhi dan meningkatkan hubungan tersebut.

Dalam soal reka bentuk web, sebenarnya lebih kurang. Katakan dengan lebih sedikit perkataan. Permudahkan palet warna anda. Gunakan grid semula jadi. Dengan kata lain, ambil keseluruhan gambar dan rancang laman web anda dengan lebih strategik dengan ruang kosong. Anda mungkin terkejut dengan faedah yang akan anda peroleh sebagai ganti untuk melakukannya:

  • Lebih menarik perhatian pengunjung ke Seruan Tindakan (CTA).
  • Tingkatkan organisasi dan keseimbangan supaya semuanya lebih senang dicari.
  • Meningkatkan keterbacaan kandungan.
  • Sampaikan rasa kemewahan yang pada gilirannya pengunjung akan kaitkan dengan jenama anda.
  • Menarik hubungan dengan jenama seperti Google dan Apple yang juga menggunakan reka bentuk dan ruang kosong yang bersih dan ringkas.

Kedengarannya hebat, bukan? Baiklah, inilah masanya untuk melihat 12 cara anda boleh menggunakan ruang kosong dengan betul di laman web anda.

1. Buat Titik Fokus

Apabila anda memikirkan tentang laman web yang sangat minimum dan asas dalam reka bentuk, namun sangat berkesan dalam misinya, kemungkinan besar anda akan membayangkan Google. Sudah pasti bahagian terpenting dari laman web ini – dan bukan hanya kerana mereka mempunyai logo dan kotak carian berwarna di halaman. Dengan semua ruang kosong itu, anda tidak dapat menahan mata anda ke pusat.

2. Ringkas Teks

Ruang kosong bukan sekadar memberi tumpuan kepada bahagian penting laman web. Ia juga dapat digunakan dengan berkesan untuk menjadikan banyak kandungan dalam satu kawasan lebih mudah dibaca. Halaman utama Mozilla telah melakukan ini dengan menggunakan warna yang kuat, ruang terbuka, dan keseimbangan untuk meningkatkan keterbacaannya.

3. Pad Margin Halaman

Ingat di sekolah ketika anda menukar margin halaman anda menjadi 1,25 ″ ?? dan harap guru tidak menyedari penambahan tambahan untuk membuat laporan anda muncul lebih lama daripada yang sebelumnya? Anda bernasib baik, kerana margin yang lebih luas sebenarnya sangat berkesan untuk menarik perhatian ke tengah halaman. iA memberikan contoh yang baik untuk ini.

4. Susun Halaman secara konsisten

Ruang kosong sering digunakan untuk menetapkan irama dan susunan struktur laman web. Ambil Dropbox, misalnya. Anda tahu bahawa akan ada sebilangan teks di satu sisi, gambar di sisi lain, dan jurang ruang yang besar untuk memperkenalkan bahagian berukuran sama seterusnya.

5. Reka Bentuk Asimetri Imbangan

Apabila kita memikirkan tentang simetri dalam reka bentuk biasanya semudah, “Saya mempunyai gambar di sisi ini, jadi saya akan menambahkan gambar atau teks dengan berat yang sama di sisi lain.” ?? Kadang-kadang, bagaimanapun, asimetri kelihatan sama kemas dan logik seperti reka bentuk simetri, seperti di halaman Apple iPad.

6. Menjalin Hubungan

Teknik ruang kosong ini agak sukar ditarik daripada yang lain kerana anda mesti mencari tempat yang tepat untuk melakukannya. Salah satu contoh terbaik adalah dalam jadual harga atau perkhidmatan. Walaupun beberapa syarikat menggunakan cek dan X untuk mengisi semua ruang, WordPress melakukan pekerjaan yang baik dalam menggunakan ruang negatif untuk menunjukkan berapa banyak yang anda dapat dengan rancangan harga mereka.

7. Carta Kursus

Anda tidak memerlukan anak panah atau slaid untuk membimbing pengunjung anda melalui jalan tertentu di laman web anda. Sebenarnya, jika anda menggunakan gambar berperingkat dan jumlah ruang kosong yang tepat, anda secara tidak langsung dapat memandu pengunjung anda dari atas ke bawah dengan mudah seperti yang dilakukan Apple.

8. Beri Ruang Navigasi untuk Bernafas

Bar navigasi adalah tempat yang bagus untuk bermain-main dengan ruang terbuka yang luas. Gunakan ruang kosong untuk memberi penekanan pada logo seperti Philip House. Atau gunakan menu tarik-keluar yang memberi ruang menu mega untuk bernafas seperti yang dilakukan oleh Bulgari. Peraturan yang sama harus berlaku untuk footer.

9. Buat Drama

CTA adalah mengenai menggunakan emosi untuk mendorong pengunjung mengklik butang atau mengisi borang atau membuat pembelian. Tetapi CTA tersebut tidak mempunyai kesan yang besar sekiranya anda tidak memberi mereka masa untuk membiarkan emosi itu terpancar. Imej wira Despreneur melakukan hal itu dengan “Adakah Anda Mengisi Cukup?” ?? memberi pengunjung masa untuk panik sebelum menawarkan penyelesaian hijau terang.

10. Tekankan Tipografi

Sekiranya anda menggunakan bentuk huruf yang lebih besar di laman web anda, itu kerana mereka memerlukan perhatian lebih. Dengan membina ruang tambahan di sekitar tipografi itu, anda memberi isyarat kepada pelawat bahawa di sinilah mereka perlu berhenti dan memberi perhatian sebelum beralih, seperti yang dilakukan oleh laman web superReal.

11. Gunakan Foto dengan Ruang Kosong

Ketika menggunakan ruang kosong di laman web, jangan merasa anda harus membuatnya sendiri. Dengan carian ringkas istilah “ruang negatif” ?? di Flickr dan Pixabay, anda akan mendapat lebih dari cukup pilihan untuk foto yang dapat anda gunakan yang akan membantu mengabadikan idea reka bentuk yang ringkas, bersih, dan strategik ini.

12. Buat Elemen Peekaboo

Walaupun idea untuk membuat huruf, bentuk, dan objek terkenal lain dengan hanya warna dan ruang kosong yang berani benar-benar hebat, sukar untuk dilaksanakan kerana memerlukan sekurang-kurangnya tahap pengalaman reka bentuk menengah. Dua contoh “peekaboo” yang lebih terkenal ?? elemen ruang kosong adalah anak panah pada logo FedEx dan burung merak di logo NBC. Logo bukan satu-satunya bahagian laman web anda di mana anda boleh menggunakan ruang kosong jenis ini.

Ruang kosong dalam Reka Bentuk Masa Depan

Dalam beberapa aspek, reka bentuk web lebih mudah hari ini daripada sepuluh tahun yang lalu. Kami mempunyai sistem pengurusan kandungan yang penuh dengan tutorial, pemalam dan tema untuk membantu bahkan pemaju dan webmaster yang paling baru dalam membina laman web. Sebaliknya, reka bentuk web jauh lebih sukar sekarang daripada sepuluh tahun yang lalu. Ini kerana kami mempunyai semua alat dan bahan rujukan ini yang menjadikan harapan jauh lebih besar daripada sebelumnya. Inilah sebabnya mengapa pereka dan pembangun yang ingin berdiri di atas persaingan dan membawa laman web mereka ke tahap yang lebih tinggi perlu mengetahui cara menggunakan ruang kosong dengan berkesan.

Bacaan dan Sumber Lanjut

Kami mempunyai lebih banyak panduan, tutorial, dan infografik yang berkaitan dengan reka bentuk web:

  • Mengarang HTML yang Baik: ini adalah pengenalan yang kukuh untuk menulis HTML dengan baik dan menggunakan perisian pengesah HTML.
  • CSS3 – Pengenalan, Panduan dan Sumber: ini adalah tempat yang bagus untuk memulakan pembelajaran susun atur halaman web.

Trend Reka Bentuk Web yang Anda Tidak Akan Lupakan

Setiap pereka ingin membuat dokumen abadi – dokumen yang tidak akan kelihatan rumit. Tetapi kita sering gagal dalam hal itu. Dalam Trend Reka Bentuk Web infografik kami, Anda Tidak Akan Lupa, kami menjalankan beberapa dekad reka bentuk yang pernah dianggap sebagai kesejukan.

Trend Reka Bentuk Web yang Tidak Akan Anda Lupakan
Trend Reka Bentuk Web yang Anda Tidak Akan Lupakan

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map