https://hook.eu1.make.com/ehvez4endy2xhux9bqychdv1tsecaw7p

Podstawy layoutu Webflow

Już od dobrych kilku lat mamy różne możliwości tworzenia i publikowania stron internetowych bez kodowania (no-code) lub z minimalnym użyciem kodu (low-code). Nie tylko skraca to czas od koncepcji do publikacji strony, ale, szczególnie dla projektantów, jest świetnym sposobem na dokładną kontrolę każdego elementu interfejsu bez konieczności czekania na pracę osób, które potrafią kodować i programować. Niewiele z popularnych narzędzi jest jednak w stanie równać się z Webflow.

Opis

W porównaniu do wielu podobnych narzędzi lub pluginów, Webflow wyróżnia się “czystością” wyjściowego generowanego kodu, co z kolei przekłada się nie tylko na szybkość tworzonych w nim stron, ale także na ich dostępność i widoczność w wyszukiwarkach. Jest to jedna z najszybciej obecnie rozwijanych technologii no-code, z której korzystają nie tylko freelancerzy i agencje marketingowe, ale też duże organizacje, takie jak Zendesk, Lattice, Dropbox.

Webflow charakteryzuje się dużą swobodą kreatywną - z odrobiną praktyki będziesz w stanie odtworzyć większość layoutów, które widzisz w sieci, niezależnie od tego jak skomplikowane wydają się na pierwszy rzut oka. Świetną wizytówką może być galeria oficjalnego podsumowania roku 2022.

Warsztaty odbywają się stacjonarnie, w Warszawie.

Dla kogo?

Na szkoleniu skorzystają najbardziej osoby, które:

  • Chcą zbudować własne strony, blogi i portfolio bez konieczności angażowania osób programujących,
  • Tworzą regularnie proste strony internetowe dla klientów i potrzebują elastyczności kreatywnej,
  • Chcą szybko prototypować interaktywne serwisy internetowe,
  • Mają ambicje na tworzenie większych produktów cyfrowych w ekosystemie narzędzi no-code i chcą używać Webflow jako front-endu do ich wyświetlania.

Jako, że w Webflow krzywa nauki obejmuje nie tylko obsługę narzędzia, ale też naukę podstaw zasad CSS, przed szkoleniem rekomendujemy zapoznanie się z koncepcjami CSS dotyczącymi fontów (font weight, line height etc.), rozmiaru (size) pozycji (position) oraz układu (display). Nie jest to konieczne, ale z pewnością ułatwi skupienie się na nauce narzędzia.

Czego się nauczysz?

  • Obsługi interfejsu Webflow i jego podstawowych funkcji zarówno pod kątem ustawień projektu, jak i panelu Designer,
  • Używania zarówno gotowych komponentów w Webflow lub tworzenia nowych od zera,
  • Efektywnej pracy z klasami i combo-klasami, które są podstawą stylowania stron,
  • Pracy z takimi konceptami layoutu strony jak ustawienia position, size i display, których użyjesz przy prawie każdym elemencie strony,
  • Budowy podstawowych sekcji strony internetowej, włączając w to m.in. nawigację, sekcję hero, listę kart lub stopkę,
  • Stworzenia działającego formularza kontaktowego,
  • Wdrożenia podstawowych interakcji i animacji do projektu,
  • Efektywnej pracy za pomocą symboli,
  • Publikacji swojej strony do sieci.

expand_more

Plan zajęć

Dzień 1

  • Wprowadzenie do narzędzia i interfejsu Webflow.
  • Obsługa panelu Designer.
  • Praca z klasami, combo-klasami i styleguide’m.
  • Przerwa na lunch
  • Podstawy layoutu i pozycjonowania elementów
  • Projekt responsywny na przykładzie paska nawigacji
  • Publikowanie strony
  • Pytania i odpowiedzi

Dzień 2

  • Pytania i odpowiedzi
  • Tworzenie formularza kontaktowego
  • Zarządzanie mediami i fontami w projekcie
  • Optymalizacja pracy za pomocą symboli
  • Przerwa na lunch
  • Ruch i animacje w Webflow
  • Interakcje na przykładzie akordeonu
  • Pytania i odpowiedzi

Autor

Autorzy

Michał Mazur
Michał Mazur
expand_more

Michał Mazur to projektant UX tworzący produkty cyfrowe w warszawskim product house EL Passion od 2017 roku. Wcześniej spędził 3 lata w Londynie, pracując dla agencji UX Pomegranate Media oraz marki Kurt Geiger. Pasjonat metod warsztatowych i projektowania skoncentrowanego na użytkowniku, autor czterech kursów online dotyczących kariery w UX, użyteczności oraz testów z użytkownikami. Michał po godzinach prowadzi podcast UXED_PL oraz newsletter o projektowaniu. Więcej na www.uxed.pl

Najczęściej zadawane pytania

Czy po ukończonym kursie otrzymam dostanę certyfikat?
Tak, otrzymasz od nas certyfikat ukończenia kursu w formie linku do umieszczenia na LinkedIn lub PDF do wydrukowania.

Czy otrzymam fakturę?
Tak :)

Czy mogę zrezygnować z zakupionego kursu?
Tak, masz prawo odstąpić od zakupu kursu. Jeśli zrobisz to na 14 dni przed jego rozpoczęciem, otrzymasz 100% zwrotu, na 7 dni przed 50%. Możesz również przenieść swój zakup na następny najbliższy termin kursu.

Jakie są wymagania techniczne?
Musisz posiadać stabilne łącze oraz pobrane aplikacje Figma, Miro, Notion oraz Zoom. Wszystkiego dowiesz się na pierwszych zajęciach ;-)

Czy mogę rozłożyć zakup kursu na raty?
Tak, możesz rozłożyć zakup do 10 rat 0%. Skontaktuj się z nami po szczegóły!

Opinie uczestników

Brałeś_aś udział w kursie? Daj nam znać i podziel się opinią na 💬 kontakt@learndesign.pl
Promocja trwa jeszcze:
0
 d
0
h
0
m
0
s

Podstawy layoutu Webflow

today
today
Data zostanie ogłoszona wkrótce
Zamawiam dla swojej firmy
Dziękujemy! Twój adres email został dodany do listy rezerwowej.
Oops! Coś poszło nie tak. Sprawdź czy wszystkie pola są poprawnie wypełnione.
  • savings
    Rabaty dla grup i osób prywatnych: 693 160 410
  • payments
    10 rat 0%
  • download
    Pliki do pobrania
  • watch_later
    Czas trwania: 
    2 dni
  • bar_chart
    Poziom: 
    Początkujący
  • download
    Pliki do pobrania
  • mode
    Zadania
  • verified_user
    Certyfikat ukończenia
  • description