Mencoba Latar Pastel untuk Area Posting
Belakangan ini entah mengapa saya sangat tertarik mencoba keluar dari pakem atau kebiasaan umum, khususnya yang berkaitan dengan warna latar blog. Banyak yang bilang bahwa latar putih adalah yang terbaik, terutama untuk area posting (dengan hitam sebagai warna hurufnya).
Asumsi ini sempat menjadi patokan saya dan sekaligus jadi pegangan saya selama setahun lebih ngeblog. Saya bahkan sempat menyarankan bahwa salah satu cara meningkatkan pageview blog yakni dengan menggunakan kombinasi latar putih dan font hitam (untuk area posting).
Namun setelah saya timbang, sepertinya warna pastel (lembut atau kalem) cocok juga untuk digunakan sebagai latar area posting. Dengan catatan, warna huruf tetap dipilih hitam.
Apa kelebihan latar pastel dibanding latar putih?
Pada kondisi malam hari (atau pada ruangan yang menggunakan penerangan lampu), warna latar pastel bisa meminimalisir kelelahan mata pembaca ketika menyimak konten. Itu jika penggguna PC/notebook tidak meredupkan kontras layarnya.
Ada kutipan menarik soal ini.
Di dunia komputer, web khususnya, teks hitam (#000) di atas latar putih (#fff) pun bisa jadi bukan pilihan yang tepat. Karena dianggap terlalu kontras. Apalagi jika whitespace yang benar-benar berwarna putih dianggap terlalu luas atau banyak mendominasi. Sehingga pancaran cahaya layar monitor menjadi menyilaukan mata. Apalagi untuk membaca jangka lama.
Saya kira ada benarnya juga pernyataan di atas (dikutip dari artikel Keterbacaan Web Latar Gelap). Kelelahan baca akibat penggunaan latar putih akan lebih mudah terjadi jika theme/template yang digunakan sangat polos alias terlalu dominan warna putih. Mohon maaf jika ada di antara pembaca yang merasa punya blog dengan theme seperti itu. Ini cuma penilaian yang mungkin kurang obyektif.
Tentunya kelelahan membaca tidak semata karena latar putih yang terlalu dominan. Latar gelap pun tetap beresiko membuat lelah. Oleh sebab itu, saya memutuskan untuk mengambil jalan tengah saja.
Semoga membuat anda sebagai pembaca tidak cepat lelah ya. Tapi sekali lagi, ini masih bersifat eksperimen.
Bagaimana menurut anda dengan tampilan latar pastel di area posting ini?
–> Referensi lain : 6 Tips Membuat Tipografi Lebih Menarik & Mudah Terbaca
Menu Lainnya »» Atas » Depan » Arsip » Kontak » Bawah
Add KafeGue di Facebook 
Follow KafeGue di Twitter
Tautan Cepat »» Beri Komentar | Baca Ulang Posting
Baca Komentar | Menuju Posting Terbaru
Posting Terkait :
- Kenapa Harus Takut Kehilangan Pembaca Blog Anda?
- Maaf, Saya Bukan Master, Blogger Terkenal atau Gila Trafik
- Di Balik Larangan Penggunaan Floating Script pada TOS IdBlogNetwork
- 3 Kriteria Penilaian Saya untuk Merekomendasikan Blog yang Layak Jadi Publisher IBN
- Facebook Jadi Penyumbang Trafik Terbesar Blog Ini untuk Referrer Site
WordPress 3.0
[...] Theme yang dominan berlatar putih juga acapkali dinilai sebagai theme yang bersih. Why? Saya sendiri masih bingung dengan makna ‘bersih’ yang sering dikatakan tersebut. Apa dengan begitu, theme yang tidak berlatar putih itu identik dengan theme yang ‘kotor’? Contohnya theme yang saya gunakan pada blog ini. Sengaja saya gunakan latar selain warna putih (pada latar utama, header, area posting, sidebar, area komentar, serta footernya). Alasannya? Silakan baca postingan blog ini tentang latar pastel. [...]
WordPress 2.9.2
[...] area posting, sidebar, footer, hingga area komentar. Prioritas utama tentu saja dimulai dari area posting. Lalu berlanjut pada merapikan tampilan sidebar, menu navigasi, dan akhirnya area [...]
Firefox 3.6.3 | Windows XP
Saya sendiri masih menggunakan warna dominan putih untuk latar, tapi saya setuju warna latar putih memang membuat mata lelah ketika berlama-lama, apalagi dalam kondisi kurang pencahayaan.
Tetapi saya rasa pemakai komputer saat ini sudah cukup jeli untuk mengatur kontras layar komputer mereka agar tidak “menyakitkan” mata. :-) Just my opinion
.-= imadewira´s last blog ..Prediksi Big Match Liga Inggris : MU vs Chelsea =-.
Google Chrome 5.0.360.4 | Windows XP
@imadewira,
Semoga para pemakai adalah mayoritas pemakai pintar yang sudah jeli dalam mengatur kenyamanan baca mereka di layar PC/laptop. Tips di atas cuma efektif dalam kondisi kurang pencahayaan atau di malam hari saja sih.
Thx buat pendapatnya yang selaras dengan opini saya Bli :beer:
Firefox 3.0.19 | Windows XP
@imadewira,
ada pepatah bilang, lain ilang laen belalang. bener banget yang dibilang imadewira. Pengaturan kontras pada monitor itu mesti sangat membantu kita untuk surfing di internet :)
Firefox 3.6 | Windows 7
saya test dengan mata tua saya di malam hari, betul mas Is… background warna pastel lebih sejuk buat mata. Saya baru menyadarinya, padahal saya memang mulai repot dengan penglihatan saya nih..
.-= suarakelana´s last blog ..Hati-hati Dengan Pikiran Anda ! =-.
Firefox 3.6.2 | Windows XP
@suarakelana,
Wah, berarti ada benarnya juga rekomendasi dari pihak yang berkompeten di bidang web, bahwa latar pastel lebih sehat untuk mata/penglihatan, terutama di malam hari dengan penerangan lampu. Makasih buat pendapatnya Pak.
Firefox 3.0.3 | Windows XP
ternyata untuk kesehatan mata juga ya mas…… :iloveindonesia :iloveindonesia :recsel :rate
.-= hakim´s last blog ..Indah dan Nikmatnya Blogwalking =-.
Firefox 3.6 | Windows XP
@hakim,
Baru tau kan kalo latar kalem itu bagus buat mata :nerd :nerd :nerd
Namoroka 3.6 | Arch Linux
Hanya sedikit menambahkan. Jadi, salah satu rekomendasi (bukan aturan yang mengikat) W3C di Web Content Accessibility Guideline (WCAG) 2.0 menyebutkan:
Sumber: Understanding WCAG 2.0.
Benar, kembali ke selera masing-masing. Apalagi jika dilihat dari kacamata seni. :)
Maaf, daniiswara dot net sedang mengalami kerusakan harddisk di server US-nya idwebspace.
Firefox 3.5.7 | Windows XP
@dani,
Wah, harus pindah server kayaknya tuh Bli. Tambahannya semakin melengkapi tulisan saya di atas. Sip deh.
Firefox 3.6.2 | Windows Vista
saya juga pernah baca, kalau ga salah warna buram seperti kertas koran bisa membuat mata lebih tahan lama untuk membaca…
Salam Kreatif,
Octa Dwinanda
Firefox 3.6 | Windows XP
@online-business-story.com,
Wah, berarti ada benarnya juga ya kutipan yang saya sertakan di atas. Makasih sudah menambahkan Pak Octa. Lama juga nih nggak komen di sini :)
Saya malah nggak pernah komen lagi ya di blog Pak Octa. Mau ke tkp ah kalo gitu :tkp
Firefox 3.6.2 | Windows XP
mantap gan postingannya, tampilan latar dengan warna kalem lebih meneduhkan penglihatan
Firefox 3.6.2 | Windows XP
@belajar investasi, o ya, link nya dah dipasang di teman blogger
.-= belajar investasi´s last blog ..Belajar Investasi Tembus Alexa 200k =-.
Firefox 3.0.5 | Windows XP
@belajar investasi,
Wah, makasih banyak nih mas :cendol
Firefox 3.6 | Windows XP
Kalau menurut saya warna postingnya sudah cukup dan warna latar sidebarnya yang hitam kurang nyaman menurut saya.
Oya mas Is dibagiaan bawah footer kok ada scrip yang muncul tuh.
Firefox 3.0.5 | Windows XP
@Zaiful Anwar,
Script itu tanda ada error pada proses query ke database mas. Saya belum bisa menghilangkannya sampai saat ini. Soal latar sidebar, saya masih pengen mempertahankannnya mas :)
BlackBerry 8520 | BlackBerry 8520
Saya belom melihat warnanya seperti apa, karena saya pake HP.
Tetapi dilihat dari sudut pandang saya sebagai pembaca ketika blogwalking, saya menyukai latar putih. Hitam, bisa langsung saya tinggalkan bahkan ketika saya belum sempat baca apapun isinya! Kecuali isinya spektakuler, saya pilih langganan feednya saja dari blog yang tampilannya ‘aneh-aneh’.
Untuk blog saya, warna huruf memang kurang jelas, seharusnya hitam, tapi masih males ngutak-ngutik cssnya.
Firefox 3.0.5 | Windows XP
@isnuansa,
Kalo saya sih, tergantung kualitas atau karakter tulisan-tulisan di blog berlatar hitam/gelap tsb. Kalo menurut saya bagus dan bermanfaat, saya tetap enjoy menyimak kontennya. Salah satu blog berlatar hitam yang bagus kontennya yaitu dhenk dot kom. Saya tetap suka berkunjung ke sana, walaupun latar postingnya hitam.
Firefox 3.5.5 | Windows XP
iya blogna indah banget dan enak dibaca gak menyilaukan
blogwalking
.-= antok´s last blog ..synopsis, OST Brilliant Legacy | Drama korea brilliant legacy episode =-.
Firefox 3.5.5 | Windows XP
wah punyaku juga putih heheh nanti tag buat sedikit lebih buram wes hehehhe
berkunjung dan ditunggu kunjungan baliknya
salam blogger
makasih
:D
Firefox 3.6.2 | Windows XP
Wah kalo aku tetap seneng warna cerah mas Is, tapi yaa semua kembali kepada selera masing2 yaa.
.-= Rafi´s last blog ..Berikan Saya Waktu 10 Menit !! Akan Saya Tunjukan Cara Mudah Untuk Mengusir Fikiran Negatif Anda =-.
Firefox 3.6 | Windows XP
@Rafi,
Kalo menurut saya ini tidak semata demi selera sih, tapi demi lebih memberikan kenyamanan baca saja buat pengunjung. Hemat saya, warna latar putih yang terlalu dominan bisa membuat mata cepat lelah, terutama jika dibaca di malam hari.
Firefox 3.5.3 | Windows XP
kalau menurut gus, kedua opini tersebut sah2 saja di kalangan dezigned theme… karena warna putih sebagai latar blog karena biar theme kita terkesan elegan dan minimalis..
Saya juga pernah nglakuin apa yang dilakukan Kang Yudiono dengan berbagai latar, warna huruf dan time huruf theme punya gus malah baik dengan warna putih dan mengedepankan unsur minimalis dan memanjakan pengunjung dengan warna yang elegan dan minimalis..
Dan saya paling seneng dengan latar punyanya bungeko, campur aduk warnanya merata dan berkesinambungan…
Gus coba instal plugin wp thread ga bisa maksimal fungsinya malah error
Firefox 3.6 | Windows XP
@Gus Ikhwan,
Kesan minimalis dan elegant sebenarnya bukan semata ditentukan oleh warna latar kalo menurut saya Gus. Seperti tanggapan saya atas komentar Kang Yudiono di atas :)
Kalo blog Bungeko, emang nyaman banget buat disimak/dibaca, walaupun sama sekali tidak menggunakan latar putih. Mungkin karena pemilihan warna krem dan kombinasinya pas banget yach.
Firefox 3.0.15 | Windows XP
@iskandaria,
Kalau background warna putih itu sebenarnya memudahkan kita buat menambah warna yang lainnya, kalau warna putih kita akan mudah mengatur warna yang lainnya..
iya bung eko bagus banget redezigned themenya.. arna krem dan kombinasinya pas banget dan edit htmlnya juga bagus kayak photoblog
mampir balik ya mas is, ada postingan baru dan gus minta alamat FBnya dong
Firefox 3.6 | Windows XP
@Gus Ikhwan,
Blog Gus Ikhwan masih nggak bisa dibuka tuh. Nggak tau kenapa ya? Mungkin cuma terjadi jika diakses dari daerah tertentu. Jadi maaf nih belum bisa kasih komentar buat postingan baru Gus Ikhwan.
Soal latar putih memudahkan kita buat menambah warna lainnya, memang ada benarnya juga sih. Tapi yang penting kombinasi warnanya saja kalo menurut saya Gus. Bung Eko emang jago banget tuh dalam me-redesain sebuah template blogspot.
Kalo alamat FB, terus terang aja saya nggak punya Gus :malu2
Firefox 3.0.15 | Windows XP
@iskandaria,
Iya ni apa gus perlu pindah hosting ke server lokal ya???
la gus malah masih agak kesulitan buat menggabungkan warna menjadi satu..
kapan2 gus coba ah pake colourfull biar terkesan rame..
tapi untuk sementara waktu ini gus malah seneng pake backgroung putih
yapi pengin juga pake warna soft
Firefox 3.6.2 | Windows XP
Masih semangat out of the box ya mas Is… Lanjutgan…
Firefox 3.6 | Windows XP
@Andre,
Oke Gan :recsel
Firefox 3.6 | Windows XP
Mas Iskandar,
OOT saya sudah send email melalui form kontak.
Mohon dicek, semoga membantu. :tabrakan:
Firefox 3.6 | Windows XP
@aldy,
Sudah saya balas ya Mas Aldy. Makasih sudah mencoba contact form :cendol
Firefox 3.6 | Windows XP
@iskandaria, siip, bukan ngetes loh, siapa tahu suatu saat saya membutuhkan kontak form tersebut. Kan kalau nggak dites nggak tahu mas Is. Lagi kurang kerjaan ne. :peluk
Firefox 3.0.5 | Windows XP
@aldy,
Sip lah kalo begitu :maho
Firefox 3.6 | Windows XP
Saya sudah bereksperimen dengan menggunakan beragam warna area postingan, namun hasil eksperimen saya menunjukkan bahwa putih tetap yang terbaik. Hasil eksperimen ini bukanlah suatu pakem, namun pengalaman pribadi saja.
Dalam pandangan saya, latar area postingan bergantung selera dan tujuan yang hendak dicapai (bersifat subjektif). Dalam setiap postingan, saya sering menyisipkan screen shoot sebagai bagian dari tutorial yang saya tulis. Screen shoot tersebut sangat matching dengan latar belakang putih.
Sebenarnya, kontrasnya warna putih bisa diminimalisir dengan menyisipkan gambar di tengah-tengah postingan. Cara seperti ini dilakukan oleh DoshDosh di setiap postingannya.
Selain itu, TechCrunch merupakan bukti nyata contoh blog berlatar putih. Saya tergila-gila dengan desain blog yang berpelanggan RSS 4,2 juta. So simple but elegant.
.-= Kang Yudiono´s last blog ..Poling: Browser Apa yang Anda Gunakan? =-.
Firefox 3.6 | Windows XP
@Kang Yudiono,
Hasil eksperimennya apakah didukung oleh data/statistik yang terjadi atau sekadar “perasaan” Kang? :) Misalnya begini : setelah mencoba latar putih, ternyata pageviews harian atau pageview per visit meningkat. Maksud saya begitu kalau kita mau menyimpulkan bahwa latar putih adalah yang terbaik.
Mengenai penyisipan gambar di tengah posting, memang cukup ampuh untuk mengurangi kelelahan pembaca. Saya lihat trik tsb juga diterapkan oleh beberapa designer web dalam negeri. Misalnya jurusgrafis dot kom.
Kalau masalah simpel tapi elegant, menurut saya tidak semata didukung oleh latar putih atau polos. Kesan simpel lebih kepada desain yang tidak terlalu rumit, tidak terlalu banyak kolom, dan tidak terlalu banyak widget. Jadi bukan semata karena latar putih.
Kalau masalah elegant, saya rasa juga tidak semata didukung oleh latar putih Kang. Kesan elegant lebih terpancar pada desain dan kombinasi warna theme. Bukan pada pemilihan latar putih/polos.
Kesimpulan saya, makna simpel dan elegant mungkin perlu ditafsirkan secara lebih luas :cool:
Firefox 3.6 | Windows XP
@iskandaria,
Yup, saya melihat pageview bulanan blogoldar berdasarkan Google Analytics. Hampir setiap bulan meningkat setelah berganti putih.Tentunya ada faktor lain yang mendukung peningkatan page view tersebut, bukanlah semata warna area postingan.
Mohon dikoreksi, latar belakang putih adalah yang terbaik bagi saya (based on my experiments). Penekanan saya di sini adalah latar belakang putih bukanlah pakem seperti yang Mas Is nyatakan pada tulisan ini. Saya tidak menyarankan setiap blogger memakai warna putih di area postingannya.Semua tergantung selera masing-masing dan hasil eksperimennya.
Mengenai simpel dan elegant, betul bahwa subjektif. Bagi selera saya, TechCrunch adalah blog dengan desain terbaik karena simpel (tidak beraneka warna) dan tata warnanya yang pas. Sekali lagi, selera saya tentunya berbeda dengan yang lain.
.-= Kang Yudiono´s last blog ..Poling: Browser Apa yang Anda Gunakan? =-.
Firefox 3.6 | Windows XP
@Kang Yudiono,
Iya Kang. Saya ngerti bahwa “terbaik” yang Kang Yudiono maksudkan ialah menurut hasil pengalaman sendiri (subyektif). Silakan diteruskan saja jika memang sangat mendukung trafik/pageviews yang terjadi. Toh buat saya, blog Kang Yudiono cukup nyaman pada tamplan postingnya karena didukung oleh screenshoot. Lagian, tulisan-tulisan Kang Yudi di situ tidak banyak yang panjang. Jadi tidak terlalu masalah untuk disimak.
Mengenai simpel (selain faktor desain theme), saya cenderung menilai bahwa itu lebih kepada pemilihan kombinasi warnanya. Warnanya mungkin tidak ada latar putih. Tapi bisa tetap terkesan simpel jika paduan warna yang digunakan tampak serasi. Plus tidak terlalu banyak menggunakan warna berbeda. Misalnya cukup dengan kombinasi 3-5 warna utama. Lebih dari itu mungkin terkesan ramai.
Satu lagi, kesan simpel juga dipengaruhi oleh lay-out (tata letak atau tata penempatan menu dan juga widget).
Silakan jika masih ada yang ingin ditambahkan Kang.
Google Chrome 4.1.249.1042 | Windows XP
Sekali-kali tampil di luar kebiasaan asyik juga kok. Asal jangan terlalu banyak memakai warna kontras. Bisa saling bertabrakan dan kesannya seperti tempelan origami.
.-= Agus Siswoyo´s last blog ..Kembangkan! Karna selama kita berkembang, kita terus dipake orang! =-.
Firefox 3.6 | Windows XP
@Agus Siswoyo,
Iya mas, saya rada jenuh dengan pakem lama yang sepertinya terlalu monoton. Padahal kita bisa mencoba hal-hal baru, sepanjang itu tidak membuat tulisan menjadi susah dibaca. Soal tabrakan, memang masalahnya pada kombinasi warna yang dipilih sih. Saya masih perlu banyak belajar dan berimajinasi untuk menemukan kombinasi warna yang pas. Thx buat masukannya mas.
Google Chrome 4.1.249.1036 | Windows XP
Wah, kalau latar belakangnya warna soft grey gitu gimana?
btw, kalo ditanya gimana tampilan latar pastel blog ini, di bagian postingannya masih terlihat cerah dengan dominan putihnya gitu.
hm, tapi ga masalah dengan pembaca pagi/siang hari kan? hehehe.
–AMYunus
Firefox 3.6 | Windows XP
@AMYunus,
Warna soft grey sebagai latar juga oke kok, kayak warna latar komentar Mas Yunus di atas :) Oya, di bagian posting ini (pada blockquote) memang saya setting berlatar putih. Ini cuma untuk memberi variasi tampilan latar. Entah serasi atau tidak ya kombinasi dengan latar pastelnya?
Membaca di pagi/siang hari di ruangan yang cukup penerangan alaminya (bukan penerangan lampu) saya rasa tidak ada masalah dengan latar putih yang terlalu dominan.