Wykład
.
,
.
Estetyka jest pojęciem względnym Często mówimy że każdemu podoba się coś innego Ale
,
jednocześnie są projekty graficzne które przez większość ludzi są akceptowalne i
,
są takie
,
.
,
,
które budzą ogólną niechęć a wręcz odrazę Dlaczego tak się dzieje dlaczego są rzeczy które
.
większości się podobają lub nie Odpowiedzi powinniśmy szukać w
mechanizmach percepcji
.
człowieka Jak wiemy obserwowany przez człowieka obraz całkowicie interpretowany jest
.
,
przez mózg Wbrew pozorom umiejętność analizy otrzymywanych bodźców wzrokowych nie
.
jest tak precyzyjna i szybka jak by się mogło nam wydawać Z
pośród ogromnej ilości infor
-
macji przekazywanych z
,
receptorów siatkówki oka mózg człowieka ma za zadanie dokonać
,
możliwie szybkiej analizy sytuacyjnej tak aby człowiek mógł odpowiednio szybko zareagować
.
na przykład na zewnętrzne zagrożenia Wykształcony mechanizm hierarchicznej analizy obrazu
(
)
,
od analizy ogólnej po drobiazgową sprawia iż dużo szybciej i
łatwiej rozpoznamy obiekt
(
),
wcześniej widziany zarejestrowany posiadający prostą konstrukcję geometryczną i
harmo-
(
nijną kolorystykę sprzyja uproszczonej korelacji danych pochodzących z
różnego rodzaju
).
,
receptorów wzroku Krótko mówiąc jeśli zbudujemy obraz łatwiejszy w
interpretacji przez
,
mózg to w
efekcie jest on łatwiejszy w
,
odbiorze towarzyszy mu mniejsze zmęczenie co
.
,
zazwyczaj przekłada się na jego pozytywną ocenę Zatem kluczem do sukcesu jest harmonia
( .
porządek przestrzenny dający opisać się prostymi regułami np kluczowe obiekty ułożone
,
.)
wzdłuż linii okręgu etc i
porządek barwny polegający na wykorzystywaniu stałych inter
-
.
wałów dla kolorów kluczowych Oczywiście umiejętność kreowania obrazów estetycznych jest
,
.
własnością osobniczą nie każdy przecież urodził się artystą Jednak poznanie i
stosowanie
podstawowych zasad kompozycji graficznych powinien dać wystarczająco dobre efekty wizu
-
.
alne
Podstawowe zasady kompozycji graficznych o charakterze informacyjnym
✔
,
elementy serwisu graficznego powinny być czytelne i estetyczne każda widok powi
-
,
nien być zatytułowany
✔
-
konieczność stosowania czytelnej czcionki bez zbędnych ozdobników i
,
udziwnień
✔
,
elementy graficzne muszą być czytelne a ich podstawowym zadaniem jest wspoma
-
,
ganie tekstu
✔
tekst powinien być kontrastowy
,
,
wobec tła a tło powinno być raczej jednolite
,
ciekawym rozwiązaniem jest użycie grafiki pozbawionej ostrych kontrastowych
.
,
elementów np znak wodny
✔
,
,
kolorystyka i tło mają wspomagać prezentację a nie dominować
✔
,
konsekwentnie stosowanie kolorów i czcionek
✔
,
do wykonania tekstu należy użyć czcionki o odpowiedniej wielkości i kształcie w
prak-
.
, .
,
tyce na ekranie monitora dobrze prezentują się czcionki tzw bezszeryfowe np Arial
✔
umieszczenie animacji w prezentacjach graficznych służy objaśnianiu jakiegoś zjawiska
,
,
lub ma ją uatrakcyjnić lecz należy pamiętać że przesadne używanie różnorodnych
"
"
sztuczek rozprasza i
,
dezorientuje odbiorcę
✔
( .
)
jeśli chcemy zaprezentować ilustracje np galeria to powinniśmy unikać umieszczania
(
),
na jednej stronie więcej niż trzech grafik nie dotyczy miniatur
✔
,
odbiorca zwraca największą uwagę na górną część strony a szczególnie lewy górny
,
narożnik
✔
–
,
cała publikacja powinna mieć spójną konwencję graficzną
dotyczy to kolorystyki
,
,
,
,
tonacji tła kolorystyki liter sposobu wyróżnienia informacji istotnych tytułów
,
,
nagłówków należy stosować jednakowe znaki list wypunktowanych jednolite formato
-
, .
wanie list numerowanych etc
✔
,
warto wykorzystać tylko te efekty graficzne które ułatwią przekazanie informacji
i
( .
będą służyły koncentracji uwagi na istotnych elementach np zmiana kursora dla
).
sygnalizacji aktywności obszarów prezentacji
Kompozycja ilustracji
,
Jednym z większych błędów podczas przygotowywania ilustracji jest niczym nie uzasadnione
.
umieszczanie głównego obiektu w centrum obrazu Taka ilustracja skupia uwagę tylko na
,
(
).
postaci utrudniając dostrzeżenie całego otoczenia są oczywiście wyjątki Dla uniknięcia
,
,
,
,
takich sytuacji już od bardzo dawna malarze a później fotograficy wypracowali formułę na
.
.
poprawne komponowanie obrazów Główny motyw umieszczany jest w jednym z tzw
(
,
–
mocnych punktów obrazu punkty przecięcia które określamy mocnymi punktami obrazu
.1).
patrz rys
,
,
Ilustracja powinna być tak skomponowana aby główny motyw znalazł się na jednym
.
,
?
z tych punktów Należy się jeszcze zastanowić który mocny punkt będzie najodpowiedniejszy
,
.
,
Sposób percepcji obrazu w dużej mierze zależy od kultury w jakiej żyjemy W naszej kulturze
,
,
"
"
.
najważniejszy będzie lewy górny mocny punkt obrazu
. 1
Rys
Mocne punkty obrazu
,
Z uwagi na poziome ustawienie naszych oczu również poziomy układ ilustracji jest łatwiej
–
.
rejestrowany
ale nie jest to bezwzględna reguła Stąd z
,
resztą ostatnio obserwowane
tendencje w
promowaniu ekspozycji graficznych o
16/9
proporcjach
i
.
większych
,
Najistotniejszym czynnikiem wpływającym na wybór mocnego punktu obrazu jest sposób
.
,
pokazania otoczenia naszego motywu Czyli tych elementów które stanowią uzupełnienie
,
.
obiektu podstawowego które budują specyficzny klimat ilustracji
Dla ilustracji o
(
–
.2)
,
charakterze krajobrazu pejzażu
patrz rys
należy zwrócić uwagę aby hory
-
zont nie dzielił kadru na pół i
znajdował się na jednej z
.
poziomych linii podziału Asyme
-
tryczna kompozycja obrazu zwiększa jego dynamikę oraz poprawia odbiór innych elementów
,
.
niż motyw główny przez co ilustracja staje się bardziej czytelna
. 2
Rys
Przykładowy pejzaż
Dla ilustracji obiektów będących w
.
,
zbliżeniu np produkt starajmy się umieszczać jego
najważniejszy szczegół w
– .
jednym z mocnych punktów
np
wyświetlacz telefonu komórko
-
.
wego
. 3
Rys
Przykładowa ekspozycja o charakterze reklamowym
,
,
2/3
Obiekty będące w ruchu najlepiej umieścić w takim mocnym punkcie aby
przestrzeni
(
.4) -
znajdowało się przed obiektem patrz rys
pozostawienie miejsca na domyślny ruch
.
obiektu daje efekt zwiększenia dynamiki ilustracji
. 4
Rys
Przykładowa ekspozycja obiektów będących w ruchu
,
(
.5),
Przy ilustrowaniu ludzi lub zwierząt patrzących w głąb kadru patrz rys
należy pozostawiać
trochę przestrzeni w
(
którą postać będzie mogła swobodnie spoglądać o ile nie patrzą w
).
obiektyw
. 5
Rys
Postać spoglądająca w głąb kadru
(
)
z prawej strony niepoprawna ekspozycja postaci
,
"
Przy kompozycjach asymetrycznych bardzo często część kadru pozostaje nie zagospodaro
-
".
,
.
,
wana Wzrok widza badając ilustrację powinien znaleźć jakiś punkt oparcia Najlepiej tak
,
skomponować ilustrację aby w
przestrzeni tła był umieszczony jakiś element wzbudzający
.
,
zainteresowanie obserwatora Element taki musi być na tyle dyskretny aby nie konkurował
z
, .
obiektem głównym obrazu np
,
oddalony mniejszy o
.
mniej intensywnych barwach
Zagadnienia kompozycji
Istotnym czynnikiem określającym jakość prezentacji graficznej w
aspekcie jej skuteczności
,
,
jest kompozycja ekranu rozumiana zarówno jako układ tekstu położenie obiektów graficznych
.
jak równie wzajemne usytuowanie rysunków i napisów
✔
.
,
Należy unikać prezentowania tekstu w postaci ciągłej Podział tekstu na akapity
stosowanie list numerowanych lub punktowanych zdecydowanie zwiększa czytelność
.
,
,
przekazu Akapity lub elementy list najlepiej odseparowane jeden od drugiego
.
powinny składać sie z niewielkiej liczby linii
✔
Wskazane jest stosowanie tabulatorów oraz wyrównywanie tekstu do strony lewej
.
,
bądź dwustronnie Justowanie do prawej zdecydowanie ogranicza czytelność szcze
-
.
gólnie dłuższego tekstu
✔
,
,
Bardzo korzystnym zabiegiem istotnie zwiększającym skuteczność przekazu jest
,
.
przedstawianie informacji w postaci tabelarycznej zamiast tekstowej Należy to czynić
,
,
tam gdzie jest to możliwe gdy odpowiednio skonstruowana tabela swoim wygładem
,
przypomina obiekt graficzny którego zapamiętywanie jest łatwiejsze niż przyswajanie
.
tekstu
✔
,
,
Istotnym elementem kompozycji jest równie rozmieszczenie rysunków zdjęć sche
-
,
.
,
matów wykresów na powierzchni ekranu Z obserwacji oraz doświadczeń wynika że
obiekty graficzne rozmieszczone w regularnych rządach lub kolumnach zapamiętywane
,
.
są lepiej niż rozlokowane w sposób nieregularny Regularne rozmieszczenie tych
,
,
.
obiektów zdaniem studentów ułatwia ponadto sporządzanie notatek
✔
W aspekcie kompozycji należy wspomnieć również o wzajemnym usytuowaniu
.
,
obiektów graficznych i tekstu Elementy ważniejsze na które pragniemy zwrócić
,
,
.
uwagę odbiorcy lepiej umieszczać jako pierwsze począwszy od lewej strony ekranu
I
,
,
tak jeżeli ważniejszą rolę pełni rysunek w stosunku do związanego z nim tekstu
–
–
.
,
rysunek powinien zajmować lewa część ekranu
tekst natomiast
prawa W sytuacji
,
gdy rysunek jest jedynie uzupełnieniem tekstu powinien być umieszczony po jego
.
prawej stronie Jest to związane z właściwym dla przedstawicieli kultury europejskiej
,
,
.
kierunkiem analizy informacji w tym czytania od strony lewej do prawej
Zagadnienia kolorystyki
✔
(
)
Stosowanie zbyt dużej liczby kolorów w tym barwy białej i czarnej ogranicza
.
skuteczność prezentacji Wskazane jest stosowanie nie więcej niż czterech kolorów na
jednym ekranie w
(
).
grafice i tekście uwaga nie dotyczy zdjęć
✔
(
,
,
,
Treści mniej istotne należy przedstawiać w barwach zimnych czarny szary niebieski
, ...).
,
zielony
W celu przekazania informacji bardziej istotnych na które pragniemy
,
(
,
,
zwrócić uwagę odbiorcy należy wykorzystać kolory ciepłe czerwony pomarańczowy
, ...).
,
żółty
Nie przypadkowo zwierzęta i rośliny których spożycie grozi śmiercią lub są
–
.
,
niesmaczne
wybarwione są alarmowo w kolorach ciepłych Kolory zimne natomiast
,
,
,
,
–
dominujące w naszym klimacie stanowią barwy lasu łąki nieba morza
obiektów
,
, .
traktowanych przez nas z racji ich powszechności i rozmiarów jak tło
✔
,
W aspekcie kolorystyki należy wspomnieć również o istotnym aczkolwiek przez
,
twórców prezentacji multimedialnych często niedostrzeganym problemie tła i jego
.
kontrastu z obiektami pierwszoplanowymi
✔
,
,
,
Nie należy stosować tła zbyt ozdobnego zróżnicowanego kolorystycznie co powoduje
.
,
że obiekty i zapisy na nim umieszczone są nieczytelne Problem ten występuje często
.
gdy w roli tła stosowane jest zdjęcie Tło natomiast powinno być raczej jednorodne
i
.
wyraźnie kontrastujące z treścią pokazu
✔
(
)
W celu zwrócenia uwagi odbiorcy można posłużyć się lokalną we fragmencie ekranu
(
)
–
.
lub całkowita dla całego ekranu inwersją
odwróceniem kolorystyki obiektów i tła
(
)
Dobre rezultaty daje zastosowanie od czasu do czasu ekranu z jasnymi białymi
.
obiektami na czarnym tle
✔
.
Istotne znaczenie ma kolorystyka tekstu Jego zapamiętanie oraz zrozumienie można
zwiększyć różnicując nieznacznie kolorystycznie poszczególne akapity lub elementy list
.
numerowanych i punktowanych W tym celu należy zastosować nie więcej niż trzy
odcienie tego samego koloru i wybarwiać nimi na przemian poszczególne elementy
.
listy Nie wskazane jest natomiast wybarwianie kolejnych punktów listy kolorami
,
.
bardzo różniącymi się gdyż ogranicza to percepcję tekstu
Podsumowanie
✔
,
prezentacja powinna być utrzymana w adekwatnej do jej treści tonacji barw
✔
kolory należy stosować konsekwentnie unikając zbyt jaskrawych kolorów ciepłych oraz
,
zbyt stonowanych zimnych
✔
,
,
należy posługiwać się powszechnie uznanymi zaczerpniętymi z natury kolokacjami
,
,
barw lub okazjonalnie dla zwrócenia uwagi dysonansami kolorystycznymi i inwer
-
,
sjami
✔
,
zagadnienia dotyczące animacji
✔
ambicją licznych twórców prezentacji multimedialnych jest wykorzystywanie możliwie
,
wielu dostępnych możliwości animacyjnych
✔
,
w rezultacie odbiorca zarzucany jest tekstem i obiektami graficznymi które w
,
wymyślny sposób i przy akompaniamencie wymyślnych dźwięków pojawiają się na
,
ekranie
✔
konsekwentne zastosowanie kilku rodzajów animacji czyni prezentację bardziej atrak
-
,
cyjną lecz nadmierne i często przypadkowe ich wykorzystywanie niemal uniemożliwia
,
skuteczną percepcję
✔
animacje należy zatem stosować z umiarem w celu wyeksponowania istotnych treści
,
,
lub jako antidotum na znużenie towarzyszące długotrwałej koncentracji
✔
!
nadmiar animacji jest dodatkowym czynnikiem wpływającym na znużenie odbiorcy
✔
,
!
należy dbać o to aby forma przekazu nie zdominowała jego treści