9 naszych klientów wybrało ten kurs!
Dołącz do nich!

WEB DESIGN BOOTCAMP 2020 Narzędzia i techniki projektowania responsywnych stron www

Zaczynamy za
Zostań Web Designerem i projektuj niesamowite strony internetowe. Kompleksowy kurs oparty na praktycznej pracy z programami graficznymi, dzięki któremu zdobędziesz kompetencje i zbudujesz portfolio projektowe niezbędne do rozpoczęcia kariery projektanta stron www. Zyskasz umiejętności z pogranicza IT, grafiki komputerowej i UI Design.
9 naszych klientów wybrało ten kurs!
Dołącz do nich!
Partner
9 naszych klientów wybrało ten kurs!
Dołącz do nich!

WEB DESIGN BOOTCAMP 2020 Narzędzia i techniki projektowania responsywnych stron www

Zaczynamy za
Zostań Web Designerem i projektuj niesamowite strony internetowe. Kompleksowy kurs oparty na praktycznej pracy z programami graficznymi, dzięki któremu zdobędziesz kompetencje i zbudujesz portfolio projektowe niezbędne do rozpoczęcia kariery projektanta stron www. Zyskasz umiejętności z pogranicza IT, grafiki komputerowej i UI Design.
Data startu
25.09.2020
Czas trwania
3 miesiące
Poziom zaawansowania
Forma kształcenia
online
Certyfikat
tak
cena
1200 PLN

Kompleksowy kurs oparty na praktycznej pracy z programami graficznymi, dzięki któremu zdobędziesz kompetencje i zbudujesz portfolio projektowe niezbędne do rozpoczęcia kariery projektanta stron www. Zyskasz umiejętności z pogranicza IT, grafiki komputerowej i UI Design. Nauczysz się tworzyć projekty graficzne na potrzeby komunikacji marketingowej – planować, projektować i wdrażać landing page oraz stronę internetową. Dowiesz się, jak analizować i usprawniać takie elementy serwisu www, jak: nawigacja, interaktywność, użyteczność, architektura informacji oraz funkcjonalność elementów graficznych. Będziesz pracował nad projektem, który po zakończonym cyklu szkoleniowym trafi do Twojego portfolio i którym pochwalisz się przed pracodawcą lub potencjalnym Klientem. Podczas sesji mentoringowych na żywo z prelegentami, wspólnie przejdziesz przez cały proces projektowania elastycznych stron www składający się z :

  • formułowania koncepcji,
  • projektowania prototypu,
  • interaktywnego projektu,
  • zakodowania finalnej wersji projektu.

Narzędzia: WordPress, Photoshop, Figma, Adobe Dreamweaver, Adobe XD, In Vision

Języki: CSS3 Media Queries, HTML5

Filmy szkoleniowe
Praktyczne materiały
Najlepsi eksperci praktycy
Wybierz KURS, jeśli chcesz:
stać się web designerem i nauczyć się samodzielnie projektować od podstaw szablony pod elastyczne strony www
zdobyć podstawową wiedzę na temat języków programowania CSS3 i HTML5 do stylowania i wdrażania projektów graficznych na stronę www, dzięki czemu lepiej zrozumiesz świat IT
poznać zasady i techniki projektowania responsywnych stron www (RWD), których znajomość umożliwia poprawne odtwarzanie serwisu na systemowo różnych urządzeniach, co jest niezwykle ważne dla rynku e-commerce
nauczyć się obsługi najważniejszych narzędzi web designera, m. in. Adobe XD, In Vision, Photoshop, Figma, Sketch
wiedzieć, jak technicznie przygotować prototyp funkcjonalnej strony internetowej w profesjonalnym programie do projektowania Figma
przeanalizować sposoby optymalizacji istniejących interfejsów graficznych oraz tworzenie nowych
orientować się w obecnych trendach internetowych i znajomości technologii webowych.

Zawartość kursu

Filmy szkoleniowe

Około 15 godzin filmów szkoleniowych
Około 15 godzin filmów szkoleniowych
Case study

Konkretne case studies
Konkretne case studies
Materiały szkoleniowe

Praktyczne materiały szkoleniowe
Praktyczne materiały szkoleniowe
Dostęp 24/7

Dostęp 24h z każdego miejsca w dowolnym czasie – możliwość nauki we własnym tempie
Dostęp 24h z każdego miejsca w dowolnym czasie – możliwość nauki we własnym tempie
Certyfikat

Poświadczający udział w kursie
Poświadczający udział w kursie

Program kursu

CZEŚĆ I – UI i UX w pracy projektanta stron www
+
UI i UX – uniwersalne zasady, które powinien znać Web Designer projektując stronę www
Projektowanie z uwzględnieniem norm WCAG – dostępność stron www
Nawigacja na stronie – jak stworzyć i sformatować menu na stronie www zgodnie z zasadami architektury informacji (UI)
Formularze – tworzenie i wdrażanie atrakcyjnych, użytecznych formularzy na stronie w oparciu o CSS
Proces projektowy z perspektywy UX/UI – jak umiejętnie uzasadnić decyzje projektowe w kontekście UI oraz UX oraz zachować spójność UI/UX na wszystkich podstronach
Aktualne trendy w projektowaniu UX/UI
Tworzenie palet kolorystycznych za pomocą narzędzi www – przegląd najlepszych darmowych narzędzi (m. in. https://coolors.co/, https://color.adobe.com/pl/create/color-wheel)
CZĘŚĆ WARSZTATOWA – KROK 1
+
Figma – opracowanie prototypu funkcjonalnej strony www krok po kroku
Omówienie interfejsu Figmy i podstawowych funkcjonalności
Projektowanie nawigacji
Projektowanie menu
Projektowanie przykładowego formularza rejestracji
CZĘŚĆ II - Zasady projektowania responsywnego layoutu strony internetowej
+
Case study projektowania interfejsu – praktyczne wskazówki i niezbędne pojęcia
Grafika i formaty – jak wybrać rozdzielczość, która gwarantuje poprawne wyświetlanie serwisu
Przegląd narzędzi Adobe Photoshop pod projektowanie responsywnego layoutu
Projektowanie krok po kroku w Adobe Photoshop
CZĘŚĆ WARSZTATOWA – KROK 2
+
Projektowanie responsywnego layoutu strony internetowej w Photoshopie/InVision
CZĘŚĆ III – Projektowanie stron www od podstaw – HTML5 I CSS3
+
Tworzenie prostych stron internetowych opartych na szablonach – analiza Elementor WordPress
Tworzenie własnych szablonów stron www – narzędzia i zasady, dzięki którym zrozumiesz, co wpływa na szybkość i użyteczność Twojej strony już na poziomie tworzenia szablonu
Podstawowa wiedza na temat języków programowania do stylowania i wdrażania projektów graficznych na stronę www:
czym się charakteryzuje poprawnie napisany kod HTML w sekcji head i body
jak napisać poprawny kod linku oraz przycisku lub linku kierującego do Social Media
jak poprawnie oznaczyć pole formularza, np. zapisanie się do newslettera
podstawy CSS - arkusz stylów, jak go tworzyć i zarządzać wyglądem strony
CZĘŚĆ WARSZTATOWA – KROK 3
+
Kodowanie responsywnego layoutu - CSS3 Media Queries, HTML5
Podstawowa wiedza na temat wdrażania projektów do HTML5/CSS3
Responsywny układ elementów HTML – teksty, grafiki
Elastyczny layout - jak go zakodować, by poszczególne elementy strony płynnie dopasowywały się do rozdzielczości
Tworzenie reguł CSS na podstawie wartości szerokości okna przeglądarki internetowej
CZĘŚĆ IV– Optymalizacja grafiki i kodu na stronie www pod wymagania Googla
+
Poprawny design – granica między unikatowymi elementami, a obniżeniem funkcjonalności strony w ocenie Google
Projektowanie grafiki serwisów internetowych opartych na CMS Wordpress
Techniczne parametry użycia tekstu i grafik na stronie www:
rozmiar czcionki wg Google – dlaczego co najmniej 60% tekstu znajdującego się na danej podstronie powinno być większe niż 12px
tło przycisku a treść wg Google – wytyczne, które przyczyniają się do zwiększenia użyteczności elementów na stronie
preferowane rozszerzenia plików graficznych
tworzenie kilku rozmiarów plików graficznych
Struktura i edycja kodu HTML5 – jak przycinać projekt, by zbudować z niego stronę HTML
Użycie filmu wideo na stronie www – jakie są opcje umieszczenia pliku wideo na stronie oraz atrybuty zwiększające wygodę i użyteczność
CZĘŚĆ WARSZTATOWA – KROK 4
+
Testowanie zakodowanej strony na różnych urządzeniach
Narzędzia do testowania responsywnych witryn – przegląd
Wykorzystanie i obsługa programu Adobe Dreamweaver do testowania strony
funkcja podglądu w przeglądarce w czasie rzeczywistym podczas wprowadzania zmian w kodzie
podgląd stron w widoku aktywnym
podgląd bez wysyłania strony na serwer
CZĘŚĆ V - Optymalizacja stworzonej witryny www
+
Metody i narzędzia testowania i optymalizacji stron www
Elementy strony, które powinniśmy zoptymalizować jako pierwsze
Zarządzanie contentem na stronie www pod kątem optymalizacji SEO
✔ Wykorzystanie narzędzi Google Analytics i Google Search Console

Narzędzia, które poznasz podczas kursu:

  • WordPress – napisany w języku PHP system zarządzania treścią zaprojektowany głównie do obsługi blogów. Wykorzystuje bazę danych MySQL.
  • Adobe Photoshop – program graficzny przeznaczony do tworzenia i obróbki grafiki rastrowej, będący flagowym produktem firmy Adobe Systems. Program jest dostępny na platformy Windows i macOS. Projekty zapisywane są w formacie plików PSD.
  • Figma – to edytor grafiki wektorowej i narzędzie do prototypowania wykorzystywane przez projektantów UX/UI.
  • Sketch – to komercyjny edytor grafiki wektorowej przeznaczony na komputery firmy Apple i system MacOS.
  • Adobe XD – narzędzie opracowane i opublikowane przez firmę Adobe. Program służy do tworzenia interaktywnych prototypów aplikacji mobilnych oraz stron internetowych. Narzędzie to przeznaczone jest szczególnie dla projektantów User Experience, projektantów interfejsów oraz grafików.
>

Kup dostęp!

WEB DESIGN BOOTCAMP 2020 Narzędzia i techniki projektowania responsywnych stron www
Płatność jednorazowa
Wiedza na światowym poziomie i ćwiczenia praktyczne.
Najlepszej jakości materiały merytoryczne.
Wygodna i sprawdzona formuła online.
Dostęp do kursu na 270 dni.

Najczęściej zadawane pytania

Czy otrzymam certyfikat po zakończeniu kursu?
+
Tak, po zakończeniu kursu każdy uczestnik otrzyma certyfikat poświadczający udział i ukończenie kursu. Certyfikat jest udostępniany w wersji cyfrowej do pobrania i samodzielnego wydrukowania.
Czy udział w kursie daje uprawnienia zawodowe?
+
Nie, nie przyznajemy uprawnień zawodowych. Kurs ma charakter dokształcający. Pozwala poszerzyć i pogłębić wiedzę uczestnikom z danych obszarów tematycznych, korzystając z wiedzy najlepszych ekspertów.
Czy są jakieś terminy zjazdów stacjonarnych?
+
Nie, nie ma żadnego zjazdu stacjonarnego we wskazanym miejscu. Całość kursu opiera się na kształceniu online poprzez interaktywną platformę edukacyjną. Przystępując do kursu otrzymujesz wszystkie materiały, wykłady video, prezentacje w formie online.

Kontakt

Masz pytania? Skontaktuj się z nami.

Joanna Gruchot

Zobacz również

UX Design Bootcamp - edycja osiemnasta
UX
Sprawdź
Data startu 2020-07-29
Cena 2460 PLN
>> DO KATALOGU <<