Advertisement
  1. Web Design
  2. UI Design
Webdesign

Reka Bentuk UI dalam 60 Saat

by
Difficulty:BeginnerLength:QuickLanguages:

Malay (Melayu) translation by Zidan Al-Farizi (you can also view the original English article)

"UI" bermaksud "Antara Muka Pengguna", satu cara untuk pengguna berinteraksi dengan sesuatu. Memandangkan setiap laman web adalah antara muka pengguna "Reka Bentuk UI" adalah teras reka bentuk web.

Apa Tepatnya Reka Bentuk UI?

"UI" tidak boleh dikelirukan dengan "UX" yang bermaksud "Pengalaman Pengguna". Mewujudkan UX yang baik adalah yang direka oleh UI Design.

Oleh itu, untuk mencipta UI yang baik, harus ada pelan untuk UX, digambarkan dengan wireframe.

A wireframe
Peringkat wireframe kesetiaan yang rendah

Dari situ, anda boleh membuat reka bentuk UI yang akan membawa UX menjadi realiti. Mulakan dengan melancarkan kawat dengan warna tipografi dan monokrom, untuk memastikan semuanya boleh dibaca dan boleh diakses.

Fleshed out in monochrome
Fleshed dalam monokrom

Kemudian, tambahkan warna dan imej, menggunakan warna yang lebih terang untuk menyerlahkan kawasan UX utama. Ini adalah masa yang perlu dilaksanakan penjenamaan, termasuk integrasi logo dan warna syarikat.

With color and branding
Dengan warna dan penjenamaan

Bertujuan untuk mencipta gaya visual yang boleh berhubung dengan jenis pengguna laman web tersebut. Pastikan anda mempunyai susun atur yang boleh memberi respons kepada semua dimensi skrin yang mungkin, dan cara berinteraksi terhadap akaun untuk semua peranti yang mungkin.

Dan itulah Design UI dalam enam puluh saat!

Pautan Berguna

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.