Tworzenie zestawów UI w programie Sketch
Kurs prowadzi Nodos .Projektant UX/UI
Kurs prowadzi Nodos ., Projektant UX/UI
Naucz się, tworzyć wstępnie zaprojektowane pliki przy użyciu metodologii Atomic Design dla interfejsów aplikacji i stron internetowych, które usprawnią Twój przepływ pracy
Główną zasadą aplikacji jest ułatwienie życia jej użytkownikom, jednak stworzenie aplikacji od podstaw może być naprawdę skomplikowanym procesem. Dlatego UI Kits, gotowe do użycia zestawy elementów do projektowania interfejsów, są naprawdę przydatnym źródłem.
Na tym kursie dowiesz się, jak tworzyć zestawy UI dla aplikacji i stron internetowych w programie Sketch autorstwa projektanta Migue'a, znanego również jako El Nodos. Ponadto zobaczysz, jak je zaktualizować, aby ponownie wykorzystać je w przyszłych projektach i jeszcze bardziej usprawnić przepływ pracy. Ożyw oszałamiające interfejsy i szybko i łatwo twórz niezapomniane wrażenia.
Czego nauczysz się na tym kursie online?
llekcji: 17 & liczba dodatkowych zasobów: 21
Co będziemy robić podczas kursu
2 min, 25 sek.
Co to jest zestaw interfejsu użytkownika?
7 min, 52 sek.
Wzory i komponenty interfejsu użytkownika w Sketch
4 min, 57 sek.
Projekt atomowy
11 min, 18 sek.
Projekt
10 min, 16 sek.
Kolory, czcionka i siatka
20 min, 13 sek.
Co obejmuje ten kurs?
Zaczniesz od poznania swojego nauczyciela i tego, jak przebiegała jego droga zawodowa. Wyjaśni również projekt, nad którym będziesz pracować podczas kursu.
Następnie dowiesz się, czym jest zestaw UI i co odróżnia go od systemu projektowania. Zobaczysz wzorce projektowania interfejsów i nauczysz się organizować swoje pliki zgodnie z metodologią, którą stosuje Migue.
Przejrzysz projekt, na podstawie którego będziesz tworzyć swój zestaw UI i przeanalizujesz komponenty do stworzenia. Następnie można zdefiniować styl przewodnik patrząc na kolory, czcionki, Siatki (grid) i zestaw ikon.
Podejmiesz działanie, najpierw tworząc atomy, następnie połączysz niektóre z nich, aby stworzyć cząsteczki, a na końcu stworzysz kilka ekranów ze wszystkimi tymi składnikami.
W ostatniej części Migue nauczy Cię, jak korzystać z zestawu UI w Sketchu jako biblioteki i jak go aktualizować, dodając nowe komponenty w razie potrzeby.
Zalecane oprogramowanie i narzędzia do tego kursu
Jaki jest projekt kursu?
Stworzysz UI Kit, który pozwoli Ci usprawnić pracę podczas tworzenia ekranów dla Twojej aplikacji. Podczas kursu będą pracować z aplikacji muzycznej.
Do kogo jest skierowany ten kurs online?
Do projektantów, którzy chcą wejść w świat projektowania interfejsów, projektantów UI, młodszych projektantów interakcji i wszystkich osób zainteresowanych projektowaniem aplikacji lub zajmujących się projektowaniem produktów cyfrowych.
Wymagania i materiały
Aby wziąć udział w tym kursie, wymagana jest podstawowa znajomość Sketch.
Jeśli chodzi o materiały, będziesz potrzebować komputera z systemem macOS Mojave lub nowszym i mieć zainstalowaną najnowszą wersję Sketch (wersję próbną możesz pobrać z jego strony internetowej). Posiadanie Wacom to plus, ale nie jest to konieczne.
Oceny
- rok temu
El curso es una base para iniciar a trabajar con la metodología Atomic Design.
- 3 lata temu
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 lata temu
Increible curso
- 4 lata temu
Muy completo
- 5 lat temu
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.
Obecnie koncentruje się na tworzeniu skalowalnych systemów i wzorców projektowych. Ponadto jest współzałożycielem społeczności SketchMX, gdzie organizują regularne spotkania dla społeczności projektantów produktów, w których uczestniczą projektanci, programiści, pisarze ux, projektanci produktów i wszyscy zainteresowani cyfrowym projektowaniem produktów.
Zawartość
- Cz.1
Wstęp
- Prezentacja
- Wpływy
- Co będziemy robić podczas kursu
- Cz.2
Koncepcje szkicu i konfiguracja
- Co to jest zestaw interfejsu użytkownika?
- Wzory i komponenty interfejsu użytkownika w Sketch
- Projekt atomowy
- Cz.3
Kładziemy podwaliny pod nasz zestaw UI za pomocą Sketch
- Projekt
- Kolory, czcionka i siatka
- Kolory, czcionka i siatka 2
- Zestaw ikon
- Cz.4
Tworzenie komponentów atomowych w Sketch
- Tworzenie komponentów: atomy
- Tworzenie komponentów: Atomy 2
- Tworzenie komponentów: cząsteczki
- Budowanie ekranów z atomami i cząsteczkami
- Cz.5
Biblioteki w szkicu
- UI Kit jako biblioteka w Sketch
- Dodaj nowe komponenty do naszego zestawu UI
- Zaprezentuj swój zestaw UI
- PK
Projekt końcowy
- Tworzenie zestawów interfejsu użytkownika za pomocą szkicu
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.
Certyfikaty
PLUSJeśli masz subskrypcję Plus, za każdy kurs otrzymasz spersonalizowany certyfikat podpisany przez prowadzącego. Udostępnij go w portfolio, w mediach społecznościowych lub gdziekolwiek chcesz.
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, 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.