Czego się nauczysz z kursem?

Kiedy ukończysz ten kurs, będziesz mógł samodzielnie tworzyć znakomite strony internetowe dla siebie lub swoich klientów. Nauczysz się aktualnych trendów i technik, dzięki którym skutecznie osiągniesz cel, a Twoja praca wzbudzi zachwyt wśród odbiorców.

Najciekawsze dodatki dla web designera

W kursie poznacie cały zestaw rozszerzeń, które ułatwią pracę web designerom. Te narzędzia dadzą dostęp do funkcjonalności, których nie da się osiągnąć za pomocą standardowych narzędzi. Dowiecie się również jak projektować z użyciem siatki kolumn (Grid).

Eksport zawartości i cięcie layoutu

Na tej ścieżce poznasz użyteczne techniki eksportu zawartości. Przeanalizujemy narzędzie Generator zasobów, które nierzadko może skutecznie zastąpić skomplikowane dzielenie na kawałki. Omówimy także mniej znane, ale bardzo interesujące wykorzystanie zmiennych i zewnętrznych danych. Za ich pomocą szybko utworzysz mnóstwo wariantów i odmian jednego projektu. Nie zapomnimy też o bardziej tradycyjnych metodach eksportu.

Projektowanie witryn

Nowoczesny Flat Design

Kolejny etap tego kursu dostarczy Ci bardzo szerokiej wiedzy na temat projektowania nowych, modnych layoutów. Uczyć się będziemy jak tworzyć stronę zgodnie z aktualnymi trendami, tzw. Flat Design. Dowiemy się, jak rozplanować jej zawartość, jak ustalić projekt, jak narysować główne elementy, jak dodać nawigację, formularze itp. To idealna okazja do zdobycia praktycznej wiedzy, która przyda się w każdym Twoim przyszłym projekcie.

Automatyzacja i współpraca

Kurs obejmuje automatyzację wielu zadań za pomocą Photoshopa. Dowiesz się jak tworzyć Droplet’y oraz jak wykorzystać program do projektowania stron internetowych. Dodatkowo będziesz poznawać współpracę Photoshopa z innymi aplikacjami firmy Adobe, takimi jak Muse i Dreamweaver. Przeniesiesz swoją grafikę pomiędzy tymi programami.

Optymalizacja grafiki

Na kolejnym etapie szkolenia skoncentrowaliśmy się na ważnym temacie - eksporcie i optymalizacji grafiki do celów internetowych. To doskonała okazja, aby poznać praktyczne różnice między rozmaitymi formatami, a także interesujące techniki, które pozwolą Ci zmniejszyć rozmiar pliku. Poznasz również kilka ważnych informacji dotyczących eksportu dokumentów z przezroczystością oraz optymalizacji formatu PNG.

Praca z kolorami

Na początku szkolenia uczestnicy będą uczyć się jak dostosowywać program do projektów webowych. Prezentacja obejmie tworzenie własnej przestrzeni roboczej, zdefiniowanie skrótów klawiszowych i zapisywanie presetów, które ułatwią tworzenie nowych dokumentów. W drugim rozdziale poznamy kilka kluczowych aspektów pracy z kolorami. Omówimy format HTML (szesnastkowy) do zapisu koloru, przedstawimy interesujące narzędzia do tworzenia barw i nauczymy się tworzyć własne próbki koloru.

Co jeszcze znajduje się w kursie?

Photoshop dla web designerów

Jeśli mówimy o web design, program Photoshop zdecydowanie wygrywa wśród wszystkich narzędzi. Mnóstwo funkcji sprawia, że można go wykorzystać do wielu różnych celów. Doświadczeni projektanci używają go do tworzenia witryn, elementów strony, optymalizacji grafiki dla Internetu i różnych aplikacji webowych. Aby w pełni wykorzystać możliwości tego programu, trzeba znać wiele technik i narzędzi. Chcesz się ich nauczyć? Jeśli tak, koniecznie sprawdź nasz kurs!

Animacje i eksport na różne urządzenia

Kompozycje warstw otwierają szerokie możliwości, w tym tworzenie różnych wariantów projektu oraz prezentacji w formie pliku PDF. Dowiesz się także jak stworzyć animowany preloader od podstaw, obejmujące przygotowanie grafiki, tworzenie animacji i eksport gotowego projektu. Kolejnym tematem będzie eksport grafiki na różne urządzenia, w tym wersje dla telefonów, tabletów i wyświetlaczy o dużej gęstości pikseli, które cieszą się coraz większym zainteresowaniem.

CSS sprite i generowanie stylów w programie Photoshop

Następnym krokiem będzie omówienie popularnej techniki CSS Sprite, która ma na celu zmniejszenie liczby obrazów ładowanych na stronę. Nauczysz się jak przygotować taką grafikę oraz wykorzystać wiele interesujących narzędzi do generowania sprite'ów. Następnie skupimy się na interesującej, lecz mało znanej funkcjonalności programu Photoshopu, który będzie generował style CSS na podstawie treści projektu PSD.

Ciekawe techniki pracy i przydatne zasoby w Internecie

W przedostatnim etapie będziemy wykorzystywali dziewięć filmów do stworzenia elementów strony zgodnych ze stylami określanymi jako Retro. Będziemy omawiać wiele praktycznych i uniwersalnych technik pracy. Po zakończeniu szkolenia poznasz kilka popularnych rozwiązań stosowanych w obecnych witrynach internetowych. Przykładem jest technika nazywana Icon Font - doskonały wybór, gdy potrzebny jest rozbudowany i lekki zbiór ikon. Kolejny interesujący temat to wykorzystanie gotowych zestawów elementów interfejsu użytkownika (tzw. UI Kit).