Referensi Design 02: Halaman detail artikel pada blog
"Bikin design Blog itu mudah"

Saya dulu berpikir begitu dan tiap membuat design blog dan halaman detail blog hasil nya ya gitu gitu aja. Judul, gambar, isi artikel. Terasa membosankan.

"Tapi bukan nya design blog memang elemen nya hanya itu itu saja ya?"

Ya bener sih, maka dari itu saya kerap mencari referensi design blog agar khasanah layout untuk design blog yang saya ketahui juga berkembang.
Tanggal
Maret 20, 2022
Penulis
Dwinawan
Estimasi
1 menit
Kategori
Referensi Design
Artikel ini membahas tentang apa?
Membahas layout halaman detail artikel yang bisa dijadikan referensi saat membuat design blog. Sehingga hasil nya tidak gitu gitu saja.
• • •
Webflow
Ini sebenarnya bukan halaman blog tapi halaman case study. Tapi saya masukkan kesini karena layoutnya bisa dijadikan inspirasi halaman blog. Layout dan komposisi nya menurut saya sangat rapih. Banyak komponen dan informasi di kiri-kanan tetapi pembagian nya jelas dan terlihat jelas pemisahan nya.
Jika diperhatikan, yang membuat design diatas terlihat cakep adalah bagaimana designer nya membuat perbedaan untuk teks biasa, teks kutipan dan teks heading.
Diambil dari website Webflow Case Study
• • •
Himalayas
Design dibawah ini juga rapih dan terstruktur. Pembagian komposisi nya jelas. Pemisahan antar bagian nya juga jelas, judul, foto, isi artikel, semua nya terstruktur hingga enak dilihat.
Yang saya suka dari design di atas adalah, banyak nya informasi yang ditampilkan tetapi tetap terlihat rapih. Coba kita lihat ada apa saja disana: Judul artikel, foto, deskripsi singkat, info penulis, isi artikel, daftar konten artikel, elemen subscribe email, elemen share ke sosial media.
Diambil dari website Himalayas Blog
• • •
Framer
Tentu saya suka design dibawah ini karena judul nya bold dan besar. Jadi walaupun terkesan sepi karena elemen nya hanya sedikit, tidak sebanyak dua design di atas, tetapi menurut saya design dibawah ini tetap terlihat penuh karena penggunaan teks pada judul yang sangat menonjol dan mengisi ruang ruang kosong.
Lalu coba lihat huruf C yang besar itu di awal isi artikel (Community has always been...). Aih sungguh manis sekali. Sentuhan kecil tapi mengena, saya sudah jarang menemui halaman blog yang menggunakan hal seperti itu. Sangat klasik.
Diambil dari website Framer Blog
• • •
Dribbble
Yang membuat saya tertarik dengan design dibawah ini adalah penempatan gambar yang overlap atau menumpuk dengan bagian judul. Kesan nya jadi eksklusif, tidak biasa, unik dan tentu saja bagus.
Diambil dari website Dribbble Blog
• • •
Seberapa suka kamu dengan artikel ini?