Learn UI Design

Dive into the art of UI design. Read these tutorials to master color theory, layout, typography, and more. Create stunning user interfaces that delight users.

All UI Design content:

Filters

HTML Templates

Memecahkan masalah dengan CSS Grid dan Flexbox: kartu UI

Tutorial • Intermediate

Pola "kartu" telah melihat sukses besar dalam waktu belakangan ini, tetapi cara kami membuatnya masih terbatas karena CSS tersedia bagi kami. Sampai...

Ian Yates • 27 Jun 2022
UI Design

Cara Membuat Slider Split-Screen Dengan JavaScript

Tutorial • Intermediate

Dalam tutorial video hari ini, saya akan menunjukkan cara membuat elemen slider "split-screen" (atau UI, apa pun yang Anda inginkan untuk menyebutnya) dengan...

Adi Purdila • 24 Jun 2022
Wireframing

Panduan Pemula untuk Wireframing

Tutorial • Beginner

Wireframing merupakan langkah penting dalam proses desain layar. Terutama memungkinkan Anda untuk menentukan hierarki informasi desain Anda, sehingga lebih...

Winnie Lim • 16 Sep 2020
UI Design

Desain antarmuka kolaboratif dengan Figma

Tutorial • Beginner

Figma adalah sesuatu yang sedikit khusus sekarang. Pada pandangan pertama itu adalah hanya aplikasi berbasis web desain, tetapi meskipun ada program lain...

Kezz Bracey • 1 Jan 2019
UX Design

3 Tips untuk Mempersiapkan Dokumentasi UX yang Lebih Baik

Tutorial • Beginner

Dokumentasi UX (UX documentation) adalah semua tentang men-tracking detail spesifik dari desain Anda untuk memastikan implementasi terjadi dengan lancar....

Joanna Ngai • 1 Aug 2018
UX Design

8 Golden Rules untuk Desain Antarmuka yang Lebih Baik

Tutorial • Beginner

Para desainer harus memecahkan banyak masalah tiap harinya, dan mencari solusi yang tepat memerlukan riset yang dalam dan percobaan yang sangat terencana....

Ana Santos • 16 Apr 2018
Icon Design

Apa Itu Sketch dan Untuk Siapakah Itu?

Tutorial • Beginner

Ingin mengetahui lebih banyak mengenai Sketch? Di dalam video yang berasal dari kursus saya ini, Up and Running With Sketch, saya akan mengenalkan kepada...

Adi Purdila • 7 Nov 2017
UX Design

Affordance dalam Desain Form

Tutorial • Beginner

Mari kita lihat affordance di dunia digital, khususnya bagaimana kita dapat mengambil prinsip-prinsip ini dan menerapkannya pada elemen UI sehari-hari kita...

Joel • 1 Mar 2017
UX Design

Glosari Web Design: Apa Itu "Affordance"?

Tutorial • Beginner

Istilah "affordance" akan sering kamu dengar di dunia web design. Dia sering muncul di panduan pada Tuts+ juga. Sehingga artikel ini akan memberikan definisi...

Ian Yates • 28 Apr 2015
Prototyping

Cara Membuat Prototype Interaktif dengan Marvel

Tutorial • Beginner

Marvel adalah perkakas online yang mengizinkan designer untuk membuat prototype dari proyek aplikasi ponsel dan situs. Pada panduan ini kita akan melihat...

Armando Sotoca • 16 Dec 2014
UI Design

Mendesain Portofolio Sederhana Berbasis Instagram Dalam Photoshop

Tutorial • Intermediate

Di dalam tutorial ini saya akan membimbingmu melalui proses membuat portofolio berbasis Instagram yang sederhana yang rapi. Kita akan menggunakan beberapa...

Tomas Laurinavicius • 30 Jun 2014
UI Design

<h1>Desain Timeline Halaman Portofolio Luwes Menggunakan Photoshop</h1>

Tutorial • Beginner

Dalam tutorial ini saya akan menggunakan Photoshop CS6 untuk merancang halaman portofolio tiga kolom sederhana, bersih, dengan timeline yang terbaru. Selama...

Tomas Laurinavicius • 22 Jan 2014