Uygulama Stil Kılavuzu Oluşturma
Eğitmen: Christian VizcarraKıdemli Ürün Tasarımcısı
Eğitmen: Christian Vizcarra, Kıdemli Ürün Tasarımcısı
Sketch ile bir stil kılavuzunu nasıl belgeleyeceğinizi ve oluşturacağınızı öğrenin
Mobil uygulamaların tasarımına yönelik temel unsurlardan biri, uygulamanın oluşturulmasında yer alan tüm ekipler, özellikle de onları kullanan programcılar için dokümantasyon ve rehberlik görevi gören stil kılavuzu veya görsel stil kılavuzudur. tasarımları hayata geçirmek gerekiyor. Bu kursta, yalnızca güzel görünmekle kalmayıp aynı zamanda son derece işlevsel olmasını sağlayacak şekilde adım adım bir stil kılavuzunun nasıl oluşturulacağını öğreneceksiniz.
Christian Vizcarra —Ürün Tasarımcısı ve kursun öğretmeni Mobil uygulama tasarımı — vardır devamı 9 yıldır dijital ürünler yaratıyor, CSS Tasarım ödülleri, Behance ve Awwwards tarafından tanınıyor ve bu kursta size profesyonel bir stil kılavuzu oluşturmak için tüm bileşenleri nasıl belgeleyeceğinizi, ileteceğinizi ve dışa aktaracağınızı öğretecek.
Bu çevrimiçi kursta ne öğreneceksiniz?
1 ders & 1 indirme
Kursta ne yapacağız?
38 saniye
Stil rehberi nedir?
5 dakika, 18 saniye
Stil kılavuzu ve UI Kiti arasındaki farklar
3 dakika, 35 saniye
Stil kılavuzu oluşturmaya yönelik iyi uygulamalar
4 dakika, 50 saniye
Semboller nasıl oluşturulur?
16 dakika, 1 saniye
Düzen
9 dakika, 24 saniye
Bu kursa neler dahil?
Öncelikle Christian'ı, profesyonel kariyerini, dijital ürünler yaratma deneyimini ve kursunun amacını, yani mobil uygulamalar için stil kılavuzları oluşturmayı tanıyacaksınız.
Bir stil kılavuzunun ne olduğunu, ne işe yaradığını ve web üzerinde veya bir uygulamada dijital deneyim oluştururken neden bu kadar önemli olduğunu göreceksiniz. Ayrıca bu derste oluşturacağınız görsel stil rehberi ile UI Kit'in ne olduğunu, ne işe yaradığını, özelliklerini ve sahip olduğu farklılıkları göreceksiniz. Kılavuzunuzu oluşturmak için iyi uygulama örneklerini görerek ilk üniteyi bitireceksiniz.
Daha sonra, bir stil kılavuzunu oluşturan tüm öğeleri gözden geçirecek, bunları nasıl tanımlayacağınızı, belgeleyeceğinizi ve dışa aktaracağınızı öğreneceksiniz. Sembollerle başlayacaksınız: bunların nasıl oluşturulacağı ve önemi; ve düzen , ızgara , mevcut alan türleri ve renkler üzerinden devam edeceksiniz.
Daha sonra tipografi üzerinde duracak, hiyerarşileri, boyutları, ağırlıkları, stilleri ve dijital ürününüzde tutarlılık oluşturmak için gereken her şeyi nasıl belgeleyeceğinizi öğreneceksiniz.
Simgelerin nasıl oluşturulacağını ve projenizin ikonografisini belgelemek için doğru sürecin ne olması gerektiğini göreceksiniz. Ek olarak, diğerlerinin yanı sıra düğmeler, formlar, kartlar gibi kullanıcı arayüzü bileşenlerini nasıl belgeleyeceğinizi de anlayacaksınız.
Son olarak, önceden oluşturulmuş bir stil kılavuzunu yeni bir ürüne nasıl uygulayacağınızı ve programcılar için varlıkları nasıl aktaracağınızı öğreneceksiniz.
Bu kurs için önerilen yazılım ve araçlar
Bu kursun projesi nedir?
Mobil uygulama için bir stil kılavuzu oluşturacaksınız.
Kurs öğrencilerinin projeleri
Bu çevrimiçi kurs kimlere yöneliktir?
Yeni başlayan tasarımcılar, genç UI/UX ve tasarımla ilgilenen ve dijital bir ürünün yaratılmasında yer alan herkes için.
Gereksinimler ve materyaller
Etkileşimli web veya uygulama deneyimleri tasarlamak için web tasarımı ve mobil uygulamalarla ilgili temel bilgilere ve Sketch veya başka bir uygulamayla ilgili temel bilgilere ihtiyacınız olacak.
Malzemelerle ilgili olarak, Sketch yüklü bir bilgisayara (Sketch'in yalnızca Apple ile çalıştığını unutmayın) veya Figma, InVision, Adobe XD (bu üçü Windows ve Apple'da çalışır) gibi diğer tasarım programlarına ihtiyacınız olacak.
Yorumlar
- 1 yıl önce
Excelente curso. Só faltou material de apoio. Poderia ter uma versão com o figma
- 1 yıl önce
excelente curso , me gusta que el workflow sea en sketch.
- 2 yıl önce
Excelente curso, me ha gustado y mejor aun muy bien explicado. :D
- 2 yıl önce
Awesome course!
- 2 yıl önce
Curso muito bom!!! Abriu meu horizontes para a área e me instigou a querer estudar ainda mais!!
Bir fikir hayranı olarak, bir tasarımcı olarak gelişmek için her zaman yeni beceriler ve teknikler öğrenmenin yeni yollarını araştırır, dolayısıyla 60 günlük aralıksız bir tasarım mücadelesi olan The Design Project adlı kişisel projesi bu nedenledir. Çalışmaları Awwwards, Behance ve CSS Tasarım Ödülleri tarafından takdir edildi.
İçerik
- U 1
Merhaba!
- Sunum
- Etkiler
- Kursta ne yapacağız?
- U 2
giriiş
- Stil rehberi nedir?
- Stil kılavuzu ve UI Kiti arasındaki farklar
- Stil kılavuzu oluşturmaya yönelik iyi uygulamalar
- U 3
Stil kılavuzundaki öğeler
- Semboller nasıl oluşturulur?
- Düzen
- Alanlar
- Renkler
- Tipografi
- İkonografi
- Kullanıcı arayüzü bileşenleri bölüm 1
- Kullanıcı arayüzü bileşenleri bölüm 2
- Kullanıcı arayüzü bileşenleri bölüm 3
- Kullanıcı arayüzü bileşenleri bölüm 4
- Kullanıcı arayüzü bileşenleri bölüm 5
- U 4
Stil kılavuzu uygulama
- Stil kılavuzumu uygulama
- Programlama için varlıkları dışa aktarma
- Ve eğer değişiklikler varsa
- FP
Bitirme projesi
- Uygulamalar için stil kılavuzu 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
Stil Rehberleri oluşturmayı, dokümante etmeyi ve uygulamayı; UI bileşenlerini yönetmeyi; tasarım ve geliştirme arasındaki iletişimi güçlendirmeyi; güncel araç ve yöntemlerle dijital ürünlerde görsel tutarlılık sağlamayı öğreneceksiniz.
Kurs, dijital tasarım konusunda temel bilgisi olan ve dokümantasyon, Stil Rehberi oluşturma ile geliştirme ekipleriyle işbirliğini derinleştirmek isteyenlere yönelik.
Sketch veya Figma gibi araçları temel düzeyde kullanabilmek ve dijital tasarım hakkında temel bilgi sahibi olmak önerilir. Uzman olmanız gerekmez, ancak dokümantasyon ve işbirliği süreçlerini geliştirmeye ilgi duymanız önemli.
Spesifikasyonları dokümante etmeyi, net Stil Rehberleri oluşturmayı ve işbirliği araçlarını kullanmayı öğreterek hataları azaltır ve geliştirici ekibin tasarımları daha kolay anlamasını sağlar.
Stil Rehberi, dijital ürünlerin tasarım ve uygulamasında tutarlılık ve verimlilik sağlamak için görsel kuralları ve bileşenleri tanımlayan bir stil kılavuzudur.
Sketch, Figma, Zeppelin, InVision ve Abstract gibi araçları kullanarak arayüz bileşenleri ve Stil Rehberleri oluşturmayı, düzenlemeyi ve dokümante etmeyi öğreneceksiniz.
Evet, UI Kit oluşturmayı ve Stil Rehberi ile farkını öğreneceksiniz: UI Kit, tekrar kullanılabilir bileşenlerden oluşan bir set; Stil Rehberi ise görsel kurallar ve spesifikasyonları dokümante eder.