Twórz strony www bez znajomości kodu

Przedstawię Ci przegląd modułu

Nauczysz się w praktyce generować projekty z zakresu webdesign. Poznasz różne podejścia, by to zrobić

Będziesz biegle używać funkcji "vary" aby wprowadzać szczegółowe modyfikacje do wygenerowanego projektu

Użyjesz funkcji blend by nauczyć się tworzyć projekty na podstawie gotowych inpiracji

za pomocą funkcji do generowania podpowiedzi (słów kluczowych) wygenerujesz swoje unikalne projekty na podstawie gotowego projektu, który Ci się podoba

Po tym nagraniu będziesz mógł ustalać jak bardzo Twój wygenerowany projekt ma być kreatywny

Przedstawię Ci w skrócie czym jest technologia Leonardo AI i co ją wyróżnia na tle Midjourney

Poznasz interfejs Leonardo AI

Nauczysz się jak korzystać z gotowych modeli i styli

Będziesz biegle wykorzystywać główną funkcjonalność tej aplikacji by móc generować projekty. Dokładnie omówię jej funkcje i możliwości

Poznasz metodę, która pozwala na tworzenie projektów na podstawie projektów inspiracyjnych, które Ci się podobają

Podobnie jak w przypadku Midjourney, dowiesz się jak korzystać z gotowych podpowiedzi by generować swoje projekty AI

Będziesz biegle edytować swoje projekty na podstawie wpisanych promptów

Po tym nagraniu użyjesz gotowych styli społeczności, by móc łatwiej generować projekty w różnych stylistykach

Dowiesz się jak wygenerowałem niektóre swoje projekty

Po tym nagraniu będziesz mógł wykorzystywać wygenerowane zasoby w tworzeniu stron www

Plan modułu

Wyjaśnię Ci czym jest technologia Framer no-code. Poznasz jej szeroki wachlarz możliwości. Dowiesz się, ile to kosztuje

W tym nagraniu zobaczysz jakie możliwości posiada sztuczna inteligencja technologii Framer i nauczysz się korzystać z niej w praktyce

- poznasz podstawowe zakładki interfejsu

- omówię z Tobą najważniejsze narzędzia

- na podstawie gotowej strony www pokażę Ci najważniejsze funkcje

- dowiesz się jak publikować stronę, automatyzować procesy, dodawać meta-tagi i wiele więcej

Po tym nagraniu przyswoisz podstawową wiedzę na temat kluczowych aspektów tej aplikacji. To pozwoli Ci na zrealizowanie modułów praktycznych.

Nauczysz się:

- jak budować sekcje w na podstawie stosów / gridów

- jak ustawiać stosy i gridy w pozycji horyzontalnej i wertykalnej

- jak ustawiać rozmiary (fixed, relative, fill, fit content)

- pozycjonowania elementów (absolute, relative, fixed, sticky)

Poznasz również przykłady zastosować tych funkcji w praktyce.

Nauczysz się:

- stylizacji tekstów (jak stosować rozmiary, rodzaje, marginesy, wyrównania, kolory fontów itd.)

- automatyzować style tekstowe

- importowania czcionek

- tworzyć i personalizować kształty (skorzystasz z gradientów, przeźroczystości,  zaokrągleń)

Nauczysz się:

- tworzyć różne nawigacje od zera ( w tym responsywne, rozwijane)

- trybów pozycjonowania, co pozwoli Ci na przyklejanie lub przewijanie swoich nawigacji

- jak modyfikować istniejące szablony menu dopasowując je do swoich potrzeb

Stworzysz:

- swój pierwszy button oraz tzw. hover na podstawie zaimportowanej ikony

- nowoczesne carousele, slidery

- komponent przejścia między produktami

Poznasz:

możliwości wykorzystywania animacji i efektów na podstawie gotowych przykładów

- Czym jest CMS. Omówienie 3 sposobów korzystania z CMS w Framer

- Stworzysz kolekcję kosmetyków. Wykorzystasz w tym celu pola edycyjne

- Stworzysz podstronę rozwiniętej kolekcji

- Zintegrujesz pola edycyjne z projektem

Po tym nagraniu w zaledwie kilku sekund zaimportujesz sekcje do Figmy. Jeśli jesteś projektantem Figma to te nagranie przyśpieszy proces wdrażania

W tym nagraniu dodasz mapę google oraz poznasz rozszerzenie, które pozwala na zmianę styli, kolorów i filtrów map google.

Dowiesz się jakie wtyczki oferuje Framer do tworzenia formularzy oraz jak personalizować formularze

Poznasz nowoczesne wtyczki, za pomocą których stworzysz swój pierwszy sklep internetowy

Poznasz nowoczesne rozszerzenie, które pozwala na tworzenie spersonalizowanych formularzy dopasowanych do różnego rodzaju lejków sprzedażowych

Poznasz sposób, na szybkie stworzenie nowoczesnej i funkcjonalnej platformy e-learningowej

• Omówienie materiałów wygenerowanych z Leonardo AI

• Stworzenie poszczególnych sekcji na podstawie gotowych szablonów z Framer

• Wdrożenie efektywnych carouseli

• Ustawienie responsywności

• Stworzenie buttonów i komponentu hoverów

• Ustawienie hyperlinków

• Ustawienie animacji przybliżania i oddalania

• Wprowadzenie

• Wygenerowanie strony internetowej w ciągu 15 sekund

• Modyfikacja układu, palet kolorów za pomocą sztucznej inteligencji

• Zmiana tekstów za pomocą sztucznej inteligencji

• Import projektu z Midjourney

• Wdrożenie zasobów graficznych

  
  

• Omówienie projektu wygenerowanego z MIdjourney

• Wygenerowanie strony internetowej w ciągu 15 sekund

• Modyfikacja układu, palet kolorów za pomocą sztucznej inteligencji

• Zmiana tekstów za pomocą sztucznej inteligencji

• Udoskonalenie projektu. Import zasobów z Midjourney

• Wprowadzenie animacji paralaxa do sekcji TOP

• Omówienie materiałów wygenerowanych z Leonardo AI

• Stworzenie projektu na podstawie materiałów z Leonardo AI

• Ustawienie animacji parallax, przejścia i wiele więcej

• Wdrożenie przykładowej kolekcji kosmetyków (CMS)

• Ustawienie responsywności

• Omówienie materiałów wygenerowanych z Midjourney

• Przygotowanie projektu w Figmie do eksportu

• Wdrożenie sekcji z projektu, w tym sekcji z ikonami

• Import sekcji za pomocą wtyczki

• Utworzenie efektywnych carouseli

• Wdrożenie formularza kontaktowego

• Integracja i import mapy google

• Ustawienie responsywności

• Omówienie projektu wygenerowanego z Midjourney

• Przygotowanie projektu w Figmie do eksportu

• Import sekcji za pomocą wtyczki

• Ustawienie responsywności

• Zbudowanie animacji typu parallax

• Zbudowanie animacji appear na tekstach