10 Langkah Mudah Membuat Website Layout Design yang Kece

artikel website

website

1.tuangkan apa yang ada di pikiran anda ke atas kertas

Pertama,sebaliknya kita membuat illustrasi website layout design terlebih dahulu pada secarik kertas. Diskusikan dengan team bagaimana kita akan membuat suatu website layout design yang menarik. pada tahap ini.kita mulailah memikirkan konten dan penataan letak yang maksimal,serta sitemap yg berfungsi dengan tepat .kemudian,barulah anda mengunakan photoshop /adobe illustrator untuk membuat tampilan lebih berwarna

2. Sketching a top level framework

setelah itu, kita membuat kerangka website yang akan membantu kita mendapatkan solusi atas masalah user experience (UX).carilah solusi atas top level framework,yaitu User interface yang berada disekitar konten akan membantu aktivitas dan navigasi lebih terarah . seperti misalnya sidebar dan bottom bar

3.Buatlah grid pada PSD

dan jangan lupa untuk membuat grid pada awal pembuatan layout agar design kita menjadi lebih rapi. Tambahkan 978 grid dengan baseline 10px. Adanya grid ini untuk membantu membentuk struktur layout menjadi bagian yang berbeda-beda, sehingga akan lebih mudah untuk membuat template sesuai dengan ukuran dan memiliki jarak yang cukup rapi & teratur

4. Pilihlah typography yang sesuai

Typography adalah salah satu point penting yang harus diperhatikan dalam pembuatan layout . Pemilihan typeface atau font family serta warna font yang tepat dapat menciptakan website yang enak dilihat. Dalam satu layout design usahakan hanya menggunakan dua jenis font, dan pilihlah font yang mudah dibaca bahkan dalam waktu lama, hal ini akan membuat makna tulisan tersebut tersampaikan dengan baik secara visual. Pemilihan besar kecilnya font (font size) tidak terlalu jadi masalah, namun tetaplah konsisten dengan penggunaan font tersebut..

5. Pilih warna tema

warna sangat lah berpengaruh jadi Pilihlah warna tema senada & sesuai. Triknya adalah mempersempit gradasi warna yang ada, apabila kita memilih warna merah, maka carilah dibagian gradasi warna putih saja. Sesuaikan warna yang digunakan pada User Interface (UI), text & background. Sebaiknya gunakan warna yang terbatas atau senada untuk layout secara keseluruhan

6. Gunakan pembagian layout

Kemudian, buatlah struktur layout sesederhana mungkin agar mudah digunakan oleh user (user friendly), namun juga jangan melupakan unsur estetika atau keindahannya. Setiap bagian dari suatu layout harus bisa menjawab dan memberikan hasil dari apa yang user lakukan di website tersebut dengan mudah.

7. Mengksplorasi fungsi

Karena kesederhanaan website dengan fungsi sesuai serta dapat memberi hasil sesuai dengan apa yang dicari user sudah mewakili bahwa website tersebut memang layak dan baik dalam sisi penggunaan UI/UX.

8. Cari inovasi baru

Agar lebih menarik dan tidak bosan dengan pola yang itu-itu saja, coba kita  berikan inovasi baru disetiap project. Proses evaluasi bersama sangat penting demi memberikan inovasi baru terkait dengan layout design. Berinovasi dengan sistem grid, memikirkan komponen dengan fitur baru, dan mengeksplorasi penggunaan warna yang spesifik.

9. Detil juga harus diperhatikan

Pada akhir bagian pengerjaan suatu website layout design, perhatikan kembali detil-detil layout seperti flow, animasi, hingga design. kita harus teliti dan mengujikan kembali semua design Anda, hilangkan bayangan atau garis yang dirasa mengganggu/tidak penting

10. Berikan karya terbaik

Memperhatikan setiap detil dari komponen bukan hanya sekedar pelengkap. Setiap bagian harus diperlakukan sebagai design utama dan tidak dapat dikesampingkan. Dengan demikian, kita bisa meminimalisasi ketidakcocokan design antara bagian satu dan bagian lainnya, sehingga kita dapat memberikan karya terbaik bagi pemilik website.


bingung cara membuat website ? jangan khawatir disini kami menyedia jasa pembuatan website Kami hadir di 3 Kota Besar Jakarta, Bandung, Surabaya
0812 3303 5559 
www.smartsoftstudio.com