Figma: projektowanie interaktywnych stron www od podstaw
A course by Eva Sánchez ClementeProjektantka UX/UI
A course by Eva Sánchez Clemente, Projektantka UX/UI
Naucz się tworzyć interaktywne strony www, atrakcyjne i łatwe do zakodowania, mając na uwadze zachowanie użytkownika
Według projektantki UX/UI Evy Sánchez, aby stworzyć stronę internetową od podstaw należy wziąć pod uwagę dwa czynniki: jaki jest projekt klienta i jakie jest zachowanie użytkownika. Stamtąd w grę wchodzą twoje zainteresowania, bodźce i kultura, aby zdefiniować każdy z wizualnych szczegółów. W tym _ ]kursie online_ nauczysz się rozumieć brief , a następnie pójdziesz o krok dalej, wnosząc własną wizję do każdego projektu. W jednostkach zobaczysz, jak używać czcionek, obrazów i kompozycji do tworzenia intuicyjnych propozycji internetowych, które wzbogacają doświadczenie i interakcję .
Czego nauczysz się na tym kursie online?
llekcji: 15 & liczba dodatkowych zasobów: 27
Szukaj referencji i moodboard
10 min, 10 sek.
UX: struktura i zawartość sieci
15 min, 40 sek.
Kolor, typografia i kompozycja
19 min, 53 sek.
Projektowanie dla kontekstu „mobile first”
14 min, 25 sek.
Przygotuj plik
8 min, 35 sek.
Proces pracy
6 min, 20 sek.
Co obejmuje ten kurs?
W pierwszej części Eva Sánchez opowie o swoim doświadczeniu, obawach i karierze zawodowej, a także o swoich referencjach i wpływach zarówno w swoim sektorze, jak i innych dyscyplinach. Zanim zaczniesz, odkryjesz, co dzieje się w świecie web designu. Dzięki tej bazie zobaczysz, jak zdefiniować brief , a Twój nauczyciel poprowadzi Cię w procesie badawczym i stworzeniu moodboard do ukształtuj swój ostateczny projekt. Następnie przejdziesz do praktyki gry z typografią, kolorem i kompozycją, nie zaniedbując definicji treści i struktury interfejsu . Ponadto dostrzeżesz znaczenie projektowania na urządzenia mobilne, aby korzystanie z Internetu było kompletne. Po zakończeniu fazy projektowania będziesz eksperymentować z interakcjami i ruchem. Następnie stworzysz prototyp w Figma i After Effects i pozostawisz plik gotowy do zaprogramowania i zrozumiały dla każdego, kto będzie pracował z Twoim projektem. Następnie Eva pokaże Ci swój proces pracy i sposób, w jaki ocenia projekt internetowy, gdy jest już zaplanowany. Na koniec otrzymasz kilka wskazówek dotyczących zarządzania i promocji, które pomogą Ci osiągnąć widoczność i rozpoznawalność .
Recommended software & tools for this course
What is this course's project?
Stworzysz interaktywny, atrakcyjny i funkcjonalny projekt internetowy.
Projekty uczestników kursu
Who is this online course for?
Wszystkim, którzy chcą aktualizować i poszerzać swoją wiedzę w świecie cyfrowych doświadczeń.
Requirements and materials
Aby pójść w ślady swojego nauczyciela, będziesz potrzebować komputera z dostępem do Internetu i podstawową znajomością aplikacji do projektowania interfejsów, najlepiej Figma, oraz projektowania graficznego.
Oceny
- canyelles_martaPLUS2 miesiące temu
Me ha parecido muy interesante para comprender cómo organizar el trabajo y estructurar el proceso de diseño. Lo que más me ha aportado han sido las referencias de inspiración y los recursos compartidos.
- 3 miesiące temu
I really enjoyed this course. I would like to know a bit more about the after effects precess on creating interactions. but i can recommend it.
- 3 miesiące temu
Excelente curso, me ha brindado herramientas para gestionar proyectos UX UI.
- 4 miesiące temu
Der Kurs ist sehr gut aufgebaut und verständlich, ich kann meine Kursziele gut erreichen. Ich konnte Einiges lernen, Danke.
- 5 miesięcy temu
Excelente explicacion, dinamico y útil
Zawartość
- Cz.1
Wstęp
- Prezentacja
- Wpływy
- Cz.2
Zrozum i zdefiniuj projekt
- Kontekst projektowania stron internetowych
- Znaczenie odprawy
- Szukaj referencji i moodboard
- Cz.3
Zaprojektuj środowisko internetowe
- UX: struktura i zawartość sieci
- Kolor, typografia i kompozycja
- Projektowanie dla kontekstu „mobile first”
- Cz.4
Prototypuj, animuj i udoskonalaj projekt
- Podstawowe prototypowanie w Figma
- Animuj elementy w After Effects
- Przygotuj plik
- Cz.5
Prezentuj, komunikuj się i współpracuj
- Proces pracy
- Zorganizuj projekt internetowy
- Pixel pushing: zadbaj o swój projekt
- Publikuj i promuj swoją pracę
- PK
Projekt końcowy
- Figma: projektowanie interaktywnych stron www od podstaw
Kurs Domestika - czego możesz się spodziewać?
Nauka we własnym tempie
Radość z nauki w domu, bez wyznaczonych terminów. Szybko przyswajasz wiedzę, a swój plan zajęć układasz wedle uznania.
Nauka z najlepszymi ekspertami
Przydatne metody oraz ciekawe techniki przedstawione i wyjaśnione przez najlepszych specjalistów z branży kreatywnej.
Doświadczeni prowadzący
Wszyscy prowadzący są specjalistami w swojej dziedzinie. Przekazują wiedzę z pasją, tłumaczą zagadnienia w jasny sposób, a podczas zajęć kładą nacisk na praktyczne zastosowanie zdobytej wiedzy.
Certificates
PLUSIf you're a Plus member, get a spersonalizowany certyfikat signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.
Miejsca w pierwszym rzędzie
Wysoka jakość wideo sprawia, że nie umknie Ci żaden szczegół. Dzięki nieograniczonemu dostępowi możesz obejrzeć nagrania tyle razy, ile potrzebujesz, aby przyswoić nowe umiejętności.
Dzielenie się wiedzą i pomysłami
Zadawaj pytania, nie wahaj się poprosić o opinię czy poszukać rozwiązania. Podziel się swoimi wrażeniami z nauki z pozostałymi członkami społeczności, którzy tak jak Ty uwielbiają tworzyć.
Łączność z kreatywną społecznością z całego świata
Społeczność kilku milionów użytkowników z całego świata, pełnych ciekawości oraz chęci odkrywania i wyrażania swojej kreatywności.
Profesjonalna realizacja kursów
Domestika starannie dobiera prowadzących i produkuje wszystkie kursy we własnym zakresie, aby zapewnić wysoką jakość nauki online.
Często zadawane pytania
You’ll learn how to craft interactive digital experiences, apply the latest UX/UI trends, structure projects with wireframes and prototypes, manage briefings, build mood boards, and develop a professional web design portfolio.
This course is aimed at those with intermediate knowledge of graphic or digital design, but you don’t need to be an expert. Basic familiarity with digital design tools is recommended.
You’ll need a computer with internet access and software like Figma and After Effects. Having accounts on platforms like Dribbble and Raindrop is recommended to organize inspiration and resources.
You’ll learn how to select and showcase projects, apply current visual concepts, and structure your web portfolio to stand out in creative communities and boost your career opportunities.
You’ll primarily work with Figma, After Effects, and Chrome extensions for design. You’ll also learn how to gather inspiration on Dribbble and organize resources using Raindrop.
The course teaches techniques for creating effective mood boards, collecting and organizing visual references, and using digital tools to capture and classify inspiration based on your project.
Yes, it covers and applies trends like neumorphism, brutalism, flat design, and glassmorphism so you can experiment with and adapt innovative visual styles in your web projects.