Figma ile Tasarım Sistemlerine Giriş
A course by Javier CuelloKullanıcı Deneyimi Tasarımcısı
A course by Javier Cuello, Kullanıcı Deneyimi Tasarımcısı
Kullanıcılarınızın ihtiyaçlarına cevap veren tasarım sistemlerini nasıl oluşturacağınızı öğrenin
Her arayüzün arkasında markanızın, şirketinizin veya ürününüzün yönünü belirleyebilecek bir dizi görünmez detay vardır. Design Systems araçlarını projenize dahil ederek arayüzünüzün ekibinizin tüm üyeleriyle uyumlu olmasını ve sezgisel olarak çalışmasını sağlayabilirsiniz.
Bu kursta, kullanıcı deneyimlerinde uzmanlaşmış bir tasarımcı olan Javier “Simón” Cuello, kullanıcılarınızın ve müşterilerinizin gerçek ihtiyaçlarını karşılayan bir web sitesinin arayüzünü düzenli, tutarlı ve tutarlı bir şekilde oluşturmanıza yardımcı olacaktır.
Ayrıca Javier'in Domestika'daki diğer kurslarına da göz atmanızı öneririz: Sketch ile arayüz tasarımı ve Lezzetli bir Uygulama tasarlayın .
Bu çevrimiçi kursta ne öğreneceksiniz?
1 ders & 1 indirme
Kursta ne yapacağız?
4 dakika, 34 saniye
Size ve çalışma ekibinize faydaları
7 dakika, 48 saniye
Bir sistemin parçaları
6 dakika, 24 saniye
Bağlamı tanımlayın
7 dakika, 1 saniye
Tasarım ilkelerini düşünmek
7 dakika, 45 saniye
Stil kılavuzu 1
13 dakika, 49 saniye
Bu kursa neler dahil?
Bu kursa Javier'i, projelerini ve kariyeri boyunca etkilediği etkileri tanıyarak ve ayrıca Tasarım Sistemlerinin ana kavramlarına giriş yaparak başlayacaksınız.
Ardından, Tasarım Sistemlerinin kendiniz ve ekibiniz için faydalarını keşfedecek ve bir sistemi oluşturan tüm parçaları göreceksiniz: tasarımınızın ilkeleri, stil kılavuzu, arayüzün gevşek öğeleri ve bileşenleri, kod ve dokümantasyon deposu.
Javier size, ürünün bağlamına göre sisteminizin amacını belirlemeyi öğretecek ve proje stratejilerinizi oluşturmak için tasarımınıza yön veren kriterleri nasıl kullanacağınızı gösterecektir. Arayüzünüz için kesin bir stil kılavuzu oluşturmanıza yardımcı olacaktır.
İşe başlamak! Figma yazılımını kullanarak ana ekranın gevşek elemanlarını, bileşenlerini, desenlerini ve prototiplerini farklı formatlarda tasarlayacaksınız.
Sonuç olarak, tasarım sisteminizin tüm ekip üyeleri tarafından kontrol edilen ve desteklenen bir evrime sahip olması için iletişim ve işbirliği unsurlarıyla çalışacaksınız.
Javier size Tasarım Tokenlarının önemini ve sisteminizin gelişimini nasıl belgeleyeceğinizi öğretecek. Devam eden bir çalışmayı halihazırda tamamlanmış olandan nasıl ayırt edeceğinizi gösterecek ve bir ekip içindeki farklı profillerle nasıl çalışacağınız konusunda size tavsiyelerde bulunacaktır.
Recommended software & tools for this course
What is this course's project?
Bir seyahat sitesinin ana sayfasını 3 farklı boyutta tasarlayacaksınız.
Kurs öğrencilerinin projeleri
Who is this online course for?
Web siteleri ve uygulamalar için düzenli, tutarlı ve tutarlı bir tasarım oluşturmak isteyen arayüz tasarımcıları için.
Requirements and materials
Stiller, bileşenler ve Otomatik Düzen işlevleri oluşturmanın yanı sıra arayüz tasarımına aşinalık da dahil olmak üzere Figma hakkında temel bilgiye sahip olmanız gerekir.
Malzemelere gelince, Figma yazılımının kurulu olduğu bir bilgisayara ihtiyacınız olacak. Bu kurs Figma 116.3.6 ile oluşturulmuştur. Daha yeni bir sürüme sahipseniz içerikleri sorunsuz bir şekilde takip edebileceksiniz.
Yorumlar
- 2 ay önce
very nice overview and introduction to design systems. so far so good.
- 3 ay önce
Até o momento, muito interessante. Vários insights interessantes e pontos de atencao negligenciados muitas vezes.
- 4 ay önce
Il corso offre una panoramica abbastanza completa. Purtroppo però la traduzione audio in italiano (e di conseguenza i sottotitoli, che corrispondono perfettamente alla traduzione audio) è davvero pessima. Ci sono troncamenti di frasi e parole/traduzioni insensate che rendono dei passaggi pressoché incomprensibili. Questo compromette notevolmente la qualità del corso per chi ne usufruisce in altra lingua.
- 6 ay önce
Very insightful!
- 9 ay önce
Un curso bastante completo, me sirvió para reafirmar mis conocimientos en DS. Lo recomiendo mucho si estas empezando en el mundo de los sistemas de diseño.
Çalışmalarına yansıyan şey, görünüşte görünmez olan ayrıntıları iyileştirme konusundaki sürekli endişedir, ancak bu, dijital bir projenin kullanıcı deneyimi düzeyinde parlamasına olanak tanır.
İçerik
- U 1
giriiş
- Sunum
- Etkiler
- Kursta ne yapacağız?
- U 2
Tasarım Sistemleri
- Size ve çalışma ekibinize faydaları
- Bir sistemin parçaları
- U 3
Tasarım sisteminizin temelleri
- Bağlamı tanımlayın
- Tasarım ilkelerini düşünmek
- Stil kılavuzu 1
- Stil kılavuzu 2
- U 4
Sistemi tasarlama
- Öğeler 1
- Öğeler 2
- Öğeler 3
- Bileşen Tasarımı 1
- Bileşen Tasarımı 2
- Bileşen Tasarımı 3
- Bileşen Tasarımı 4
- Ek bileşenler
- desenler
- Ekranlar 1
- Ekranlar 2
- U 5
İletişim ve işbirliği
- Tasarım jetonları
- Zeroheight: sistem nasıl belgelenir
- Değişiklikler ve güncellemeler
- Çalışma ekipleri
- FP
Bitirme projesi
- Figma ile Tasarım Sistemlerine Giriş
Bir Domestika kursundan neler beklenebilir?
Kendi hızınızda öğrenin
Belirli bir program olmadan ve takip edilmesi kolay bir yöntemle evden öğrenmenin tadını çıkarın. Kendi hızınızı kendiniz belirlersiniz.
En iyi profesyonellerden öğrenin
Yaratıcı sektörün en iyi uzmanlarının açıkladığı değerli yöntem ve teknikleri öğrenin.
Uzman öğretmenlerle tanışın
Her uzman, her derste açık yönergelerle, gerçek tutkuyla ve profesyonel anlayışla en iyi yaptıkları şeyi öğretir.
Certificates
PLUSIf you're a Plus member, get a özel sertifika signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.
Ön sıra koltukları alın
En yüksek kalitede videolar sayesinde tek bir ayrıntıyı kaçırmazsınız. Sınırsız erişim sayesinde tekniğinizi mükemmelleştirmek için bunları istediğiniz kadar izleyebilirsiniz.
Bilgi ve fikirleri paylaşın
Sorular sorun, geri bildirim isteyin veya çözümler sunun. Öğrenme deneyiminizi topluluktaki, yaratıcılığa sizin kadar tutkulu olan diğer öğrencilerle paylaşın.
Küresel bir yaratıcı toplulukla bağlantı kurun
Topluluk, dünyanın her yerinden meraklı ve yaratıcılıklarını keşfetme ve ifade etme konusunda tutkulu milyonlarca insana ev sahipliği yapıyor.
Profesyonelce hazırlanmış kursları izleyin
Domestika, yüksek kaliteli bir çevrimiçi öğrenme deneyimi sağlamak için öğretmen kadrosunu seçer ve her dersi kendi bünyesinde üretir.
SSS
A design system is a collection of components, guidelines, and patterns that ensure consistency and efficiency in digital products. It streamlines collaboration, reduces errors, and speeds up development—making it essential for teams aiming for visual and functional harmony.
Yes, this course is designed for people with prior design experience, ideally at an intermediate level, who want to deepen their skills in creating and managing design systems for digital products.
It’s recommended to have basic experience in digital design and familiarity with tools like Figma. Understanding components, interfaces, and design principles will help you get the most out of the course.
You’ll learn how to create and manage design systems, define reusable components, document design principles, optimize workflows, and maintain visual consistency across teams and digital products.
The course teaches how to apply Dieter Rams’ principles to create functional, timeless, and minimalist interfaces, focusing on solving problems through simplicity and a balanced blend of form and function.
The primary tools used are Figma for design and component creation, and ZeroHeight for documenting style guides and principles, making collaboration and access to system information easy.
Yes, you’ll learn how to structure and document components, principles, and style guides using collaborative tools to ensure the system is properly adopted and maintained by the whole team.