Tworzenie style guide dla aplikacji
A course by Christian VizcarraStarszy Projektant Produktu
A course by Christian Vizcarra, Starszy Projektant Produktu
Dowiedz się, jak udokumentować i stworzyć style guide za pomocą Sketch lub innego oprogramowania do projektowania UI
Jednym z kluczowych elementów do projektowania aplikacji mobilnych jest Podręcznik stylu lub przypomnienie styl wizualny, który służy jako dokumentacja i przewodnikiem dla wszystkich zespołów biorących udział w tworzeniu aplikacji, zwłaszcza programistów, którzy muszą realizować projekty. Na tym kursie nauczysz się tworzyć przewodnik po stylu __ aby nie tylko dobrze wyglądał, ale także był wysoce funkcjonalny.
Christian Vizcarra —Projektant produktu i nauczyciel kursu Projekt aplikacji mobilnej - ma więcej 9 lat tworzenia produktów cyfrowych, wyróżnionych nagrodami CSS Design, Behance i Awwwards, a na tym kursie nauczy Cię dokumentować, komunikować i eksportować wszystkie komponenty, aby stworzyć profesjonalny przewodnik stylu __
Czego nauczysz się na tym kursie online?
llekcji: 20 & liczba dodatkowych zasobów: 8
Co zrobimy na kursie?
38 sek.
Czym jest przewodnik po stylu?
5 min, 18 sek.
Różnice między styleguide a UI Kit
3 min, 35 sek.
Dobre praktyki budowania przewodnika stylu
4 min, 50 sek.
Jak tworzyć symbole?
16 min, 1 sekunda
Układ
9 min, 24 sek.
Co obejmuje ten kurs?
Najpierw poznasz Christiana, jego karierę zawodową, jego doświadczenie w tworzeniu produktów cyfrowych oraz cel jego kursu, tworzenie poradników stylu dla aplikacji mobilnych.
Zobaczysz, czym jest przewodnik stylu __ , do czego służy i dlaczego jest tak ważny podczas tworzenia cyfrowych doświadczeń w sieci lub aplikacji. Zobaczysz również, czym jest zestaw UI, do czego służy, jakie są jego cechy i jakie ma różnice z przewodnikiem po stylu wizualnym, który stworzysz w tym kursie. Skończysz pierwszą część, patrząc na przykłady dobrych praktyk, aby zbudować swój podręcznik.
Następnie przejrzysz wszystkie elementy, które składają się na przewodnik stylu , nauczysz się je definiować, dokumentować i eksportować. Zaczniesz od symboli: jak je tworzyć i ich znaczenie; i będzie kontynuować poprzez Układ The Siatka , rodzaje miejsc, które istnieją i kolorach.
Następnie zatrzymasz się na typografii, poznasz hierarchie, jak dokumentować rozmiary, wagi, style i wszystko, czego potrzebujesz, aby uzyskać spójność w swoim cyfrowym produkcie.
Zobaczysz, jak tworzyć ikony i jaki powinien być prawidłowy proces dokumentowania ikonografii Twojego projektu. Ponadto zrozumiesz, jak dokumentować elementy interfejsu użytkownika: między innymi przyciski, formularze, karty.
Na koniec nauczysz się stosować przewodnik stylu już utworzony do nowego produktu i eksportować zasoby dla programistów.
Recommended software & tools for this course
What is this course's project?
Stworzysz przewodnik stylu __ dla aplikacji mobilnej.
Projekty uczestników kursu
Who is this online course for?
Początkujący projektanci, juniorzy UI/UX i wszyscy zainteresowani projektowaniem i zaangażowani w tworzenie produktu cyfrowego.
Requirements and materials
Będziesz potrzebować podstawowej wiedzy na temat projektowania stron internetowych i aplikacji mobilnych oraz podstawowej obsługi programu Sketch lub innej aplikacji do projektowania interaktywnych doświadczeń internetowych lub aplikacji.
Jeśli chodzi o materiały, potrzebny będzie komputer z programem Sketch (pamiętaj, że Sketch działa tylko z Apple) lub innymi programami do projektowania, takimi jak Figma, InVision, Adobe XD (te 3 działają na Windows i Apple).
Oceny
- rok temu
Excelente curso. Só faltou material de apoio. Poderia ter uma versão com o figma
- rok temu
excelente curso , me gusta que el workflow sea en sketch.
- 2 lata temu
Excelente curso, me ha gustado y mejor aun muy bien explicado. :D
- 2 lata temu
Awesome course!
- 2 lata temu
Curso muito bom!!! Abriu meu horizontes para a área e me instigou a querer estudar ainda mais!!
Jako pasjonat pomysłów, zawsze odkrywa nowe sposoby uczenia się nowych umiejętności i technik, aby ewoluować jako projektant, stąd jego osobisty projekt o nazwie The Design Project, 60-dniowe wyzwanie projektowe non-stop. Jego prace zostały docenione przez Awwwards, Behance i CSS Design Awards.
Zawartość
- Cz.1
Cześć!
- Prezentacja
- Wpływy
- Co zrobimy na kursie?
- Cz.2
Wstęp
- Czym jest przewodnik po stylu?
- Różnice między styleguide a UI Kit
- Dobre praktyki budowania przewodnika stylu
- Cz.3
Elementy w przewodniku stylistycznym
- Jak tworzyć symbole?
- Układ
- Przestrzenie
- Zabarwienie
- Typografia
- Ikonografia
- Komponenty interfejsu użytkownika część 1
- Komponenty interfejsu użytkownika część 2
- Komponenty interfejsu użytkownika część 3
- Komponenty interfejsu użytkownika część 4
- Komponenty interfejsu użytkownika część 5
- Cz.4
Stosowanie przewodnika stylistycznego
- Stosowanie mojego przewodnika po stylach
- Eksport aktywów do programowania
- A jeśli są zmiany
- PK
Projekt końcowy
- Tworzenie style guide dla aplikacji
Kurs Domestika - czego możesz się spodziewać?
Nauka we własnym tempie
Radość z nauki w domu, bez wyznaczonych terminów. Szybko przyswajasz wiedzę, a swój plan zajęć układasz wedle uznania.
Nauka z najlepszymi ekspertami
Przydatne metody oraz ciekawe techniki przedstawione i wyjaśnione przez najlepszych specjalistów z branży kreatywnej.
Doświadczeni prowadzący
Wszyscy prowadzący są specjalistami w swojej dziedzinie. Przekazują wiedzę z pasją, tłumaczą zagadnienia w jasny sposób, a podczas zajęć kładą nacisk na praktyczne zastosowanie zdobytej wiedzy.
Certificates
PLUSIf you're a Plus member, get a spersonalizowany certyfikat signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.
Miejsca w pierwszym rzędzie
Wysoka jakość wideo sprawia, że nie umknie Ci żaden szczegół. Dzięki nieograniczonemu dostępowi możesz obejrzeć nagrania tyle razy, ile potrzebujesz, aby przyswoić nowe umiejętności.
Dzielenie się wiedzą i pomysłami
Zadawaj pytania, nie wahaj się poprosić o opinię czy poszukać rozwiązania. Podziel się swoimi wrażeniami z nauki z pozostałymi członkami społeczności, którzy tak jak Ty uwielbiają tworzyć.
Łączność z kreatywną społecznością z całego świata
Społeczność kilku milionów użytkowników z całego świata, pełnych ciekawości oraz chęci odkrywania i wyrażania swojej kreatywności.
Profesjonalna realizacja kursów
Domestika starannie dobiera prowadzących i produkuje wszystkie kursy we własnym zakresie, aby zapewnić wysoką jakość nauki online.
Często zadawane pytania
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.