Sketch od A do Z: Zostań projektantem UI

Poradnik o rysunku – zostań projektantem interfejsu użytkownika (UI) i doświadczenia użytkownika (UX)

Język: niemiecki

Poradnik rysunku - zostań projektantem UI i UX.

Sketch to skuteczne i intuicyjne narzędzie, które pozwala tworzyć prototypy projektów internetowych. Za pomocą oprogramowania do interfejsu użytkownika tworzysz dynamiczne interfejsy użytkownika dla stron internetowych i aplikacji. Istotną zaletą jest to, że projekty te odnoszą się do zasad projektowania internetowego, co pozwala na przekazanie gotowego do wdrożenia projektu programistom. Poznaj Sketch w ponad pięciogodzinnym samouczku Luca Kiedrowskiego, który praktycznie prowadzi Cię od koncepcji, przez prototyp, aż do w pełni zaprojektowanego interfejsu internetowego.

Zostań projektantem UI i UX: Twórz interfejsy użytkownika dla stron internetowych i aplikacji za pomocą Sketch.
Dla szybkiego startu: Zdobądź podstawy Sketch, projektowania UI i UX.
Dla twojego postępu: Poznaj zaawansowane techniki projektowania, takie jak operatory logiczne.
Praktyczny samouczek: Stwórz nowoczesny interfejs użytkownika na przykładzie aplikacji.
Lepsza współpraca z programistami: Daj im bezpośrednio gotowe do rozwoju prototypy.
Zrozumieć w 5 h koncepcję UI i UX: Trener Luca Kiedrowski pokazuje przykłady najlepszych praktyk.
Tak naukowe pozostaje w głowie: Z materiałami roboczymi do wzięcia udziału.

Również Google i Apple stawiają na Sketch - zrób to tak jak wielcy i naucz się teraz, jak tworzyć po prostu piękne, przyjazne dla użytkownika oraz gotowe do rozwinięcia projekty interfejsów użytkownika.

szczegóły

Możliwe z:
Zawartość: 5 h Szkolenie wideo
Licencja: prywatna i komercyjna Prawa użytkowania
Bonus: z materiałami pracy

Kategorie

Projektowanie (Ilustracja, Układ & Druk)

Z miłością stworzone przez:

Luca Kiedrowski

Przykłady użycia

Smartfony z aplikacją, których projektowanie zostało opracowane w Sketch.

Otwórz galerię

Przykład: W samouczku tworzysz aplikację z pomocą Sketcha.

Smartfon z aplikacją, której design został opracowany w programie Sketch

Otwórz galerię

Przykład: Twój trener udziela ci wskazówek i tricków dotyczących nowoczesnego projektowania UX i UI.

Wprowadzenie

Darmowe

Poradnik dotyczący szkicowania: 1.1 Wprowadzenie

Serdecznie witamy na kursie tutorialu dotyczącym rysunków: Dowiedz się, jak projektować własne aplikacje za pomocą programu. Oto przegląd kursu.

Pobierz plik projektu

Samouczek Sketch: 1.2 Co to jest Sketch?

Darmowe

Podręcznik Sketch: 1.2 Co to jest Sketch?

Krótkie wprowadzenie do programu „Sketch” i jak uzyskać do niego dostęp.

Instrukcja rysowania: 1.3 Interfejs programu

Sketch-Tutorial: 1.3 Interfejs programu

Tutaj poznasz lepiej Sketch. Pokażę ci cały program i nauczysz się, jak efektywnie z niego korzystać.

Sketch-Tutorial: 1.4 Narzędzia

Sketch nie byłby takim świetnym programem, gdyby nie można było używać narzędzi. Tutaj dowiesz się, jak dodać te narzędzia.

Samouczek szkicowania: 1.5 Najważniejsze wtyczki

Samouczek rysunku: 1.5 Najważniejsze wtyczki

Pluginy pomagają Ci pracować jeszcze lepiej i szybciej w Sketchu. Pokażę Ci, które pluginy mogą Ci najlepiej pomóc.

Samouczek rysowania: Instalowanie bibliotek 1.6

Z Biblioteki Możesz natychmiast zaimportować standardowe projekty Apple'a lub Androida do swojego projektu.

Poradnik rysowania: 1.7 InVision

InVision to narzędzie, które znacznie ułatwia twój projekt Sketch. Tam możesz tworzyć "szkielety", aby uporządkować swój projekt.

Podstawy projektowania

Samouczek rysowania: 2.1 Kolory

Kolory dają ci możliwość ożywienia swojej aplikacji. Tutaj znajdziesz małe wprowadzenie do świata kolorów.

Poradnik rysowania: 2.2 czcionki

Sieć społecznościowa „Medium” pokazuje, jak bardzo czcionki mogą wpływać na doświadczenie użytkownika. Czcionki w Twojej aplikacji mogą być bardzo ważne.

Tworzenie prototypów

Samouczek rysowania: 3 prototypy

Teraz rozpoczynamy właściwą aplikację.

Projektowanie interfejsu użytkownika

Poradnik o rysowaniu: 4.1 Ekran startowy i szablony projektów.

Przewodnik po szkicowaniu: 4.1 Ekran domowy i szablony projektowe

Teraz przystąpimy do naszego właściwego projektu i zaczniemy od ekranu głównego. Dodatkowo dowiesz się tutaj, jak możemy tworzyć szablony projektów.

Poradnik szkicowania: 4.2 Tworzenie grup i style tekstu

Samouczek rysowania: Tworzenie grup i stylów tekstowych.

W tej lekcji nauczysz się, jak tworzyć grupy i zapisywać style tekstowe, aby zaoszczędzić czas.

Samouczek rysowania: 4.3 Znajdowanie, tworzenie i dostosowywanie ikon

Ikony są ważną częścią aplikacji. W tym filmie dowiesz się, gdzie znajdziesz najlepsze ikony i jak je zintegrować w swoim projekcie.

Tutorial rysowania: 4.4 Projektowanie chatu, praca z warstwami

Poradnik projektowania: Projektowanie czatu 4.4, praca z warstwami.

Teraz przechodzimy do czatu naszej aplikacji. Tam pracujemy z warstwami, które również powinieneś używać, aby zaoszczędzić sobie czas.

Poradnik Szkicowania: Projekt iPhone X 4.5

Tutorial rysowania: Projekt iPhone X 4.5

iPhone X zmieniło wiele w projektowaniu aplikacji. Projektanci muszą teraz pracować z nowym kształtem ekranu. Tutaj dowiesz się podstaw.

Poradnik z szkicami: 4.6 Profil użytkownika, efekt rozmycia

Samouczek: 4.6 Profil użytkownika, efekt rozmycia

Z efektami możesz nadać swojej aplikacji interesujący design. Wykorzystujemy efekt rozmycia w twoim profilu użytkownika.

Poradnik rysowania: Wykorzystanie designu jako narzędzia.

Samouczek Rysowania: 4.7 Wykorzystywanie designu jako narzędzia

W tym wideo dowiesz się, jak możesz wykorzystać design jako narzędzie, aby nadać swojej aplikacji ostatniego szlifu.

Samouczek rysowania: Korzystanie z bibliotek 4.8 & Tworzenie arkusza działań

Samouczek rysunku: korzystanie z bibliotek 4.8 i tworzenie arkusza działań

Teraz korzystamy z biblioteki iOS, aby stworzyć arkusz działań. Z bibliotekami możesz oszczędzić czas nie tylko podczas projektowania, ale także podczas tworzenia.

Przygotować projekty

Przewodnik po szkicowaniu: udostępnij 5 projektów w InVision.

Sketch-Tutorial: Prześlij 5 projektów do InVision.

Jeśli aplikacja ma być rozwinięta, programiści potrzebują twoich projektów. W tej lekcji dowiesz się, jak udostępnić swoje projekty w InVision.

Dostarczyć ważne informacje

Samouczek: Dodanie 6 pomocy do aplikacji

Samouczek rysunku: Wstaw 6 pomocy do aplikacji.

Użytkownicy aplikacji często nie znajdują odpowiednich przycisków lub mają inne pytania, które nie są oczywiste. Dlatego tworzymy sekcję Pytań i Odpowiedzi.

Profesjonalny design

Poradnik-Szkic: 7.1 Stworzyć grafiki w stylu flat design

Poradnik o rysowaniu: Utwórz płaskie grafiki w stylu flat design 7.1.

Jeśli masz surowe terminy dla swoich projektów, często nie masz czasu, aby wszystko zaprojektować samodzielnie. Tutaj dowiesz się, jak i gdzie uzyskać pomoc.

Poradnik rysowania: 7.2 Projektowanie wnętrz domowych.

Poradnik o rysunku: Przebudowa domu 7.2

Na ekranie głównym mamy jeszcze dużo miejsca do poprawy. Dlatego przeprowadzamy redesigenu naszego pierwszego ekranu.

Samouczek: 7.3 Proces zakupu w doświadczeniu użytkownika

Podręcznik rysowania: 7.3 Proces zakupu w doświadczeniu użytkownika.

Proces zakupowy użytkownika musi działać jak w zegarku, ponieważ jest to jeden z najbardziej delikatnych momentów przepływu użytkownika.

Nowości w Sketchu

Samouczek Sketch: Prototypowanie w Sketchu

Podręcznik Sketch: 8 prototypowanie w Sketchu

W nowej wersji Sketch masz możliwość tworzenia prototypu bezpośrednio w Sketchu.

Szczegóły dotyczące zawartości

Zrozumieć projektowanie UI i UX dla aplikacji mobilnych i wdrożyć je za pomocą programu Sketch
Bez względu na to, czy chodzi o aplikację, stronę internetową czy blog – ożyw swoją koncepcję UI i UX za pomocą Sketch. W tym ponad pięciogodzinnym samouczku wideo prowadzonym przez trenera Lucę Kiedrowskiego opanujesz wszystkie podstawy obsługi programu, aby już wkrótce intensywnie pracować nad przykładowym projektem interaktywnego projektu aplikacji.

Dlaczego warto obejrzeć samouczek z Sketch

W projektowaniu UI i UX stawiasz od razu na profesjonalne narzędzie, ponieważ Sketch jest wykorzystywany także przez renomowane firmy takie jak Google, Facebook czy Apple. Dzięki intuicyjnej obsłudze programu jego opanowanie jest szybkie, dzięki czemu już w krótkim czasie uzyskasz rezultaty godne pokazania.

Czy przyjeżdżasz z doświadczeniem w projektowaniu graficznym lub bez: Samouczek z Sketch doskonale nadaje się do rozpoczęcia przygody z projektowaniem UI i UX oraz w szczególności do realizacji własnych pomysłów na projekty aplikacji za pomocą Sketch. Podstawy i praktyczne zastosowanie w jednym!

Jeśli już projektujesz projekty dla internetu i druku (na przykład za pomocą Photoshopa lub Illustratora): Naucz się przenosić swoje projekty i poszczególne elementy, takie jak ikony i symbole, do dynamicznych i gotowych do rozwoju projektów UI. Dzięki swojej wiedzy na temat projektowania stron internetowych dodajesz swojemu CV dużo (i coraz bardziej) poszukiwanej wartości dodanej.

Popraw współpracę z programistami internetowymi: Korzystając z Sketcha, przygotowujesz interfejsy użytkownika, które już teraz przestrzegają zasad projektowania stron internetowych. W rezultacie przekazujesz programistom projekty, które mogą zostać natychmiast wdrożone. W ten sposób skracasz drogę od koncepcji i projektu do rozwoju aplikacji internetowej znacznie.

Projektowanie UI i UX z Sketch od A do Z

Nacisk w samouczku z Sketch kładzie się na praktyczne zastosowanie programu, który dostępny jest u dostawcy w bezpłatnej wersji testowej. Razem z trenerem przeprowadzisz krok po kroku przez wszystkie etapy na przykładzie projektu aplikacji, poczynając od stworzenia szkicu, aż do końcowego projektu UI. Materiały do pracy dostarczane są w samouczku, dzięki czemu możesz od razu zacząć ćwiczyć praktycznie:

Najpierw szkicujesz ogólnie, jak ma wyglądać interfejs użytkownika aplikacji w przyszłości. Następnie zabierasz się od razu do projektowania. Tworzysz ekran startowy, pracujesz z grupami, warstwami i stylami tekstu, oraz wybierasz odpowiednie ikony. Projektujesz czat, pomoc i profil użytkownika, oraz dowiesz się, jak pracować z bibliotekami, arkuszami działań i efektami. Na końcu staje kompletny projekt UI, z którego w aktualnej wersji 52 Sketcha nawet możesz stworzyć prototyp.

Na początku opanowujesz najważniejsze podstawy użytkowania Sketch i projektowania UI. Dzięki temu szybko odnajdujesz się w interfejsie, znasz najważniejsze wtyczki i narzędzia pomocnicze, oraz wiesz, jak zastosować czcionki i kolory w sposób efektywny. Twój trener pokaże Ci również, kiedy warto połączyć Sketch z InVision, na przykład w fazie tzw. wireframingu.