Logo
Zostań autorem

Koszyk jest pusty

0

Zaloguj się

Nie pamiętasz hasła? Kliknij tutaj

Kurs fundamenty projektowania UI

W tym kursie poznasz podstawowe elementy, na których projektowane są strony internetowe. Zobaczysz najlepsze praktyki projektowania komponentów interfejsów.

Stworzony przez edugrafia.pl

Ostatnia aktualizacja: 28/12/2023
Video Player is loading.
Current Time 0:00
Duration -:-
Loaded: 0%
Stream Type LIVE
Remaining Time 0:00
 
1x
  • Chapters
  • descriptions off, selected
  • subtitles off, selected

    Darmowe lekcje

    Zobacz darmowe fragmenty tego szkolenia przed zakupem.

    Trailer
    Strony do tworzenia gradientów
    |06:23
    Trailer
    Strony do tworzenia gradientów
    389
    00
    Ikona kalendarza30 dni gwarancji zwrotu pieniędzy
    Ikona zegaraRozpocznij teraz za darmo, zapłać do 30 dni
    Flaga PolskiPolska obsługa i faktura

    Szkolenie obejmuje

    • Bezterminowy dostęp
    • 52 wykładów
    • 10 godz. 00 min. materiałów wideo
    • Regularne aktualizacje
    • Certyfikat ukończenia
    • Wsparcie autora na każdym etapie
    • Dostęp do zamkniętej grupy dyskusyjnej

    Masz pytania dotyczące tego szkolenia ?

    questionZadaj pytanie autorowi

    Czego się nauczysz?

    • czym jest hierarchia i stany przycisków?
    • czym jest przystępny i dostępny design?
    • jak prawidłowo ustawić interlinie?
    • jak dobierać ikony do projektów?
    • jak samodzielne stworzyć paletę kolorów?
    • jak tworzyć naturalnie wyglądające cienie?
    • jak stosować siatkę oraz kolumny?
    • jak projektować dane w formie tabel oraz list?

    Wymagania

    Początkujący zainteresowani projektowaniem UX/UI

    Dla osób bez żadnego doświadczenia w projektowaniu

    Opis kursu

    W ciągu 10 godzin, zrozumiesz kluczowe techniki projektowania najważniejszych komponentów, na które składa się wiedza o: kolorach, przyciskach, formularzach, typografii, ostępach, przestrzeni, elementach typu checkboxy, polach, lischt i tabelach.



    Kolory


    Spory rozdział kursu został poświęcony kolorom. To tutaj dowiesz się jak od podstaw zaprojektować palety kolorów mając wybrany tylko jeden, główny kolor. Utworzysz do niego odcienie oraz paletę szarości. Pokażę Ci również jak ten proces zautomatyzować.

    Dowiesz się jak tworzyć nowoczesne, subtelne cienie, ustawiając odpowiednie parametry. Poznasz 3 rodzaje cieni jak: Umbra, Penumbra, Ambient. Zobaczysz również jak tworzyć dobrze wyglądające gradienty.


    Przyciski


    To elementy, dzięki którym kupujesz lub zapisujesz się do newslettera, czy pobierasz ebooka. Poznasz ich hierarchię oraz podział. Zobaczysz jak projektować stany przycisków oraz ustawić typografię i odpowiednie odległości.



    Formularze


    Jednym z ważniejszych elementów projektów są formularze. Warto zadbać o prawidłowe zaprojektowanie, ponieważ często to w głównej mierze od nich zależy konwersja. Na początek poznasz anatomię formularza, gdzie zobaczysz czym jest etykieta, kontenery, pola zastępcze, podpowiedzi.

    Zobaczysz jak dobierać kolory na potrzeby formularza, jak ułożyć tekst pomocniczy oraz etykiety. Idąc dalej nauczysz się tworzyć stany pól formularza.


    Checkboxy, pola, switche


    W kursie poznasz zasady projektowania oraz stosowania opcjonalnych komponentów jakimi są checkboxy, pola wyboru, switche czy listy rozwijane. Zobaczysz jak podjąć decyzję, kiedy zastosować pole, a kiedy checkbox.

    Zobaczysz jak dobierać kolory na potrzeby formularza, jak ułożyć tekst pomocniczy oraz etykiety. Idąc dalej, nauczysz się tworzyć stany pól formularza.


    Tabele


    Projektowanie ui, to często też wizualizacja danych. Tutaj warto posiąść wiedzę na temat projektowania tabel. Dzięki temu możesz zaprojektować listę produktów w sklepie czy wyniki filtrowania i sortowania.


    Ostępy i przestrzeń


    Dobry projekt charakteryzuje się odpowiednio ustawioną przestrzenią. Pokażę Ci, jak pracować z wolną przestrzenią, zarówno całego projektu jak i wewnątrz poszczególnych komponentów, jak karty, przyciski, ikony. Zobaczysz jak ustawić padding i marginesy.

    W tym rozdziale przekażę Ci wiedzę na temat wykorzystania wizualnych separatorów oraz rodzajów siatek.

    Spis treści

    Czas trwania: 10:00:34Rozwiń wszystkie tematy
    downPrzyciski
    8 wykłady
    • Co to przycisk i gdzie go znajdziemy na stronach16:11
    • Role i hierarchia przycisków12:05
    • Wygląd przycisków14:25
    • Stany, Kształty, style przycisków13:18
    • Podstawowa typografia13:47
    • Interlinia i nagłówki15:58
    • Kolory i szarości15:41
    • Marginesy17:11
    downPodstawowe informacje o ikonach
    4 wykłady
    downKolory
    10 wykłady
    downAnatomia formularzy
    11 wykłady
    downTabele i listy
    4 wykłady
    downPrzestrzeń w projekcie
    11 wykłady
    downProjektowanie mobilne
    4 wykłady

    O autorze

    avatar
    edugrafia.plPlatforma wideo kursów

    Publikacje: 11

    Ocena autora: 3.2

    O mnie
    Edugrafa.pl to platforma edukacyjna skoncentrowana na dostarczaniu informatycznych kursów wideo. Znajdziesz u nas takie kategorie jak: - Projektowanie Graficzne i UX/UI: Of...Czytaj więcej
    389
    00

    Zapisz się do newslettera

    Odbierz 20% rabatu na pierwsze zakupy w eduj.pl, bądź na bieżąco z nowościami i promocjami oraz zgarniaj dedykowane zniżki przygotowane specjalnie dla Ciebie!

    Odbierz 20% rabatu na pierwsze zakupy w eduj.pl!

    Zapisując się do newslettera akceptujesz naszą Politykę Prywatności. W każdej chwilii możesz zrezygnować z otrzymywania wiadomości. Nie martw się nie wysyłamy spamu!