10 Tutorial Desain Web yang Perlu Dipelajari Pemula
Artikel ini adalah bagian dari seri Panduan Desain Web untuk Pemula.
1. Kuis Berhadiah Buku “Panduan Mudah Desain Web Professional”
2. 8 Tips Belajar Desain Web
3. Mendesain Login Form Gelap Bergaya Modern
4. 10 Tutorial Desain Web yang Perlu Dipelajari Pemula
5. 21 Contoh Penggunaan Pola dan Tekstur dalam Desain Web
6. Mendesain Interface Menu Modern
7. Pemenang Kuis Panduan Mudah Desain Web Profesional
Di artikel ini, saya akan memperlihatkan sepuluh tutorial Photoshop membahas desain web yang sangat berguna bagi para pemula. Semua tutorial ini cukup mudah bagi pemula namun ini tidak mengurangi nilainya karena teknik yang diajarkan dan hasil akhirnya berguna dalam proses desain web yang sesungguhnya. Kesepuluh tutorial ini telah saya urutkan dari yang termudah hingga tersulit.
1. Kuis Berhadiah Buku “Panduan Mudah Desain Web Professional”
2. 8 Tips Belajar Desain Web
3. Mendesain Login Form Gelap Bergaya Modern
4. 10 Tutorial Desain Web yang Perlu Dipelajari Pemula
5. 21 Contoh Penggunaan Pola dan Tekstur dalam Desain Web
6. Mendesain Interface Menu Modern
7. Pemenang Kuis Panduan Mudah Desain Web Profesional
Di artikel ini, saya akan memperlihatkan sepuluh tutorial Photoshop membahas desain web yang sangat berguna bagi para pemula. Semua tutorial ini cukup mudah bagi pemula namun ini tidak mengurangi nilainya karena teknik yang diajarkan dan hasil akhirnya berguna dalam proses desain web yang sesungguhnya. Kesepuluh tutorial ini telah saya urutkan dari yang termudah hingga tersulit.
1. Create A Minimal Portfolio Site Design (Plus a Free PSD!)
Seperti telah dibahas di 8 Tips Belajar Desain Web, seorang pemula sangat disarankan untuk memulai dengan mempelajari desain minimalis. Tutorial ini sangat tepat bagi Anda. Penjelasannya dengan sangat detail. Tidak saja teknik, Anda juga akan belajar beberapa poin penting dalam mendesain web misalnya cara merapikan susunan layer dan elemen-elemen desain sebuah halaman.2. Create a Clean, Minimal Website Design in Photoshop
Di tutorial ini, Anda akan mulai belajar menggunakan Grid 960. Anda akan belajar proses penempatan elemen-elemen dalam grid dan juga beberapa dasar tipografi.3. How To Build a Stylish Portfolio Web Design Concept
Selanjutnya, tutorial ini akan membawa Anda ke projek yang sedikit lebih rumit. Di sini Anda akan belajar untuk mulai menggunakan pola dalam beberapa elemennya. Tutorial ini juga disertai dengan tutorial konversi ke HTML/CSS.4. Mendesain Theme Tumblr Minimalis
Selanjutnya Anda bisa mengikuti tutorial desain web yang juga sederhana dari Desaindigital. Tutorial ini ditulis dalam bahasa Indonesia sehingga seharusnya mempermudah belajar Anda. Di tutorial ini, Anda akan belajar membuat desain halaman bergaya thumblr. Berkat Indam, Anda juga bisa mengkonversi desain ini ke HTML/CSS.5. Membuat Situs Resource Desain Premium di Photoshop
Setelah selesai mempelajari desain blog, saatnya maju ke desain korporat. Desain yang dibahas di tutorial ini sederhana sehingga mudah diikuti dan tidak akan terlalu banyak menyita waktu Anda.6. Create a Light Textured Web Design in Photoshop
Satu lagi desain korporat minimalis. Desain tipe ini sangat sesuai dengan trend minimalis saat ini.7. Create a Fabric Textured Web Layout Using Photoshop
Desain web dalam tutorial ini masih minimalis seperti beberapa tutorial di atas. Namun, kali ini disertai dengan tema jahitan. Penggunaan tema semacam ini membuat desain terlihat khas dan unik.8. How To Create a Clean and Colorful Web Layout
Desain-desain di atas menggunakan warna yang monoton. Di tutorial ini, Anda bisa mencoba menggunakan lebih banyak warna dan mempelajari cara membuat kombinasi warna yang menarik.9. Create a Professional Web 2.0 Layout
Tutorial kali ini lebih panjang dari yang lain. Di sini, Anda akan diajak membuat sebuah desain web korporat yang lengkap mulai dari daftar portfolio, area testimoni klien, hingga slideshow.10. Create a Watercolor-Themed Website Design with Photoshop
Desain terakhir ini lebih rumit karena ada lebih banyak teknik yang digunakan. Anda akan belajar memotong gambar dan memanfaatkan tampilan transparan dalam desain.Kesimpulan
Kesepuluh tutorial ini sudah cukup bagi Anda untuk memulai proses belajar desain web dengan Photoshop. Sebagai seorang pemula, jangan dulu berfikir untuk membuat karya-karya original. Ikuti saja tutorial yang ada sebisa mungkin. Seiring waktu, Anda akan belajar untuk membuat karya sendiri. Selamat belajar!
Iklan
ADVERTISING
Mas ada saran/tips, bagaimana sebaiknya seorang web designer atau developer pemula membuat web portofolio, sedangkan hasil karya online-nya (web) masih sedikit ? maksudnya contentnya di isi apa ya ?
Apa dengan membuat blog saja atau bagaimana ya mas ?
Tergantung tujuannya. Jika ingin memperlihatkan kemampuan menulis atau proses desain lainnya ada baiknya jika disertai blog.
btw nice web, thank you buat tutorialnya..
Trims ulasannya dan salam kenal ya
terima kasih mas
Thx gan..
Untuk tema wordpress, kebanyakan memperbolehkan editing dengan syarat tetap menyertakan kredit ke pembuat aslinya, misalnya dengan menuliskan theme created by original_author and modified by me.
Tapi, untuk amannya silakan cari informasi sebanyak-banyaknya terkait template tersebut.
Terima kasih.