Membuat UI Kit dengan Sketch
Prinsip utama aplikasi adalah untuk memudahkan penggunanya. Namun, membangunnya dari awal bisa menjadi proses yang sangat rumit. Itulah sebabnya UI Kit, kumpulan elemen siap pakai untuk desain antarmuka, merupakan sumber daya yang sangat berguna.
Dalam kursus ini, Anda akan mempelajari cara membuat UI Kit untuk aplikasi dan situs web di Sketch bersama desainer Migue, alias El Nodos. Anda juga akan mempelajari cara memperbaruinya agar dapat digunakan kembali di proyek mendatang dan lebih menyederhanakan alur kerja Anda. Wujudkan antarmuka yang memukau dan ciptakan pengalaman tak terlupakan dengan cepat dan mudah.
Apa yang akan Anda pelajari dalam kursus daring ini?
1 pelajaran & 1 unduhan
Apa yang akan kita lakukan selama kursus
1 menit, 1 detik
Apa itu UI Kit?
1 menit, 1 detik
Pola dan Komponen UI di Sketch
1 menit, 1 detik
Desain Atom
1 menit, 1 detik
Proyek
1 menit, 1 detik
Warna, Font dan Grid
1 menit, 1 detik
Apa yang termasuk dalam kursus ini?
Anda akan memulai dengan mengenal dosen Anda dan mempelajari jalur kariernya. Beliau juga akan menjelaskan proyek yang akan Anda kerjakan selama perkuliahan.
Selanjutnya, Anda akan mempelajari apa itu UI Kit dan perbedaannya dengan sistem desain. Anda akan menjelajahi pola desain antarmuka dan mempelajari cara mengelola berkas Anda sesuai dengan metodologi Migue.
Anda akan meninjau proyek yang akan menjadi dasar Kit UI Anda dan menganalisis komponen yang ingin Anda buat. Kemudian, Anda akan menentukan panduan gaya Anda, dengan fokus pada warna, , , dan set ikon.
Anda akan langsung beraksi dengan terlebih dahulu membuat atom, lalu menggabungkan beberapa di antaranya untuk membuat molekul, dan akhirnya, membuat beberapa layar dengan semua komponen ini.
Pada unit terakhir, Migue akan mengajarkan Anda cara menggunakan UI Kit di Sketch sebagai pustaka dan cara memperbaruinya, menambahkan komponen baru bila diperlukan.
Perangkat lunak & alat yang direkomendasikan untuk kursus ini
Apa proyek kursus ini?
Anda akan membuat Kit UI yang akan menyederhanakan pekerjaan Anda saat membuat layar untuk aplikasi Anda. Selama kursus ini, Anda akan bekerja dari aplikasi musik.
Untuk siapa kursus daring ini?
Untuk desainer yang ingin memasuki dunia desain antarmuka, desainer UI, desainer interaksi junior, dan siapa pun yang tertarik dalam desain aplikasi atau terlibat dalam desain produk digital.
Persyaratan dan bahan
Untuk mengikuti kursus ini, pengetahuan dasar tentang Sketch diperlukan.
Untuk bahan-bahannya, Anda memerlukan komputer yang menjalankan macOS Mojave atau versi yang lebih baru dan Sketch versi terbaru (Anda dapat mengunduh versi uji coba dari situs web mereka). Wacom merupakan nilai tambah, tetapi tidak wajib.
Ulasan
- 1 tahun yang lalu
El curso es una base para iniciar a trabajar con la metodología Atomic Design.
- 3 tahun yang lalu
La neta no era lo que esperaba, pensé que el UI Kits te ayudaba a crear el diseño de la aplicación, pero ya lo tenia creado y solo agrupo los componentes, y también no me gusto el estilo en como hablaba, parecía que le faltaba el aire para pronunciar palabras, disculpen mi critica pero así lo percibí
- 4 tahun yang lalu
Increible curso
- 4 tahun yang lalu
Muy completo
- 5 tahun yang lalu
El curso me ha parecido super claro y completo. El profesor da muchos detalles y es super dinamico para todo lo que explica en tan poco tiempo. Super recomendable.
Isi
- U 1
Perkenalan
- Presentasi
- Pengaruh
- Apa yang akan kita lakukan selama kursus
- U 2
Konsep sketsa dan pengaturan
- Apa itu UI Kit?
- Pola dan Komponen UI di Sketch
- Desain Atom
- U 3
Meletakkan fondasi untuk Kit UI kami dengan Sketch
- Proyek
- Warna, Font dan Grid
- Warna, Font dan Grid 2
- Set Ikon
- U 4
Membuat komponen atom di Sketch
- Membuat Komponen: Atom
- Membuat Komponen: Atom 2
- Membuat komponen: Molekul
- Membangun Layar dengan Atom dan Molekul
- U 5
Perpustakaan di Sketch
- Kit UI sebagai pustaka di Sketch
- Menambahkan komponen baru ke Kit UI kami
- Hadirkan Kit UI Anda
- FP
Proyek akhir
- Membuat UI Kit dengan Sketch
Apa yang diharapkan dari kursus Domestika
Belajar dengan kecepatan Anda sendiri
Nikmati belajar dari rumah tanpa jadwal tetap dan dengan metode yang mudah diikuti. Anda bisa mengatur kecepatan belajar Anda sendiri.
Belajar dari para profesional terbaik
Pelajari metode dan teknik berharga yang dijelaskan oleh para ahli terkemuka di sektor kreatif.
Bertemu dengan guru ahli
Setiap pakar mengajarkan apa yang paling mereka kuasai, dengan pedoman yang jelas, semangat yang membara, dan wawasan profesional dalam setiap pelajaran.
Sertifikat
PLUSJika Anda anggota Plus, dapatkan sertifikat khusus yang ditandatangani oleh pengajar Anda untuk setiap kursus. Bagikan di portofolio, media sosial, atau di mana pun Anda suka.
Dapatkan kursi baris depan
Video berkualitas tinggi, jadi Anda tidak akan melewatkan satu detail pun. Dengan akses tak terbatas, Anda dapat menontonnya sesering yang Anda butuhkan untuk menyempurnakan teknik Anda.
Berbagi pengetahuan dan ide
Ajukan pertanyaan, minta masukan, atau tawarkan solusi. Bagikan pengalaman belajar Anda dengan siswa lain di komunitas yang sama bersemangatnya dengan Anda dalam hal kreativitas.
Terhubung dengan komunitas kreatif global
Komunitas ini merupakan rumah bagi jutaan orang dari seluruh dunia yang ingin tahu dan bersemangat untuk mengeksplorasi dan mengekspresikan kreativitas mereka.
Tonton kursus yang diproduksi secara profesional
Domestika menyusun daftar guru dan memproduksi setiap kursus secara internal untuk memastikan pengalaman belajar daring berkualitas tinggi.
Tanya Jawab Umum
You’ll learn how to create, organize, and document visual design systems, UI Kits, and reusable components in Sketch, using methodologies like Atomic Design and Material Design patterns for mobile and web apps.
This is an intermediate-level course, so it’s recommended that you have basic knowledge of digital graphic design or prior experience with tools like Sketch or Figma.
You’ll need a Mac with Sketch installed, internet access, and basic design knowledge. Familiarity with digital interfaces and usability concepts is recommended.
Atomic Design is applied by breaking components into atoms, molecules, and organisms, enabling you to build modular, scalable, and easy-to-maintain interfaces in Sketch.
Yes, the course guides you step-by-step to create, organize, and reuse a UI Kit in Sketch, centralizing components, styles, and visual elements for mobile or web apps.
Yes, you’ll learn to create, document, and manage visual design systems, including style guides, color palettes, typography, and components.
Yes, the course shows you how to check color contrast between backgrounds and text, applying accessibility principles to improve readability and user experience.