Slider gambar sering digunakan dalam desain web korporat karena mudah menarik perhatian pengunjung. Dalam tutorial desain web ini, kita akan belajar mendesain slider di Photoshop dan mengubahnya menjadi halaman HTML/CSS fungsional dengan jQuery untuk memberi efek bergeser. Tutorial ini ditulis ekslusif untuk Hongkiat.
Archive | Desain Web RSS feed for this section
Mendesain Situs Portfolio Satu Halaman (PSD – HTML/CSS)
Dalam tutorial ini, saya akan memperlihatkan proses desain sebuah portfolio satu halaman. Desain satu halaman ini sudah mencakup slide show gambar dan kontak form. Tutorial ini hasil kolaborasi dengan Aris FM.
Mendesain Slider Web di Photoshop
Tutorial ini akan memperlihatkan proses pembuatan slider web menggunakan Photoshop. Kita akan memanfaatkan fitur Layer Style dan mengkombinasikannya dengan menggambar manual untuk menghasilkan sebuah slider yang apik.
Membuat Tombol Sprite dari PSD hingga HTML/CSS
Dalam tutorial ini, saya memperlihatkan cara pembuatan tombol Download di Photoshop lalu mengubahnya menjadi Sprite. Kita akan membahas beberapa teknik CSS dasar untuk menjadikan desain ini fungsional. Tutorial ini ditulis ekslusif untuk PVM Garage.
Mendesain Situs Perusahaan dengan Warna Cerah dan Pola Pixel
Dalam tutorial ini, kita akan mendesain website sebuah perusahaan. Layout situs ini akan diawali dengan slider berisi penjelasan tentang perusahaan, satu baris kutipan dan tombol call to action, dan diakhiri dengan beberapa informasi tambahan.
Mendesain Theme Tumblr Minimalis
Dalam tutorial desain web ini, kita akan belajar mendesain theme tumblr bergaya retro minimalis yang memiliki tekstur pixel dan warna-warna lembut.
