Katalog ECTS

Projektowanie graficzne - projektowanie www

Pedagog: mgr Mateusz Żywicki

Pole Opis
forma/typ zajęć pracownia projektowa podstaw nauczania;
język wykładowy polski;
metody i kryteria oceniania

Realizowane przez studentów zadania oceniane są na 3 poziomach: koncepcyjnym, plastycznym i technicznym. Każdy z poziomów oceniany jest osobno, aby zapewnić maksymalnie czytelną informację zwrotną dla studenta.

opis przedmiotu

Cel poznawczy: (planowane efekty w zakresie wiedzy)

Podczas zajęć studenci zdobywają wiedzę na temat złożonego procesu powstawania interfejsu użytkownika w szczególności stron www. Program zajęć jest podzielony na zagadnienia odpowiadające kolejnym etapom budowy strony internetowej. Przeprowadzane są wykłady połączone z ćwiczeniami podczas, których studenci uczą się projektowania pod elastyczny format jakim jest okno przeglądarki internetowej. Poznają specyfikę tego medium – jego ograniczenia i możliwości. Zdobywają wiedzę na tematy związane z typografią stron www i projektowaniem z wykorzystywaniem siatki modularnej – gridu. Duży nacisk kładziony jest na zagadnienia związane z użytecznością intrefejsu (ang. Usability) oraz projektowaniem interakcji (ang. UX). Studenci poznają proste języki skryptowe (HTML/CSS) pozwalające na wdrożenie funkcjonalnego intrefejsu pod okno przeglądarki www.


Cel kształcący: (planowane efekty w zakresie umiejętności)


Studenci zdobywają praktyczne umiejętności z zakresu opracowania koncpecji, projektowania graficznego oraz kodowania strony internetowej. Uczą się w jaki sposób dostosować swój projekt do ograniczeń, ale również jak korzystać możliwości jakie niesie za sobą środowisko przeglądaki internetowej. Nabierają doświadczenia w wyborze odpowiednich rozwiązań technologicznych. Poznają języki skryptowe kodowania stron – HTML oraz CSS. Zdobywają takze praktyczną widzę z wykorzystywania oprogramowania Adobe do tworzenia projektów graficznych na potrzeby internetu oraz poznają metody prototypowania interfejsów. Po dwóch semestrach przyswoione umiejętności pozwalają na zaprojektowanie i wdrożenie prostej strony www.


Cel praktyczny: (planowane kompetencje społeczne)

Podnoszona jest świadomość istotności tworzenia użytecznch i intuicyjnych interfejsów zapewniających płynną interakcję z użytkownikiem i ułatwiających łatwe przyswajanie informacji. Nauczane jest, że w przypadku projektowania na potrzeby internetu forma podąża za funkcją. Projekt graficzny ściśle wynika z potrzeb użytkownika i założeń projektowych odnoszących się do konkretnego rodzaju treści jak i jej nośnika. Dlatego odpowiedzialnością projektanta jest czytelne przekazania komunikatu, w najbardziej odpowiedniej do tego formie.
Uświadomienie, że rozbudowany proces tworzenia strony www czy aplikacji mobilnej wymaga od projektanta sprawnego funkcjonowania w zespole i pracowania w opraciu o zestaw dobrych praktyk ułatwiających komunikację: projektant–programista. W konsekwencji zajęć student zdobywa wiedzę praktyczną pozwalającą odnaleźć się w branży projektowania stron internetowych oraz aplikacji mobilnych.

skrócony opis przedmiotu

Przedmiot ma na celu przybliżyć złożony proces jakim jest projektowanie interaktywne – w szczególności projektowanie interfejsów stron www i aplikacji mobilnych. Podczas zajęć studenci poznają krok po kroku poszczególne etapy budowy strony internetowej. Uczą się projektować pod specyficzny format jakim jest okno przeglądarki internetowej czy ekran urządzeń mobilnych. Zdobywają wiedzę o regułach rządzących procesem projektowania interfejsu użytkownika, poznają możliwości i ograniczenia płynące z charakterystyki tego medium. Podczas ćwiczeń przekazywana jest wiedza potrzebna do wypracowania dobrych założeń projektowych, jak również zdobywane są umiejętności praktyczne potrzebne do przygotowania projektu graficznego oraz wdrożenia działającej strony internetowej w oparciu techniki programowania.

sposób realizacji przedmiotu

Przedmiot realizowany w sali dydaktycznej w postaci wykładów i ćwiczeń.

zakres tematów
  1. Wprowadzenie do tematu interfejsu i projektowania stron www. Historia i współczesność. Na czym polega i z czego składa się proces.
  2. Ograniczenia i możliwości projektowe wynikające z charakterystyki formatu jakim jest przeglądarka internetowa.
  3. RWD czyli na czym polega responsywność stron internetowych i projektowanie stron pod urządzenia mobilne(Mobile First).
  4. UX – User Experience – „Nie każ mi myśleć” czyli jak zaprojektować intuicyjny interfejs.
  5. Dobre praktyki wynikające z zasad użyteczności (usability), budowanie hierarchii.
  6. Typografia w przestrzeni internetowej, z jakich krojów korzystać i w jaki sposób je stosować.
  7. Charakterystyka layoutu strony www czyli projektowanie z uwzględnieniem siatki modularnej – Gridu.
  8. Kolorystyka i rodzaje plików graficznych wykorzystywanych na potrzeby projektowania na ekran.
  9. Praktyczne ćwiczenia projektowania interfejsu za pomocą Adobe Photoshop.
  10. Prototypowanie interfejsu oraz badanie użyteczności.
  11. Wprowadzenie do HTML i CSS – Struktura i zasady.
  12. Ćwiczenia praktyczne z HTML i CSS. Wdrażanie projektów graficznych pod okno przeglądarki
sposób zaliczenia zaliczenie z oceną;
literatura


www.smashingmagazine.com

www.alistapart.com 

www.csstricks.com

www.foundation.zurb.com 

www.html5doctor.com 
www.webtypography.net/toc 
www.webdesign.tutsplus.com 


WSTĘP DO HTML5 I CSS3, Bartosz Danowski
PIXEL PERFECT PRECISION HANDBOOK 2, The Ustwo
THE SMASHING BOOK #4, smashingmagazine.com
RESPONSIVE WEB DESIGN, Ethan Marcotte
DESIGNING WITH WEB STANDARDS (third edition), Jeffrey Zeldman, Ethan Marcotte

praktyki zawodowe (w ramach kierunku/przedmiotu), plenery

-

wymagania wstępne
wymagania formalne

Znajomość podstawowych ogólnych zagadnień projektowych: kompozycji, koloru, hierarchii, kontrastu, typografii. Podstawowa znajomość oprogramowania do edycji obrazu w szczególności Adobe Photoshop. Wiedza wyniesiona z zajęć projektowych na I i II semestrze.

założenia wstępne

Student posiada podstawową wiedzę z zakresu projektowania graficznego ułatwiającą przeniesienie już poznanych zagadnień na płaszczyznę internetu.

efekty uczenia się
kompetencje społeczne
opiskod

K_K05
posiada umiejętności samooceny jest zdolny do budowania
konstruktywnej krytyki w oparciu o różnorodność artystycznych
postaw i ich indywidualnego charakteru

K_K08
posiada umiejętności współpracy w ramach wspólnych projektów i
działań oraz negocjowania i organizowania

K_K09
w sposób świadomy umie zaprezentować własną działalność
artystyczną

umiejętności
opiskod

K_U01
umie podejmować samodzielnie decyzje w zakresie realizacji prac
artystycznych w dowolnej technice rysunku, grafiki artystycznej,
grafiki projektowej lub wypracowanej technice autorskiej

K_U04
potrafi zastosować elektroniczne narzędzia rejestrowania,
wytwarzania i powielania obrazu w kreacji artystycznej; potrafi
wykorzystać zdigitalizowany materiał i wykonać autorski projekt lub
zadanie zlecone


K_U06
jest przygotowany do zespołowej analizy problemów projektowych i
współpracy w procesie ich rozwiązywania oraz współudziału w
realizacji projektów

K_U08
opanował metodologię projektowania oraz warsztat technologiczny
niezbędny do realizacji różnych przedsięwzięć artystycznych
właściwych dla uprawianej dyscypliny sztuki

K_U12
posiada umiejętności, które w oparciu o cechy indywidualne
(intuicja, wyobraźnia) pozwalają realizować indywidualne
zamierzenia artystyczne

K_U17
potrafi zaprezentować własne dokonanie artystyczne swój autorski
pomysł, projekt; potrafi inicjować
i organizować wystawę, umie w stopniu podstawowym, opublikować
i promować swój film animowany w mediach elektronicznych

 

wiedza
opiskod

K_W06
posiada orientację w zakresie problematyki związanej z technologiami stosowanymi w grafice i animacji, zna walory i możliwości wynikające z różnorodności technik graficznych i animacyjnych


K_W11
ma uporządkowaną wiedzę z zakresu makro i mikro-typografii: zna technikę składu, formatowania, łamania tekstu; zna technikę makietowania (layout); narzędzia programistyczne oraz programy do tworzenia publikacji dla poligrafii; zna technikę przygotowania publikacji do druku

K_W13
posiada wiedzę do rozpoznania i zdefiniowania wzajemnych relacji
pomiędzy teoretycznymi i praktycznymi aspektami studiowania



Lista studiów

studia status Czas
[h]
ECTS forma zaliczenie
Grafika / Grafika Projektowa s.3 o 24 4 Ćw 24h
Ćw [Z st.]


Semestr 2018/19-Z (Z-zimowy,L-letni)
Kod kursu: #35.10187