İş 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.
Bu kurs için önerilen yazılım ve araçlar
Bu kursun projesi nedir?
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.
Bu çevrimiçi kurs kimlere yöneliktir?
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.
Gereksinimler ve materyaller
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.
Sertifikalar
PLUSPlus üyesiyseniz her kurs için öğretmeninizden imzalı bir özel sertifika alın. Portföyünüzde, sosyal medyada veya istediğiniz yerde paylaşın.
Ö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
Sketch'te Atomic Design, Material Design kalıpları gibi metodolojileri kullanarak görsel tasarım sistemleri, UI Kitler ve tekrar kullanılabilir bileşenler oluşturmayı, düzenlemeyi ve dokümante etmeyi öğreneceksiniz.
Bu kurs orta seviyedir, bu yüzden dijital grafik tasarımda temel bilgiye veya Sketch ya da Figma gibi araçlarda önceden deneyime sahip olmanız önerilir.
Sketch yüklü bir Mac bilgisayar, internet bağlantısı ve temel tasarım bilgisi gereklidir. Dijital arayüzlere aşinalık ve kullanılabilirlik bilgisi faydalı olacaktır.
Atomic Design, Sketch'te bileşenleri atomlar, moleküller ve organizmalar olarak bölerek modüler, ölçeklenebilir ve kolay yönetilebilir arayüzler oluşturmayı sağlar.
Evet, kurs size Sketch'te UI Kit oluşturmayı, düzenlemeyi ve yeniden kullanmayı adım adım öğretir; bileşenler, stiller ve görsel öğeleri mobil veya web uygulamaları için merkezileştirir.
Evet, stil rehberleri, renk paletleri, tipografiler ve bileşenler dahil olmak üzere görsel tasarım sistemleri oluşturmayı, dokümante etmeyi ve yönetmeyi öğreneceksiniz.
Evet, kurs arka plan ile metin arasındaki renk kontrastını kontrol etmeyi ve erişilebilirlik ilkelerini uygulayarak okunabilirlik ve kullanıcı deneyimini artırmayı gösterir.