Tworzenie zestawów UI w programie Sketch

Tworzenie zestawów interfejsu użytkownika za pomocą szkicu

“Hej, jak dobrze, dotarłeś do końca kursu, mam nadzieję, że podobało Ci się wszystko, czego Cię nauczyłem! Teraz wiesz już wszystko, czego potrzebujesz, aby stworzyć swój własny zestaw UI.W trakcie kursu pokazałem Ci proces, który stosuję, aby stworzyć swój własny w ramach koncepcji aplikacji muzycznej. Teraz jest Twój czas i jesteś gotowy do realizacji własnego projektu. Pozwól swojej wyobraźni latać! Utwórz zestaw UI dla dowolnej aplikacji, o której myślisz, lub jeśli masz już projekt na wyciągnięcie ręki, polecam zrobić to na tym samym. Co myślisz, jeśli przedstawimy krótki przegląd kroków, które należy wykonać, aby ułatwić ci to? Jaki produkt? Eksploruj i analizuj produkt, który jest już na rynku, to znaczy już jest wprowadzony na rynek, ponieważ w ten sposób będziesz miał zaawansowany punkt wyjścia i łatwiej będzie Ci pracować nad zestawem UI.

Pierwsze konfiguracje Po przygotowaniu produktu możesz rozpocząć pracę z ustawieniami, takimi jak kolory, czcionka i siatki Twojego zestawu interfejsu użytkownika. Nadaj mu niezbędną konfigurację, aby wyglądał i czego chcesz! Zestaw ikon Ujednolicić zestaw ikon, których będziesz używać w swoim projekcie. Pamiętaj, aby nadać mu osobisty charakter, to zawsze dodaje więcej do twojego projektu, jeśli twoim pomysłem jest pokazanie go klientowi, z pewnością da ci to plus. Składniki Zacznij od stworzenia najprostszych komponentów, takich jak przyciski, wejścia , ikony, chipy i tak dalej. Kontynuuj z resztą składników, mam na myśli kart , paska nawigacyjnego , menu, listach i twoi nagłówki . Nie zapomnij stworzyć różnych wariacji siebie, aby na końcu wybrać tę, która najbardziej Ci się podoba. Utwórz swoje ekrany i zaprezentuj swój zestaw UI Gdy masz już gotowe wszystkie komponenty, możesz zacząć je ujednolicać i rozpocząć pracę na ekranach swojej aplikacji. Gdy ekrany będą gotowe, przygotuj się do zaprezentowania swojego UI Kit.Pamiętaj, że sposób, w jaki go zaprezentujesz, będzie bardzo ważny, ponieważ otworzy to drzwi przed Twoimi klientami. Dlatego polecam stworzyć kilka przykładów zastosowań na niektórych kluczowych ekranach. Pamiętaj o podkreśleniu komponentów, które uważasz za najważniejsze i stwórz bibliotekę szkicu ze swoimi komponentami, aby móc je później aktualizować, będzie to bardzo przydatne w przyszłości, gdy będziesz chciał użyć ich w innych projektach. Gotowe, masz już swój zestaw UI! Nie zapomnij podzielić się końcowym rezultatem swojego projektu na forum, w ten sposób pozostaniemy w kontakcie i będę mógł jak najszybciej feedback Zapraszam również do obserwowania pracy kolegów i przede wszystkim, jeśli masz jakąś wskazówkę podziel się nią ze społecznością. Nie mogę się doczekać, aby zobaczyć, co stworzyłeś. Do zobaczenia na forum! ”

Częściowa transkrypcja wideo

“Projekt końcowy Zróbmy podsumowanie tego, co widzieliśmy w trakcie kursu. Opowiedziałem o tym, jak doszedłem do projektowania produktów cyfrowych i projekty, w których się rozwijałem w sposób profesjonalny i osobisty. Potem podzieliłem się pewnymi inspiracjami a przed rozpoczęciem pracy rozmawiamy o ostatecznym projekcie. Zajmujemy się podstawowymi pojęciami, takimi jak to, czym jest zestaw UI i zalety posiadania takiego. Pokazałem wam moją metodologię podczas tworzenia komponentów w programie Sketch. Analizujemy nasz projekt i jakie miałby komponenty. Definiujemy nasz "wygląd i styl" wybie...”

Transkrypcje są generowane automatycznie, stąd mogą pojawić się błędy.

Podsumowanie kursu: Tworzenie zestawów UI w programie Sketch

• Poziom: Podstawowy
• 91% pozytywnych ocen (23)
• Liczba uczestników: 647
• Liczba części dydaktycznych: 5
• 17 lekcji (3 h 1 min)
• liczba dodatkowych zasobów: 11

• Kategoria

  Web & App Design

• Oprogramowanie

  Sketch

• Dziedziny

  Projektowanie aplikacji, Projektowanie aplikacji mobilnych, Projektowanie interaktywne, Tworzenie aplikacji, Tworzenie stron internetowych, UX / UI, Web design