Membuat panduan gaya untuk aplikasi
Kursus oleh Christian Vizcarra, Desainer Produk Senior
Bergabung sejak 2014
Membuat panduan gaya untuk aplikasi
Bergabung sejak 2014
Salah satu[/i] kunci dalam desain aplikasi seluler adalah panduan gaya atau panduan gaya visual, yang berfungsi sebagai dokumentasi dan panduan bagi semua tim yang terlibat dalam pembuatan aplikasi, terutama para programmer yang harus mengimplementasikan desain. Dalam kursus ini [i]Anda akan mempelajari cara membuat gaya langkah demi langkah agar tidak hanya terlihat bagus tetapi juga sangat fungsional.
Christian Vizcarra —Perancang Produk dan profesor kursus Mendesain Aplikasi Seluler — memiliki lebih dari 9 tahun pengalaman dalam menciptakan produk digital, yang diakui oleh penghargaan Desain CSS, Behance dan Awwwards, dan dalam kursus ini ia akan mengajarkan Anda cara mendokumentasikan, mengomunikasikan, dan mengekspor semua komponen untuk membuat panduan gaya profesional.
Apa yang akan Anda pelajari dalam kursus daring ini?
1 pelajaran & 1 unduhan
Apa yang termasuk dalam kursus ini?
Pertama, Anda akan bertemu Christian, karier profesionalnya, pengalamannya menciptakan produk digital, dan tujuan kursusnya: pembuatan panduan gaya untuk aplikasi seluler.
Anda akan mempelajari apa itu panduan gaya,[/i] dan mengapa panduan gaya sangat penting saat menciptakan pengalaman digital di web atau aplikasi. Anda juga akan mempelajari apa itu UI Kit, kegunaannya, fitur-fiturnya, dan perbedaannya dengan panduan gaya visual yang akan Anda buat dalam kursus ini. Anda akan menyelesaikan unit pertama dengan melihat contoh praktik terbaik untuk menyusun panduan Anda.
Selanjutnya, Anda akan meninjau semua elemen membentuk gaya, mempelajari cara mendefinisikan mendokumentasikan dan mengekspornya. Anda akan mulai dengan simbol: cara membuatnya dan pentingnya simbol tersebut; lalu Anda akan menjelajahi tata letak , jenis ruang yang ada, dan warna.
Anda kemudian akan mendalami tipografi, mempelajari tentang hierarki, cara mendokumentasikan ukuran, bobot, gaya, dan segala hal lain yang Anda perlukan untuk menciptakan konsistensi dalam produk digital Anda.
Anda akan mempelajari cara membuat ikon dan proses yang tepat untuk mendokumentasikan ikonografi proyek Anda. Anda juga akan memahami cara mendokumentasikan komponen UI: tombol, formulir, kartu, dan lainnya.
Terakhir, Anda akan mempelajari cara menerapkan panduan gaya [i]yang telah dibuat ke produk baru dan mengekspor aset untuk pengembang.
- 99% ulasan positif ( 137 )
- 1 siswa
- 1 pelajaran ( 1 jam 1m )
- 1 unduhan
- Online dan sesuai kecepatan Anda sendiri
- Tersedia di aplikasi
- Audio: Spanyol, Bahasa inggris, Perancis, Italia, Portugis, Turki
- Spanyol · Bahasa inggris · Portugis · Jerman · Perancis · Italia · Polandia · Belanda · Turki
- Tingkat: Pemula
- Akses tak terbatas selamanya
Adobe XD
Figma
InVision
SketchApa proyek kursus ini?
Anda akan membuat panduan gaya untuk aplikasi seluler.
Proyek oleh mahasiswa kursus
Untuk siapa kursus daring ini?
Untuk desainer pemula, desainer UI/UX junior, dan siapa saja yang tertarik dalam desain dan terlibat dalam pembuatan produk digital.
Persyaratan dan bahan
Anda akan memerlukan pengetahuan dasar tentang desain aplikasi web dan seluler, serta pengetahuan tentang Sketch atau aplikasi desain pengalaman web atau aplikasi interaktif lainnya.
Mengenai bahan, Anda akan memerlukan komputer dengan Sketch (ingat bahwa Sketch hanya berfungsi pada Apple) atau program desain lainnya seperti Figma, InVision, Adobe XD (ketiganya berfungsi pada Windows dan Apple), antara lain.
Ulasan
Christian Vizcarra
Kursus oleh Christian Vizcarra
Christian Vizcarra adalah Desainer Produk Senior dan Ahli Strategi Digital dengan visi produk 360 derajat berkat latar belakangnya di bidang pemasaran, 3D, video, dan media sosial. Selama delapan tahun terakhir, ia berfokus terutama pada pembuatan prod...
Isi
-
U 1
Halo!
-
Presentasi
-
Pengaruh
-
Apa yang akan kita lakukan dalam kursus ini?
-
-
U 2
Perkenalan
-
Apa itu panduan gaya?
-
Perbedaan antara styleguide dan UI Kit
-
Praktik yang baik untuk membangun panduan gaya
-
-
U 3
Elemen dalam panduan gaya
-
Bagaimana cara membuat simbol?
-
Tata Letak
-
Ruang
-
Warna
-
Tipografi
-
Ikonografi
-
Komponen UI bagian 1
-
Komponen UI bagian 2
-
Komponen UI bagian 3
-
Komponen UI bagian 4
-
Komponen UI bagian 5
-
-
U 4
Menerapkan panduan gaya
-
Menerapkan panduan gaya saya
-
Mengekspor aset untuk pemrograman
-
Dan jika ada perubahan
-
-
FP
Proyek akhir
-
Membuat panduan gaya untuk aplikasi
-
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 mata kuliah. 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, document, and implement Style Guides, manage UI components, improve collaboration between design and development, and achieve visual consistency in digital products using current tools and practices.
This course is designed for those with basic digital design knowledge, perfect for anyone looking to deepen their skills in documentation, Style Guide creation, and working closely with development teams.
Basic digital design skills and familiarity with tools like Sketch or Figma are recommended. You don’t need to be an expert, but you should be interested in documentation and improving collaborative workflows.
You’ll learn to document specifications clearly, create effective Style Guides, and use collaborative tools that reduce errors and make it easier for developers to understand your designs.
A Style Guide is a set of style rules and visual components that ensure consistency and efficiency in designing and building digital products.
You’ll get hands-on experience with tools like Sketch, Figma, Zeppelin, InVision, and Abstract to create, organize, and document interface components and Style Guides.
Yes, you’ll learn how to build UI Kits and understand the difference: a UI Kit is a collection of reusable components, while a Style Guide documents visual rules and specifications.
Adobe XD
Figma
InVision
Sketch
Excelente curso. Só faltou material de apoio. Poderia ter uma versão com o figma
excelente curso , me gusta que el workflow sea en sketch.
Excelente curso, me ha gustado y mejor aun muy bien explicado. :D
Awesome course!
Curso muito bom!!! Abriu meu horizontes para a área e me instigou a querer estudar ainda mais!!