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:

  1. Cara Mengekspor Aset Photoshop Untuk Situs Menggunakan PNGHat

    Cara Mengekspor Aset Photoshop Untuk Situs Menggunakan PNGHat

    Tutorial Beginner

    Baru-baru ini PNGHat merilis plugin untuk Photoshop, di buat oleh Source, membuat sebuah alur kerja yang sangat berbeda untuk mengekspor elemen PSD untuk...

  2. 9 Cara Mengatasi Desain Layak-Setengah-setengah

    9 Cara Mengatasi Desain Layak-Setengah-setengah

    Tutorial Beginner

    Mungkin kamu adalah seorang desainer ‘newbie’, tapi pasti kamu ingin melihat desain kamu menjadi seperti yang kamu inginkan (tidak hanya sekedar template...

  3. Peningkatan Visual Sederhana di Sublime Text agar Dapat Menulis Kode Lebih Baik

    Peningkatan Visual Sederhana di Sublime Text agar Dapat Menulis Kode Lebih Baik

    Tutorial Beginner

    Sublime Text menyajikan ribuan extensi dan pengaturan untuk menciptakan sebuah editor kode yang dapat terpersonalisasi bagi siapa saja. Saat ini, saya akan...

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

    <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...

  5. Cara Menetapkan Skala Tipografi Modular

    Cara Menetapkan Skala Tipografi Modular

    Tutorial Beginner

    Mungkin pertanyaan tipografi paling jelas di tangan seorang desainer adalah "jenis-jenis huruf apa yang harus saya gunakan?" Pertanyaan kedua, yang jarang...

  6. Membangun Dashboard Dinamis dengan ChartJS

    Membangun Dashboard Dinamis dengan ChartJS

    Tutorial Intermediate

    Hari ini kita akan membuat dashboard dinamis dengan grafik hidup, melalui kekuatan ChartJS. ChartJS adalah perpustakaan JavaScript bebas dependensi yang...

  7. Readability dan Legibility Tipografi

    Readability dan Legibility Tipografi

    Tutorial Beginner

    Saat menggunakan tipografi di web, ada banyak hal yang perlu diingat untuk membuat halaman yang menyediakan akses yang jelas ke konten dan menyajikannya...

  8. Memahami Pikiran KreatifMemahami Pikiran Kreatif

    Memahami Pikiran KreatifMemahami Pikiran Kreatif

    Tutorial Beginner

    peduli apapun hasilnya? Pikirkan hal tersebut sebagai tantangan untuk menjaga kebiasaan ini hingga akhir sesi. Siapa tahu ada ide luar biasa yang Anda miliki...

  9. Membuat Websites Location Aware dengan HTML5 Geolocation

    Membuat Websites Location Aware dengan HTML5 Geolocation

    Tutorial Beginner

    Asumsi dapat menjadi bisnis yang berisiko di dunia UX, tetapi beberapa asumsi dapat memungkinkan Anda untuk memberikan pengalaman pengguna yang lebih khusus...

  10. <h1>Memeriksa Navigasi Responsif: Pola Toggle</h1>

    <h1>Memeriksa Navigasi Responsif: Pola Toggle</h1>

    Tutorial Intermediate

    Selamat datang di seri ketiga tentang bagaimana mengembangkan pola navigasi responsif. Tutorial ini akan memandu Anda melalui tiga pola di mana navigasi...

  11. Sebuah panduan pemula untuk memasangkan font

    Sebuah panduan pemula untuk memasangkan font

    Tutorial Beginner

    Pemasangan font bisa menjadi suatu tantangan. Memilih dua atau lebih font yang bekerja dengan baik adalah satu hal - memilih dua yang bekerja sama untuk...

  12. Tip Singkat: Membuat Kotak Centang Dan Tombol Radio Dengan Mudah Pada CSS3

    Tip Singkat: Membuat Kotak Centang Dan Tombol Radio Dengan Mudah Pada CSS3

    Tutorial Beginner

    Pernah bertanya-tanya bagaimana menggunakan kotak centang dan tombol radio, namun tanpa JavaScript? Berkat CSS3 kamu bisa! Berikut apa yang akan kita buat: