Sketch ile UI Kiti Oluşturma
A course by Nodos .Kullanıcı Deneyimi/UI Tasarımcısı
A course by Nodos ., Kullanıcı Deneyimi/UI Tasarımcısı
İş akışınızı kolaylaştırmak için uygulama ve web arayüzleri için Atomik Tasarım metodolojisini kullanarak önceden tasarlanmış dosyaların nasıl oluşturulacağını öğrenin
Uygulamaların temel kuralı kullanıcılarının hayatını kolaylaştırmaktır ancak sıfırdan bir uygulama oluşturmak gerçekten karmaşık bir süreç olabilir. Bu nedenle arayüz tasarımında kullanılmaya hazır öğelerden oluşan UI Kitleri gerçekten yararlı bir kaynaktır.
Bu kursta, tasarımcı Migue, diğer adıyla El Nodos'tan Sketch'teki uygulamalar ve web siteleri için UI Kitlerinin nasıl oluşturulacağını öğreneceksiniz. Ayrıca, gelecekteki projelerde yeniden kullanmak ve iş akışınızı daha da kolaylaştırmak için bunları nasıl güncelleyeceğinizi göreceksiniz. Çarpıcı arayüzleri hayata geçirin ve hızlı ve kolay bir şekilde unutulmaz deneyimler yaratın.
Bu çevrimiçi kursta ne öğreneceksiniz?
1 ders & 1 indirme
Kurs süresince neler yapacağız
2 dakika, 25 saniye
Kullanıcı Arayüzü Kiti nedir?
7 dakika, 52 saniye
Sketch'teki Kullanıcı Arayüzü Desenleri ve Bileşenleri
4 dakika, 57 saniye
Atomik Tasarım
11 dakika, 18 saniye
Proje
10 dakika, 16 saniye
Renkler, Yazı Tipi ve Izgara
20 dakika, 13 saniye
Bu kursa neler dahil?
Öğretmeninizi tanıyarak ve profesyonel kariyeri boyunca onun yolunun nasıl olduğunu öğrenerek başlayacaksınız. Ayrıca kurs boyunca üzerinde çalışacağınız projeyi de açıklayacaktır.
Daha sonra, bir UI Kitinin ne olduğunu ve onu bir tasarım sisteminden ayıran şeyin ne olduğunu keşfedeceksiniz. Arayüz tasarımı modellerini görecek ve dosyalarınızı Migue'nin kullandığı metodolojiye göre nasıl düzenleyeceğinizi öğreneceksiniz.
UI Kitinizi temel alacağınız projeyi inceleyecek ve oluşturulacak bileşenleri analiz edeceksiniz. Daha sonra renklere, yazı tipine, ızgaralara (ızgara) ve simge kümesine bakarak stil rehberinizi tanımlayacaksınız.
İlk önce atomları yaratarak, ardından bazılarını birleştirerek molekülleri oluşturarak ve son olarak tüm bu bileşenlerden oluşan bazı ekranlar oluşturarak harekete geçeceksiniz.
Son ünitede Migue size UI Kitinizi Sketch'te bir kitaplık olarak nasıl kullanacağınızı ve gerektiğinde yeni bileşenler ekleyerek onu nasıl güncel tutacağınızı öğretecek.
Recommended software & tools for this course
What is this course's project?
Uygulamanız için ekranlar oluştururken çalışmalarınızı hızlandırmanızı sağlayacak bir UI Kit oluşturacaksınız. Kurs sırasında bir müzik uygulamasından çalışacaksınız.
Who is this online course for?
Arayüz tasarımı dünyasına girmek isteyen tasarımcılar, kullanıcı arayüzü tasarımcıları, genç etkileşim tasarımcıları ve uygulama tasarımıyla ilgilenen veya dijital ürün tasarımıyla ilgilenen herkes için.
Requirements and materials
Bu kursu almak için temel Sketch bilgisi gereklidir.
Malzemelere gelince, macOS Mojave veya daha yüksek bir sürüme sahip bir bilgisayara ve Sketch'in en son sürümünün kurulu olmasına ihtiyacınız olacak (deneme sürümünü web sitesinden indirebilirsiniz). Wacom'a sahip olmak bir artıdır ancak şart değildir.
Yorumlar
- 1 yıl önce
El curso es una base para iniciar a trabajar con la metodología Atomic Design.
- 3 yıl önce
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 yıl önce
Increible curso
- 4 yıl önce
Muy completo
- 5 yıl önce
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.
Şu anda ölçeklenebilir tasarım kalıpları ve sistemleri oluşturmaya odaklanmıştır. Ayrıca ürün tasarımı topluluğu için tasarımcıların, geliştiricilerin, ux yazarlarının, ürün tasarımcılarının ve dijital ürün tasarımıyla ilgilenen herkesin katıldığı düzenli buluşmalar düzenleyen SketchMX topluluğunun kurucu ortağıdır.
İçerik
- U 1
giriiş
- Sunum
- Etkiler
- Kurs süresince neler yapacağız
- U 2
Taslak konseptleri ve kurulum
- Kullanıcı Arayüzü Kiti nedir?
- Sketch'teki Kullanıcı Arayüzü Desenleri ve Bileşenleri
- Atomik Tasarım
- U 3
Sketch ile UI Kitimizin temellerini oluşturma
- Proje
- Renkler, Yazı Tipi ve Izgara
- Renkler, Yazı Tipi ve Izgara 2
- Simge Seti
- U 4
Sketch'te atomik bileşenler nasıl oluşturulur?
- Bileşenler oluşturma: Atomlar
- Bileşenler oluşturma: Atomlar 2
- Bileşenler oluşturma: Moleküller
- Atomlar ve Moleküllerle ekranlar oluşturma
- U 5
Sketch'teki kitaplıklar
- Sketch'te kitaplık olarak UI Kit
- Kullanıcı Arayüzü Kitimize yeni bileşenler ekleyin
- Kullanıcı Arayüzü Kitinizi sunun
- FP
Bitirme projesi
- Sketch ile UI Kitleri Oluşturma
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
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.