Tugas Akhir: Fundamental UI Design

 

Tugas Mingguan: Mini Proyek UI/UX Design untuk Aplikasi Sosial Media Anak Muda

 

Materi: Typography, Font Weight, dan Spacing

 

Deskripsi Tugas:

Anda diminta untuk membuat tampilan antarmuka pengguna (UI) sederhana untuk sebuah aplikasi sosial media yang ditujukan bagi anak muda jaman sekarang. Proyek ini akan fokus pada pemahaman fundamental dalam desain UI, termasuk penggunaan typography, font weight, dan spacing yang sesuai dengan target pengguna.

 

Instruksi:

 

1. Buatlah dokumen baru di Figma dan beri judul proyek dengan "Mini Proyek UI/UX Design - Aplikasi Sosial Media Anak Muda".

 

2. Pilihlah jenis aplikasi sosial media yang ingin Anda desain, misalnya, aplikasi berbagi cerita atau platform musik.

 

3. Tentukan ukuran layar yang diinginkan untuk tampilan aplikasi Anda, misalnya, 375x812 piksel untuk iPhone X.

 

4. Typography:

a.    Pilihlah dua font yang sesuai dengan kepribadian anak muda dan mencerminkan gaya yang dinamis.

b.    Terapkan font tersebut pada judul, teks utama, dan teks tambahan di UI Anda. Pastikan font yang dipilih mudah dibaca dan memberikan nuansa modern.

 

5. Font Weight:

a.    Gunakan font weight yang cukup tebal untuk judul atau bagian yang menonjol, dan font weight yang lebih ringan untuk teks tambahan atau elemen yang kurang penting.

b.    Pastikan perbedaan font weight tersebut memberikan kontras yang jelas dan memudahkan pengguna dalam membaca konten.

 

6. Spacing:

a.    Atur sistem grid yang memberikan kebebasan dalam tata letak UI Anda dan memastikan konsistensi visual.

b.    Gunakan spasi antara elemen-elemen UI, seperti jarak antara teks dan gambar, jarak antara tombol dan teks sekitarnya, serta jarak antara

 

 

c.    konten utama pada layar. Pastikan spasi tersebut cukup untuk memberikan kenyamanan dalam membaca dan melihat tampilan.

 

7. Dokumentasikan Proyek:

a.    Ekspor tampilan akhir UI Anda dari Figma ke format gambar, seperti PNG atau JPEG.

b.    Tuliskan deskripsi singkat tentang konsep aplikasi dan pendekatan desain yang Anda gunakan.

c.    Sertakan informasi mengenai font yang digunakan, font weight yang diterapkan, serta prinsip-prinsip spacing yang Anda terapkan.

 

Selamat mengerjakan tugas! Jika ada pertanyaan lebih lanjut, jangan ragu untuk bertanya.