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
Nauczysz się tworzyć, organizować i dokumentować systemy projektowania wizualnego, UI Kity oraz komponenty wielokrotnego użytku w Sketch, stosując metodyki takie jak Atomic Design i wzorce Material Design dla aplikacji mobilnych i webowych.
Ten kurs jest na poziomie średniozaawansowanym, więc warto mieć podstawową wiedzę z zakresu projektowania graficznego cyfrowego lub wcześniejsze doświadczenie z narzędziami takimi jak Sketch czy Figma.
Potrzebujesz komputera z zainstalowanym Sketch (tylko Mac), dostępu do internetu oraz podstawowej wiedzy o projektowaniu. Zalecana jest znajomość interfejsów cyfrowych i podstaw użyteczności.
Atomic Design stosuje się, dzieląc komponenty na atomy, molekuły i organizmy, co pozwala tworzyć modułowe, skalowalne i łatwe w utrzymaniu interfejsy w Sketch.
Tak, kurs krok po kroku pokaże, jak stworzyć, uporządkować i ponownie wykorzystać UI Kit w Sketch, centralizując komponenty, style i elementy wizualne dla aplikacji mobilnych lub webowych.
Tak, nauczysz się tworzyć, dokumentować i zarządzać systemami projektowania wizualnego, w tym przewodnikami stylów, paletami kolorów, typografią i komponentami.
Tak, kurs pokaże, jak sprawdzać kontrast kolorów między tłem a tekstem, stosując zasady dostępności, by poprawić czytelność i komfort użytkownika.