Warning: getimagesize(): http:// wrapper is disabled in the server configuration by allow_url_fopen=0 in /home/yfzbjhce/indonesiamendesain.com/wp-content/plugins/td-cloud-library/shortcodes/header/tdb_header_logo.php on line 792

Warning: getimagesize(http://indonesiamendesain.com/wp-content/uploads/2020/09/Screen-Shot-2020-07-16-at-13.07.54-300x136.png): failed to open stream: no suitable wrapper could be found in /home/yfzbjhce/indonesiamendesain.com/wp-content/plugins/td-cloud-library/shortcodes/header/tdb_header_logo.php on line 792

Warning: getimagesize(): http:// wrapper is disabled in the server configuration by allow_url_fopen=0 in /home/yfzbjhce/indonesiamendesain.com/wp-content/plugins/td-cloud-library/shortcodes/header/tdb_header_logo.php on line 792

Warning: getimagesize(http://indonesiamendesain.com/wp-content/uploads/2020/09/Screen-Shot-2020-07-16-at-13.07.54-300x136.png): failed to open stream: no suitable wrapper could be found in /home/yfzbjhce/indonesiamendesain.com/wp-content/plugins/td-cloud-library/shortcodes/header/tdb_header_logo.php on line 792

Apa Yang Harus Kita Lakukan Pada “White Space” atau Ruang Putih?

- Advertisement -
- Advertisement -
- Advertisement -

Saya punya masalah dengan ruang putih.

Saya terutama kesal karena hanya itu yang saya lihat setiap kali saya mencoba untuk duduk dan mengorek artikel baru. Namun, sisi baiknya, saya merasa sangat ironis bahwa saya bisa mengejanya tanpa spasi di antara kata-kata itu.

Tapi itu tidak penting.

Kemungkinannya Anda mungkin kurang tertarik pada interpretasi linguistik aneh saya daripada Anda dalam penggunaan dan utilitas spasi putih dalam dunia luas desain web. Dan aku tidak bisa menyalahkanmu. Itu subjek yang jauh lebih menarik.

Whitespace adalah teknik desain terkenal dan sangat dipuji yang telah menjadi semakin trendi selama beberapa tahun terakhir. Semua tata letak situs web yang paling menarik dewasa ini memiliki estetika minimalis yang unik, dan ruang putih selalu menjadi faktor utama dalam segala hal minimalis.

Untuk mendefinisikannya secara blak-blakan, itu adalah ruang kosong pada halaman, yang tidak harus berwarna pasty seperti namanya. Whitespace dapat berupa warna apa saja, jadi mungkin lebih akurat untuk menyebutnya sebagai ruang negatif, tetapi itu tidak menggelindingkan lidah dengan baik. Belum lagi tidak memiliki ironi lezat yang disebutkan di atas.

Apa pun itu, ini digunakan untuk menekankan konten dan menarik perhatian ke pesan-pesan terpenting halaman web. Whitespace membantu Anda mengembangkan hierarki visual di halaman. Dengan kata lain, bersama dengan semua elemen desain Anda lainnya seperti warna, tipografi, dan citra; whitespace membantu menentukan prioritas konten halaman Anda. Itu juga meningkatkan keterbacaan: meningkatkan keterbacaan, mengurangi kekacauan, dan meminimalkan kewalahan. Bahkan bisa membuat kesan anggun, gaya, dan kelas.

Sederhananya, ruang putih sangat penting untuk rasa keseimbangan dalam desain keseluruhan Anda.

Tentu saja, mengetahui semua ini sangat membantu jika Anda juga tidak mengerti cara memanfaatkan kekosongan di sekitar konten Anda. Jadi mari kita mempelajari kekosongan dan menemukan teknik yang tepat untuk menggunakan spasi putih dan mempelajari mengapa metode ini sangat efektif.

Meningkatkan Kegunaan

Selain memberikan situs web Anda yang mistis minimalis yang patut ditiru dan elegan, whitespace memiliki tujuan yang lebih praktis. Ini meningkatkan kegunaan. Melalui jarak antar paragraf dan margin yang cerdas, Anda dapat meningkatkan pemahaman pembaca lebih dari 20% seperti dicatat oleh Smashing Magazine pada tahun 2009 . Tentu saja ada banyak aspek yang lebih menarik pada efek spasi putih terhadap kegunaan, tetapi yang pertama dan terutama adalah konsekuensinya yang lebih baik dalam hal keterbacaan.

Keterbacaan

Ketika teks dan / atau konten dihancurkan bersama-sama, diberi jarak yang rapat, atau jika tidak, hasilnya terlalu berantakan, maka sebaiknya tidak digunakan.

 Ya Tuhan …

Masalah dengan kurangnya ruang kosong adalah hal itu menghasilkan tampilan yang luar biasa, karena kurangnya istilah yang lebih baik: tidak masuk akal, tidak terlihat, omong kosong Norwegia.

Sekarang bandingkan pusaran raksasa gambar dan teks ini dengan antarmuka yang lebih tenang yang masih menampilkan banyak item yang mungkin Anda tertarik untuk membeli di musim liburan mendatang:

Ah. Itu lebih baik. Kontras antara kedua situs ini sangat melegakan sehingga Anda hampir bisa memaafkan Wally-dunia karena mencoba membunuh Tracy Morgan . Satu pertempuran pada suatu waktu saya kira.

Mengesampingkan pernyataan yang dibuat terlalu umum dan sengaja dibakar, perhatikan bagaimana setiap item pada halaman web memiliki ruang sendiri untuk bernafas. Semuanya terlihat jelas dan mudah terbaca. Gambar ditempatkan dengan benar dan teks memiliki ruang siku yang diperlukan untuk pemahaman.

Mereka tidak menghasilkan bazillions dolar per tahun oleh orang-orang yang kebetulan.

Salah satu alasan mengapa desain ini sangat efektif adalah semua elemen pada halaman dapat diklik secara intuitif. Whitespace juga memiliki peran untuk dimainkan dalam hal ini.

Memprioritaskan konten

Inti dari memiliki sedikit real estat web Anda sendiri adalah memiliki ruang yang didedikasikan untuk mendistribusikan konten Anda. Pertanyaannya menjadi bagaimana Anda secara efektif menampilkan poin-poin paling penting yang harus dibuat oleh kehadiran online Anda? Jawabannya adalah dengan membuatnya menonjol.

Anda benar-benar dapat menghambat aliran pengguna Anda dengan memadatkan konten Anda. Seperti yang kita lihat dalam gambar di atas: halaman web tanpa spasi menjadi tidak dapat dibaca secara seragam . Anda tidak dapat memilih konten penting ketika semuanya terlihat sama. Apalagi mendeteksi sedikit konten mana yang lebih penting daripada yang lain. Jika Anda ingin konten terpenting Anda menonjol, Anda harus mengisolasinya, seperti pulau di laut kosong.

Melakukan hal itu akan meningkatkan keterbacaan seperti yang telah kita bahas. Selain itu, ini akan membantu pengunjung Anda menemukan konten yang mereka inginkan lebih cepat. Selain itu, ini dapat membantu Anda mengarahkan perhatian pengguna dari satu bagian situs Anda ke yang berikutnya. Menggunakan ruang kosong sebagai alat untuk memanipulasi aliran pengguna dikenal sebagai ruang kosong aktif . Itu spasi putih terbalik, terdiri dari semua margin dan spasi dalam tipografi itu sendiri.

Penggunaan ruang putih pasif dan aktif yang efektif akan membuktikan desain Anda dengan nuansa elegan yang akan mengesankan dan melibatkan audiens Anda.

Rasa Kecanggihan

Kredibilitas dan kualitas berjalan beriringan, dan ketika situs Anda secara efektif mengimplementasikan spasi putih dalam desain keseluruhannya, pengguna Anda merasa yakin akan keduanya dalam hal merek Anda. Estetika minimalis membuat imajinasi bebas untuk menyimpulkan nilai konten Anda. Tidak hanya itu, tetapi memberikan ruang bagi konten Anda untuk bernafas memberi kesan elegan, kecanggihan, dan bahkan ketenaran.

Perlu contoh? Mari kita pergi dengan sesuatu yang sedikit lebih berkelas dari Walmart kali ini.

Apakah Anda tidak tertarik — bahkan … terpaksa, untuk memeriksa perhiasan yang berada di luar gambar yang dapat diklik di sana? Jika jawaban untuk pertanyaan itu sama sekali bukan ya tegas, maka Anda harus terbuat dari batu. Atau mungkin tidak menjadi perhiasan wanita.

Nah, coba ini sedikit lain porno konsumen untuk ukuran:

Ha ha! Taruhan Anda ingin retile dinding Anda sekarang. Nah, kecuali Anda berada di Italia, atau seperti benar-benar dimuat, ini mungkin tidak tersedia untuk Anda. Lihatlah karya-karya ini dan iri hati.

Intinya di sini adalah bahwa semua ruang negatif ini hanya meneriakkan gaya, keanggunan, dan ketenangan yang tidak dapat diperbaiki. Terlebih lagi, tata letak ini sebenarnya terlihat bagus di berbagai area pandang. Yang membawa kita ke poin berikutnya.

Spasi dan RWD

Satu keprihatinan terus-menerus di garis depan pikiran setiap desainer adalah bagaimana menerapkan tren atau teknik secara responsif. Ruang kosong juga dapat berdampak besar pada perangkat seluler, meskipun sering difitnah karena keterbatasan ruang pada ponsel cerdas dengan layar yang lebih kecil.

Ada banyak contoh cara untuk mengimplementasikan RWD secara efektif , tetapi kadang-kadang sulit untuk membenarkan pengabdian ruang yang berharga dengan tidak adanya konten untuk klien Anda. Maka menjadi penting untuk menjelaskan gagasan yang mungkin berlawanan dengan intuisi bahwa keberhasilan integrasi ruang putih dalam viewport seluler seringkali lebih penting daripada biasanya.

Ini karena viewport seluler sudah penuh, sehingga ruang kosong pasif dan aktif dapat membuat perbedaan besar dalam tampilan dan nuansa UI seluler. Ruang kosong pasif memainkan peran penting dalam keterbacaan seperti yang telah kita bahas, dan pada viewport yang cukup kecil untuk membuat beberapa orang menyipit, ini menjadi sangat penting. Demikian pula, jika Anda ingin pengguna menggulirkan semua konten Anda dengan jari, sebaiknya Anda memastikan mereka dapat mengetahui elemen mana yang paling penting dengan mengisolasi tombol yang dapat diklik dan sebagainya.

Jika Anda berpikir teks dan gambar yang ramai dan luar biasa yang kami rujuk di atas terlihat buruk di desktop, bayangkan saja pada sesuatu yang Anda pegang di tangan Anda.

Desain web adalah topik yang kompleks. Ada sejuta hal yang dapat Anda terapkan dan ribuan metode berbeda untuk meletakkannya di halaman. Dalam dunia yang begitu penuh dengan kompleksitas, senang mengetahui bahwa salah satu prinsip utama yang digunakan desainer dalam pekerjaan mereka adalah yang didedikasikan untuk kesederhanaan. Apa saja contoh ruang kosong favorit Anda dalam desain web? Beri tahu kami di komentar.

sumber: awwwards.com

- Advertisement -

Latest articles

7,350 Followers
Follow

Related articles