Web Design Sederhana

Assalamu'alaikum WR. WB.

Kali ini saya akan mengupload video tutorial pembuatan web design beserta dengan langkah pembuatannya yang akan saya tulis di postingan kali ini.

WEB DESIGN SEDERHANA SEKALI :)

 

Contoh jadinya ya kayak gini

 

Bahan - Bahannya :

1. Background Pattern
2. Logo Media Sosial 
3. Character 

Draft Layout Halaman Web

Gambar diatas sudah saya sediakan ukuran tiap-tiap objek yang ada di dalam design.

Langkah-Langkahnya akan saya jelaskan secara umum saja, Karena semua ukuran sudah ditulis di dalam draft. berikut langkahnya :

1. Buat halaman baru di Photoshop dengan Preset Web, dan ukuran halaman 1600 x 1200 pixel.
2. Taruh Background Pattern di halaman dan resize sesuai dengan kebutuhan.
3. Buat Menu Bar dengan Rectangle Tool, beri warna yang nyaman di pandang. sesuaikan dengan pewarnaan objek lain.
4. Buat Logo Website. penempatan logo website biasanya ada di Pojok kanan atas.
5. Buat Nama Website. Nama pun biasanya berdampingan dengan logo.
6. Tambahkan Logo Sosial Media. Penempatan bebas sesuai dengan keinginan, disarankan tidak berada di tengah karena akan disalahartikan sebagai konten.
7. Beri Search Box dan Tombol Search
8. Diantara Header dan Footer, Beri Konten/Isi Website. Bebas Sesuai Dengan Keinginan (Contoh. Link Lagu, Foto Artis, Jurnal Pribadi)
9. Manfaatkan sisi Kanan/Kiri Website untuk menempatkan objek tambahan seperti widget kalender, form login, panel navigasi. jangan menempatkan objek isi yang utama di kanan/kiri website.
10. Dan yang terakhir. Buat Footer Website. Biasanya diberi Teks Navigasi/Disclaimer si empunya website. untuk pembatas, ada yang diberi warna solid dan ada juga yang dibiarkan menyatu dengan warna background utama. 

Itu saja pengalaman saya, semoga ilmunya bermanfaat dan tidak disalahgunakan. Terima Kasih :D