Category Archives: Web Design

Web Design

Memahami Layout dalam Web Design

Telah banyak studi yang menunjukkan bahwa halaman web yang di-desain dengan baik akan memberikan inspirasi bagi pengguna website tersebut. Berikut ini beberapa hal yang patut dicermati sebagai dasar membuat layout website yang baik. Seberapa lebar halaman website yang disarankan? Menurut … Continue reading

Posted in Web Design | Tagged , , , , | 5 Comments

Sudahkah Anda Benar-benar Berani Berkata Tidak Pada IE6?

Ya, IE6. Browser yang telah lebih dari 9 tahun meramaikan jagad website, dengan beribu macam keunggulan dan jutaan bug yang cukup menyita perhatian dunia. Tak sedikit juga website yang diluncurkan sebagai kampanye penghentian dukungan terhadap browser usang ini, semisal RIP … Continue reading

Posted in Web Design | Tagged , , | 29 Comments

Cerdas Memilih Typeface (Font) untuk Website Anda

Seperti halnya gambar, warna, maupun desain yang user-friendly, pemilihan font juga tak kalah penting untuk membuat website Anda lebih efektif dalam menyampaikan informasi. Beberapa tips berkaitan dengan typography yang barangkali sudah Anda kuasai konsep maupun teknisnya, baik itu tentang white … Continue reading

Posted in Web Design | Tagged , , , | 9 Comments

Kiat Memfokuskan Perhatian dalam Mendesain Website

Di hampir semua aktivitas kreatif, menulis sebuah novel, melukis, mengarang lagu, maupun membuat website, fokus adalah hal mutlak yang harus dimiliki. Dalam membangun website, perencanaan yang matang memang sangat diperlukan. Namun terkadang terlalu banyak rencana justru membuat ide-ide kita semakin … Continue reading

Posted in Web Design | Tagged , , , | Leave a comment

Inspirasi Desain Website yang Menggunakan Paint Splats

Banyak cara mengekspresikan diri maupun menyampaikan informasi pada website dengan elemen-elemen yang ramai. Menggunakan background image yang besar, ilustrasi kartun, gambar-gambar landscape, skyline, pattern kayu, dan lainnya. Dengan penempatan yang cerdas, semua bisa membuat sebuh website tampil lebih mengesankan. Berikut … Continue reading

Posted in Web Design | Tagged , , , , | Leave a comment

Membuat Sexy Button Cara Pintar

Meskipun banyak perdebatan bahwa hyperlink tidak seharusnya ‘disalahgunakan’ sebagai button, nyatanya praktek semacam ini banyak kita jumpai di jagad webdesign. Call-to-Action button sebagai contoh, banyak menggunakan hyperlink yang dipermak sedemikian rupa sehingga ia nampak lebih menonjol sesuai tujuannya. Ada beberapa … Continue reading

Posted in Web Design | Tagged , , , , | 1 Comment

Shadow Effect dengan CSS3

Sedikit berbagi tips n trick tentang CSS, baru saja ketemu tadi pagi. 😉 Sesuai dengan namanya kita akan mencoba membuat efek bayangan di CSS, dengan CSS ini kita dapat mengantikan pembuatan efek bayangan yang biasanya mengunakan slicing pada gambar. :). … Continue reading

Posted in Web Design | 2 Comments

Cara Membuat Sudut Melengkung (Rounded Corners) menggunakan CSS

Untuk web kesayangan Anda, membuat tombol menu atau background dengan sudut-sudut melengkung (rounded corners) masih diyakini hanya dapat dilakukan menggunakan aplikasi pengolah gambar seperti Photoshop untuk kemudian diupload dan diatur stylenya menggunakan CSS. Tentu repot, bukan, apabila ternyata terdapat ketidaksesuaian … Continue reading

Posted in Web Design | Tagged , | 7 Comments

3 Cara menampilkan cross-browser compatible font di website anda

Sebagaimana yang kita tahu, @font-face CSS3 kesayangan kita tidak bisa tampil baik di semua browser. Maksud saya dalam hal ini adalah IE6, IE7, Firefox versi lawas, dan browser lawas lainnya. Di artikel ini akan dibahas berbagai macam cara menanganinya. Mungkin … Continue reading

Posted in Web Design | Tagged , , | 3 Comments

Cara Membuat Tooltip Dinamis yang Mengikuti Gerakan Kursor Mouse

Sebagai web designer kadang kita ingin memberi sentuhan elegan yang atraktif tanpa menghilangkan esensi kesederhanaan sebuah situs. Contohnya, membuat deskripsi dari suatu gambar atau kata. Maunya, sih, tak perlu lah memberi ruang khusus hanya untuk sebaris-dua baris kalimat deskriptif. Selain … Continue reading

Posted in Web Design | Tagged , , , , | 2 Comments