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

Design Theory

Memahami Hirarki Visual dalam Desain Web

Tutorial • Beginner

Hirarki visual adalah salah satu prinsip terpenting di balik desain web yang efektif. Artikel ini akan memeriksa mengapa mengembangkan hirarki visual sangat...

Brandon Jones • 29 Nov 2022
Wireframing

20 harus-memiliki gambar rangka template dan UI kit untuk Perpustakaan desain Anda

Tutorial • Intermediate

Wireframing. Pengguna perjalanan. Peta konten. Desain yang berpusat pada pengguna. Arsitektur informasi. Animasi prototipe. Konversi jalan. Fitur...

Brittany Jezouit • 6 Jul 2022
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
Design Theory

Memahami Kualitas dan Karakteristik Warna

Tutorial • Beginner

Bergerak dari artikel sebelumnya tentang menentukan dan mengenali warna, mari jelajahi kualitas dan karakteristik warna.

Rachel Shillcock • 23 Jun 2022
Navigation

Bagaimana Membuat Efek Perubahan Garis Bawah Ketika Melakukan Hovering Dengan CSS Dan JavaScript

Tutorial • Intermediate

Di dalam tutorial hari ini, kita akan menggunakan sedikit CSS dan JavaScript untuk membuat efek menu hover yang cantik. Itu bukan merupakan hasil akhir yang...

George Martsoukos • 22 Jun 2022
Responsive Design

Membuat Timeline Vertikal Dengan CSS dan Sentuhan JavaScript

Tutorial • Intermediate

Pada tutorial ini, kita akan belajar cara membuat timeline vertikal yang responsif dari dasar. Pertama, kita akan membuat struktur dasar dengan markup yang...

George Martsoukos • 6 May 2021
Responsive Design

20+ Tema Restoran Terbaik WordPress : Dengan Desain Responsif Premium

Tutorial • Beginner

Saat ini, setiap bisnis harus memiliki situs web. Sebagai pemilik restoran atau kafe, sangat penting bahwa bisnis makanan Anda memiliki keberadaan online...

Brenda Barron • 5 Apr 2021
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
Web Typography

7 Unit CSS Yang Mungkin Anda Belum Ketahui

Tutorial • Beginner

Mudah bagi kita untuk terpaku menggunakan teknik CSS yang sudah dikuasai dengan baik, tetapi melakukan hal itu membuat kita mengalami kesulitan saat...

Jonathan Cutrell • 25 Oct 2019
Responsive Design

Tip Singkat: Bagaimana Menggunakan "picture" HTML5 Untuk Gambar Responsif

Tutorial • Beginner

Gambar merupakan salah satu aspek paling menantang dalam desain web responsif. Hari ini kita akan melihat bagaimana elemen , sebuah solusi untuk masalah...

Kezz Bracey • 19 Sep 2019
Web Typography

5 Font Web yang Menarik Perhatian untuk Diunduh dan Digunakan

Tutorial • Beginner

Tipografi adalah bagian penting dari desain web yang hebat, dan lebih dari sekadar meningkatkan tampilan situs web Anda. Ketika diterapkan dengan serius,...

Eric Karkovack • 7 Jan 2019