{"id":18182,"date":"2021-08-24T16:47:24","date_gmt":"2021-08-24T09:47:24","guid":{"rendered":"https:\/\/www.makewebeasy.com\/id\/blog\/?p=18182"},"modified":"2021-08-24T16:47:24","modified_gmt":"2021-08-24T09:47:24","slug":"whitespace-pada-website","status":"publish","type":"post","link":"https:\/\/www.devmakewebeasy.com\/id\/blog\/whitespace-pada-website\/","title":{"rendered":"Whitespace: Ruang Kosong yang Membuat Website Luar Biasa"},"content":{"rendered":"

Mungkin banyak orang (bisa jadi kamu salah satunya) pernah mengalami kebingungan dalam membuat desain website.<\/span><\/strong><\/p>\n

Seperti contohnya: sudah memiliki banyak konten bergambar namun desain websitenya masih terasa tidak menarik.<\/span><\/p>\n

 <\/p>\n

Pada artikel ini, kita akan mengenal Whitespace.<\/span><\/p>\n

Sebuah ruang kosong yang tidak hanya berarti ruang polos pada website, tapi juga merupakan elemen penting untuk membuat website-mu indah dan sempurna.<\/span><\/p>\n

 <\/p>\n

Apa itu <\/strong>Whitespace?<\/strong><\/span><\/p>\n

\"WhitespaceReferensi website dari <\/span>http:\/\/www.energeticthemes.com\/templates\/shopmade\/home-4.html<\/span><\/a><\/span><\/p>\n

 <\/p>\n

Whitespace adalah ruang kosong pada sebuah website.<\/strong><\/span><\/p>\n

Walaupun namanya White yang artinya Putih bukan berarti hanya mengacu pada ruang yang berwarna putih, tetapi juga mencakup semua warna lainnya. Whitespace akan membantu desain selaras, terlihat lebih baik, dan lebih terorganisir. Bagaimana jika menggunakan Whitespace dalam desain website? Apa yang Whitespace berikan pada desain website-mu? Mari simak!<\/span><\/p>\n

 <\/p>\n

1. Membuat Teks <\/strong>Lebih Jelas, Mudah Dibaca, dan <\/strong>Mengatur Konten<\/strong><\/span><\/p>\n

Penggunaan Whitespace tidak hanya terbatas pada ruang kosong, namun bisa juga digunakan untuk mengelola teks bacaan pada website-mu. Salah satunya adalah spasi antar karakter atau spasi baris yang harus sesuai, tidak bias, tidak terlalu berdekatan. Hal ini akan membuat pengunjung website lebih mudah membaca dan nyaman memandang teks bacaan.<\/span><\/p>\n

\"Whitespace<\/p>\n

Di sisi lain, jika kamu tidak memberikan spasi atau jarak yang sesuai pada teks bacaan akan membuat pembaca atau mereka yang mengunjungi website-mu merasa bahwa halaman website-mu berantakan dan sulit dibaca hingga akhirnya akan menutup website-mu. Teks bacaan yang jaraknya bagus akan meningkatkan keterbacaan hingga 20%.<\/span><\/p>\n

 <\/p>\n

2. Membuat Titik Fokus untuk Konten Penting <\/strong>dan Hal yang Ingin <\/strong>Dipresentasikan<\/strong><\/span><\/p>\n

Pembuatan desain website yang menempatkan terlalu banyak gambar dalam konten dapat menyebabkan pengunjung website kebingungan dalam menerima informasi dan tidak tahu konten mana yang harus difokuskan dengan tepat. Whitespace menjadi penolong yang baik untuk memecahkan masalah ini karena ruang kosong pada website dapat membantu menavigasi fokus pembaca. Whitespace membuat titik fokus objek, orang, atau pesan apa pun agar menarik perhatian pembaca terhadap apa yang ingin kamu sampaikan.<\/span><\/p>\n

\"WhitespaceReferensi website dari https:\/\/www.apple.com\/iphone<\/a><\/span><\/p>\n

Sebagai contoh pada website Apple, kamu akan melihat bahwa website tersebut memiliki sangat sedikit teks atau gambar. Tapi kamu tidak merasa website itu terlihat kosong, sebaliknya kamu merasakan kemewahannya. Kesederhanaan yang mewakili produk dan sekaligus membuat produk menonjol.<\/span><\/p>\n

 <\/p>\n

3. Menciptakan Perasaan Mewah <\/strong>pada Desain Website<\/strong><\/span><\/p>\n

Kemewahan dan Whitespace berjalan beriringan. Whitespace yang digunakan dalam desain website akan memberikan perasaan sederhana tapi terlihat mewah pada saat yang bersamaan.<\/span><\/p>\n

\"WhitespaceReferensi website dari https:\/\/www.dior.com\/en_int<\/a><\/span><\/p>\n

Ruang kosong tidak hanya menciptakan keseimbangan yang harmonis dalam desain, tapi juga merupakan kunci untuk membuat website-mu terlihat cantik, indah, teratur, dan rapi. Whitespace akan membuat pengunjung website terhibur. Jadi kamu tidak boleh melihat Whitespace hanya sebagai ruang kosong yang tidak berguna pada wesbite. Namun Whitespace adalah elemen penting yang akan memberikan estetika sempurna pada website-mu.<\/span><\/p>\n

Alhasil, desain yang cantik tidak hanya tentang tata letak teks dan gambar, tetapi juga harus ada ruang kosong pada wesbite-mu.<\/span><\/p>\n

 <\/p>\n

MakeWebEasy memiliki template cantik dan bersih yang siap membuat website bisnismu terlihat berkelas. Dengan menggunakan template yang tersedia, kamu dapat membuat wesbite-mu terlihat luar biasa.<\/span><\/p>\n

Belum punya website untuk bisnismu? Miliki sekarang!<\/a><\/span><\/span><\/strong><\/p>\n

\"Template \"Template<\/p>\n

 <\/p>\n

Follow akun media sosial MakeWebEasy<\/span><\/a> berikut untuk mendapat tips lainnya!<\/span><\/strong><\/p>\n

\"Facebook<\/a>\"Instagram<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Mungkin banyak orang (bisa jadi kamu salah satunya) pernah mengalami kebingungan dalam membuat desain website. Seperti contohnya: sudah memiliki banyak konten bergambar namun desain websitenya masih terasa tidak menarik.   Pada artikel ini, kita akan mengenal Whitespace. Sebuah ruang kosong yang tidak hanya berarti ruang polos pada website, tapi juga merupakan elemen penting untuk membuat […]<\/p>\n","protected":false},"author":52,"featured_media":18189,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1733,1779],"tags":[1796,1804,1805,1806,1810,1811,1812,1813,1814,1815,1816,27,38],"yoast_head":"\nWhitespace: Ruang Kosong yang Membuat Website Luar Biasa<\/title>\n<meta name=\"description\" content=\"Whitespace akan membantu desain terlihat lebih baik dan lebih terorganisir. Bagaimana jika menggunakannya dalam desain website?\" \/>\n<meta name=\"robots\" content=\"index, follow\" \/>\n<meta name=\"googlebot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta name=\"bingbot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.makewebeasy.com\/id\/blog\/whitespace-pada-website\/\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Whitespace: Ruang Kosong yang Membuat Website Luar Biasa\" \/>\n<meta name=\"twitter:description\" content=\"Whitespace akan membantu desain terlihat lebih baik dan lebih terorganisir. Bagaimana jika menggunakannya dalam desain website?\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.devmakewebeasy.com\/id\/blog\/wp-content\/uploads\/2021\/08\/Whitespace-pada-Desain-Website_MakeWebEasy-Indonesia_Jasa-Pembuatan-Website.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@makewebeasy\" \/>\n<meta name=\"twitter:site\" content=\"@makewebeasy\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","_links":{"self":[{"href":"https:\/\/www.devmakewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/posts\/18182"}],"collection":[{"href":"https:\/\/www.devmakewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.devmakewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.devmakewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/users\/52"}],"replies":[{"embeddable":true,"href":"https:\/\/www.devmakewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/comments?post=18182"}],"version-history":[{"count":3,"href":"https:\/\/www.devmakewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/posts\/18182\/revisions"}],"predecessor-version":[{"id":18192,"href":"https:\/\/www.devmakewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/posts\/18182\/revisions\/18192"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.devmakewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/media\/18189"}],"wp:attachment":[{"href":"https:\/\/www.devmakewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/media?parent=18182"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.devmakewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/categories?post=18182"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.devmakewebeasy.com\/id\/blog\/wp-json\/wp\/v2\/tags?post=18182"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}