Learn UX/UI

Try these UX and UI tutorials to learn the principles of user-centered design, prototyping, and wireframing. Learn to craft beautiful and intuitive user interfaces.

All UX/UI content:

Filters

Web Typography

Ingin Belajar Dasar-Dasar Desain Web? Mulailah dari sini

Tutorial • Beginner

Jika Anda ingin memulai di dunia web desain, ada beberapa kemampuan penting yang harus Anda kuasai.

Andrew Blackman • 4 Oct 2016
Prototyping

<h1>Cara membuat Prototipe UI menggunakan Adobe XD</h1>

Tutorial • Beginner

Secara historis, Adobe Creative Cloud belum memiliki sarana bagi perancang untuk prototipe layouts dengan cepat dan efisien, atau mendapatkan umpan balik tim...

Rafiq Elmansy • 23 May 2016
UX Design

Transisi Halaman yang Halus dan Menyenangkan dengan History Web API

Tutorial • Advanced

Di panduan ini kita akan membangun sebauh situs dengan transisi halaman yang halus dan indah tanpa penyegaran halaman yang biasanya agresif. Bernavigasilah...

Thoriq Firdaus • 28 Apr 2016
Forms

Membuat Bootstrap Kontak Form Menggunakan PHP dan AJAX

Tutorial • Beginner

Dalam tutorial ini saya akan membahas langkah-langkah untuk membuat form kontak yang berfungsi, memanfaatkan kerangka Bootstrap front-end yang sedang...

Aaron Vanston • 11 Aug 2015
Responsive Design

Panduan komprehensif: Ketika menggunakan Em vs Rem

Tutorial • Intermediate

Anda mungkin sudah menyesuaikan diri dengan menggunakan unit pengukuran yang fleksibel, namun anda mungkin masih belum mengerti kapan harus menggunakan rem...

Kezz Bracey • 21 Jul 2015
Usability

Desain Web Untuk Anak-Anak: Warna

Tutorial • Beginner

Selamat datang di pelajaran ke sepuluh seri Desain Web Untuk Anak-Anak, semua tentang Warna

Joni Trythall • 9 Jul 2015
Conversion

Mendesain sebuah Aplikasi Landing Page di Photoshop

Tutorial • Beginner

Dalam tutorial ini saya akan memandu Anda melalui proses desain landing page sederhana dan berorientasi konversi app. Kita akan menggunakan Tuts + Android...

Tomas Laurinavicius • 12 May 2015
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
Forms

Eksperimen CSS dengan Input Form Pencarian dan Tombol

Tutorial • Intermediate

Dalam tutorial ini, saya ingin mengeksplorasi bagaimana Anda bisa memperindah form pencarian sederhana. Kita tidak akan melakukan sesuatu yang gila,...

Paula Borowska • 8 Sep 2014
Navigation

Cara Membangun Tata Letak Navigasi Off-Canvas dengan Bootstrap

Tutorial • Intermediate

Bootstrap dirancang untuk memenuhi banyak skenario dengan menyediakan beberapa komponen web yang sering digunakan. Ada tombol, bar navigasi responsif, tab,...

Thoriq Firdaus • 25 Aug 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