Projektowanie interfejsów użytkownika

Projektowanie interfejsów użytkownika
Zajęcia odbywają się stacjonarnie
piątek | 8.00 / 9.45 / 11.30 | s. C/0.30
Nie możesz dotrzeć na zajęcia? — połącz się na Teams
WH/AI/Projektowanie interfejsów użytkownika/Joanna Wróbel [7ypjo1g]
Savoir-vivre spotkań online
Kontakt z prowadzącym
  1. Mail: joanna.wrobel(at)us.edu.plDrive
  2. Konsultacje: piątek 13.00-13.45 | A/4.18 lub Teams [LINK — umów się na spotkanie]

Program zajęć

  1. Figma poziom 0
  2. Figma: Typografia | Dystrybucja obiektów | Auto layout | Style | Komponenty | Prototypowanie | Plugins | Widgets
  3. Organizacja projektu w FigJam
  4. Teoria projektowania wizualnego
  5. Kompozycja w web designie
  6. Typografia w web designie
  7. Kolor w web designie
  8. Podstawy responsywności
  9. UI Design
  10. Design system

Zasady zaliczenia

projekt strony internetowej w Figmie
  1. homepage + nawigacja wersja desktop i mobile
  2. pozostałe podstrony w wersji desktop
  3. zespoły 2-osobowe
  4. od 10. maja prezentują Państwo całej grupie pomysł i zakres prac nad projektem [więcej szczegółów]

Jeśli nie było Pana/i na zajęciach zachęcam, aby samodzielnie przerobić temat i wykonać ćwiczenia. W razie trudności zapraszam na konsultacje.

Literatura

  1. Fabricant R., Kuang C. (2022) User Friendly. Jak niewidoczne zasady projektowania zmieniają nasze życie, pracę i rozrywkę. Karakter
  2. Raport UX i Product design w Polsce — Raport 2021 [2012, 2013, 2015, 2017, 2018, 2020]
  3. Tidwell J. (2012) Projektowanie interfejsów: sprawdzone wzorce projektowe. Helion [Open WorldCat]
  4. Tomaszczyk J., Matysek, A. IA, UX, UID, IxD – analiza terminów i pojęć. Zagadnienia Informacji Naukowej 2020 | Vol. 58 | 121—143 [PDF]
  5. Wasyluk I., Kozieł G. Analiza wpływu projektu interfejsu graficznego na liczbę i czas odwiedzin strony. Journal of Computer Sciences Institute 2019 | Vol. 12 | 187—192 [PDF]

Inspiracje

  1. Figma blog | kanał na YT
  2. Artykuły Nathana Curtisa na platformie medium.com
  3. Podcasty Design Practice | Nie tylko design | TechStorie
  4. UI Coach
  5. UxTools — ranking narzędzi stosowanych na różnych etapach projektowych
  6. Behance, Dribbble — portfolio
  7. Wydawnictwo i pracownia d2d.pl
  8. Design i Dev
    Builder.io —  transformuje projekty z Figmy na kod
    Cursor.sh — edytor kodu zasilany przez AI
    Adobe Firefly — do generowania zdjęć, obrazków wektorowych, obrazów