Projektowanie UI

Wstęp

Koszyk Koszyk
  • Opis
  • Recenzje
  • Autor
  • Transkrypt
  • Pytania i odpowiedzi
  • QA

31 ocen

Wprowadzenie

Podczas projektowania interfejsów liczy się każdy detal. To właśnie takie elementy jak przyciski czy linki tekstowe mają kluczowe znaczenie dla użyteczności przygotowywanej strony czy aplikacji. Istnieją pewne zasady, jakie warto poznać, by później wykorzystać je w swoich projektach. W tym Kursie omówimy elementy wizualne, które warto brać pod uwagę przy projektowaniu i opowiemy Ci o tym, jak projektować elementy interfejsu, tak, by przygotowywane aplikacje i strony były użyteczne oraz estetyczne!

  1. Elementy wizualne, które trzeba wziąć pod uwagę przy projektowaniu
  2. Omówienie stanów interakcji na przykładzie popularnych design systemów (Material, Carbon, Fluent)
  3. Przedstawienie często używanych i projektowanych komponentów
  4. Zasady i komponenty, z których składają się formularze
  5. Co robić, a czego nie, gdy projektujemy tabele i listy?
  6. Praktyczne wskazówki do zastosowania w każdym projekcie
  7. Jak można zaprojektować wyskakujące okna?

Szczegóły w projektowaniu UI

Dla UI designera każdy szczegół ma znaczenie. Patrząc na to, z czego składają się interfejsy, można uprościć i powiedzieć, że są to właśnie kształty geometryczne, teksty lub ewentualnie ikony. Do tego dochodzi aspekt stosowania barw i dodatkowych efektów, które mają zbudować hierarchię wizualną w projekcie. Aby budować skuteczne interfejsy, trzeba dokładnie przyjrzeć się każdemu elementowi – a w tym warsztacie omówimy przyciski i linki tekstowe.

Praktyczne wskazówki

Oczywiście, nie będziemy opowiadać o projektowaniu tylko na bazie teorii. W Kursie poznasz wiele praktycznych wskazówek opartych między innymi na popularnym Material Designie. Poznasz porady, które z łatwością zastosujesz w swoich projektach, a także omówimy stany interakcji. Przekonasz się jakie najważniejsze elementy wizualne trzeba wziąć pod uwagę w projektowaniu.

Różnorodne elementy interfejsów

W Kursie omówimy projektowanie takich elementów interfejsu, jak przyciski, formularze, taby i zakładki, listy i tabele czy wyskakujące okna. Przekonasz się jakich zasad warto przestrzegać, tak, by całość była estetyczna i wygodna dla użytkownika.

Praktyczne wskazówki

Dużą część Kursu poświęciliśmy na omówienie praktycznych wskazówek, dzięki którym będziesz sprawnie projektować wygodne interfejsy. Dowiesz się co robić, a czego unikać, tak, by nie powielać częstych błędów w projektowaniu.

Design Systemy

W trakcie Kursu omówimy również stany interakcji na przykładzie popularnych Design Systemów - czyli Material, Carbon czy Fluent. Dowiesz się czym się różnią i jak wpłyną na proces projektowania elementów interfejsu.

Dla kogo jest ten kurs?

Ten Kurs stworzony został z myślą o początkujących projektantach, którzy chcą stosować najlepsze techniki podczas projektowania interfejsów. Kurs pomoże też świetnie ugruntować zdobytą już wiedzę na temat elementów wizualnych.

Dlaczego wybrać właśnie ten kurs?

  1. Kurs wideo to najbardziej efektywna a zarazem najprzyjemniejsza forma nauki. Jest on tak prowadzony, byś cały czas mógł go śledzić z zainteresowaniem i zaangażowaniem, a także czerpać satysfakcję ze zdobytej wiedzy!
  2. Wiedza, którą otrzymujesz w tym kursie, to nie tylko sucha teoria, ale również wskazówki od praktyka z wieloletnim doświadczeniem, dzięki którym dużo łatwiej będzie Ci opanować materiał i pracować efektywniej.
  3. Uczysz się na praktycznych przykładach. Kurs, który masz przed sobą to esencja praktycznej wiedzy i doświadczenia a także wzorów, które oszczędzą Ci godziny pracy i poszukiwań.

Autor: Natalia Bienias

Cześć! Nazywam się Natalia Bienias, choć więcej osób może kojarzyć mnie jako Zebzę, z kanału na YouTube „by Zebza”. Projektowaniem zawodowo zajmuje się od 10 lat, a od kilku lat dzielę się zdobytą wiedzą i doświadczeniem, wykorzystując do tego różne kanały. Mam doświadczenie w pracy z dużymi, międzynarodowymi korporacjami, bankami, firmami produkującymi oprogramowanie, agencjami reklamowymi i małymi, lokalnymi firmami. Ostatnie dwa lata pracowałam jako architekt informacji, a całkiem niedawno objęłam stanowisko Head of Design w firmie Mobee Dick, gdzie na co dzień zajmujemy się projektowaniem użytecznych i przyjaznych rozwiązań, nie tylko dla użytkowników, ale również dla biznesu. Od dwóch lat prowadzę największy polski kanał na YouTube poświecony projektowaniu – by Zebza, oraz bloga, na którym dzielę się doświadczeniami z codziennej pracy i podpowiadam młodym projektantom jak poradzić sobie z pracą z klientami, realizacją zleceń i opowiadam o zagadnieniach związanych z User Experience. Można spotkać mnie także na uczelni – wykładam w katowickim oddziale Uniwersytetu SWPS, na studiach podyplomowych UX Design, przedmioty związane z prototypowaniem produktów oraz trendami w interfejsach użytkownika. Dużą część mojej pracy poświęcam na dzielenie się wiedzą, szkolenia i mentoring, bo po prostu lubię to robić.

Cześć! Nazywam się Natalia Bienias, choć więcej osób może kojarzyć mnie jako Zebzę, z kanału na YouTube „by Zebza”. Projektowaniem zawodowo zajmuje się od 10 lat, a od kilku lat dzielę się zdobytą wiedzą i doświadczeniem, wykorzystując do tego różne kanały. Mam doświadczenie w pracy z dużymi, międzynarodowymi korporacjami, bankami, firmami produkującymi oprogramowanie, agencjami reklamowymi i małymi, lokalnymi firmami. Ostatnie dwa lata pracowałam jako architekt informacji, a całkiem niedawno objęłam stanowisko Head of Design w firmie Mobee Dick, gdzie na co dzień zajmujemy się projektowaniem użytecznych i przyjaznych rozwiązań, nie tylko dla użytkowników, ale również dla biznesu. Od dwóch lat prowadzę największy polski kanał na YouTube poświecony projektowaniu – by Zebza, oraz bloga, na którym dzielę się doświadczeniami z codziennej pracy i podpowiadam młodym projektantom jak poradzić sobie z pracą z klientami, realizacją zleceń i opowiadam o zagadnieniach związanych z User Experience. Można spotkać mnie także na uczelni – wykładam w katowickim oddziale Uniwersytetu SWPS, na studiach podyplomowych UX Design, przedmioty związane z prototypowaniem produktów oraz trendami w interfejsach użytkownika. Dużą część mojej pracy poświęcam na dzielenie się wiedzą, szkolenia i mentoring, bo po prostu lubię to robić.

5

Średnia ocen autora

Ten kurs nie posiada jeszcze transkryptu. Choć bardzo się staramy, wygenerowanie transkryptów do wszystkich kursów jest bardzo czasochłonne. W wielu przypadkach wymaga zaangażowania drogiego oprogramowania i godzin pracy przy poprawianiu transkryptu tak, aby był on możliwie jak najlepszy.

Zależy nam na tym, aby przygotować transkrypty do wszystkich naszych treści. To jedyny sposób dla osób niedosłyszących, aby mogły wygodnie uczyć się technologii. Poza tym, transkrypty ułatwiają skanowanie kursu w poszukiwaniu informacji i jego indeksowanie.

Szukamy osób, które mogłyby nam pomóc w poprawianiu transkryptów. Jeśli masz chwilę wolnego czasu i interesuje Cię dany kurs, w zamian za taką pomoc chętnie udostępnimy Ci wybrany materiał. Wyślij swoje zgłoszenie tutaj, jeśli możesz pomóc nam rozwijać platformę.

  • Informacje
  • Lekcje

Autor: Natalia Bienias

Czas: 3 godzin 56 minut

Wersja: -

Aktualizacja: 12.10.2020

  • Certyfikat w ramach Ścieżki
  • Dostęp z urządzeń przenośnych
  • Licencje dla firm i szkół
Podaruj w prezencie

Wprowadzenie

  • Wstęp

Przyciski

  • Przyciski w interfejsie

  • Czym jest przycisk i z czego się składa? - Kształt

  • Typografia

  • Ikony

  • Cienie

  • Marginesy

  • Role przycisków

  • Style przycisków

  • Stany interakcji

  • Kilka zasad na koniec

  • Zadanie domowe

Formularze

  • Pola tekstowe

  • Opcje wyboru

  • Rozwijane listy

Taby i zakładki

  • Czym są zakładki?

  • Typy zakładek

  • Stany zakładek

  • Wady i alternatywne rozwiązania

  • Zasady tworzenia tabów

  • Zadanie domowe - Taby i zakładki

Listy i tabele

  • Czym są listy i tabele?

  • Anatomia tabelki

  • Mobilne tabele

  • Projektujemy listy

  • Filtrowanie i sortowanie

  • Zasady tworzenia list i tabel

  • Zadanie domowe #6

Wyskakujące okna

  • Zadanie domowe z okienek

  • Czym są wyskakujące okienka?

  • Okienka modalne

  • Wygląd okienek modalnych

  • Komponenty notyfikacji

  • Tooltipy

  • Alternatywy dla wyskakujących okienek

  • Zasady tworzenia okienek

  • Zakończenie

}