Grafika komputerowa. Adam Wojciechowski

Podobne dokumenty
1. Zarażeni kolorem reklamy

dr inż. Jarosław Forenc

Zasady tworzenia prezentacji multimedialnych

Sztuka tworzenia prezentacji multimedialnej

Skuteczna prezentacja PowerPoint. Opracowanie: Anna Walkowiak

Kominki - Kolor we wnętrzu

kolorami komplementarnymi.

1. Rozwój grafiki użytkowej i jej rola we współczesnym świecie Pismo oraz inne środki wyrazu wchodzące w skład pojęcia,,sztuka graficzna

XIII Konferencja Sieci i Systemy Informatyczne Łódź, październik 2005

Podręcznik Identyfikacji Wizualnej

O niełatwej sztuce tworzenia prezentacji..

kolorami komplementarnymi.

Znak 3.2. Pole ochronne. Minimalna wielkość znaku. Znak nie posiada własnego tła, może być stosowany bezpośrednio na kolorowych tłach bądź zdjęciach.

Makijaż zasady ogólne

Strona. Strona. Tytuł. Kolumna. Kolumna. Kolumna - marginesy. Strona. Strona Kolumna. Strona. Tytuły ustalają początkowy ton strony

ZASADY STOSOWANIA LOGO 2 WERSJA PODSTAWOWA 3 WERSJA CZARNA I BIAŁA 4 POLE OCHRONNE 5 MINIMALNA WIELKOŚĆ 6 KOLORY 7 TYPOGRAFIA

1.2 Logo Sonel podstawowe załoŝenia

Znak wersja podstawowa

Identyfikacja. Verte

a. Wersja podstawowa pozioma

Leonardo da Vinci KSIĘGA IDENTYFIKACJI WIZUALNEJ

M I Ń S K M A Z OW I E C K I

Księga znaku Bundeslogo

PROCES TWORZENIA DOKUMENTU

Prezentacje. Katedra Informatyki i Metod Komputerowych. Uniwersytet Pedagogiczny w Krakowie

Makijaż dzienny- definicja

budowa i zasady użycia logo Fundacji Orange

JAK ZAPROJEKTOWAĆ WYGLĄD STRONY INTERNETOWEJ W KREATORZE CLICK WEB?

Edytor tekstu OpenOffice Writer Podstawy

Załącznik do zarządzenia kanclerza nr 6 z dnia 8 maja 2013 r. KSIĘGA ZNAKU SGH

System Identyfikacji Wizualnej Księga znaku

KOLORYSTYKA. IRITM Brąz IRITM Écru. CMYK: 30/60/90/40 RGB: 132/83/32 HTML: # Pantonte: 463 CMYK: 00/00/40/00 RGB: 255/247/178.

Kurs I PRZYGOTOWANIE PUBLICZNEJ PREZENTACJI ZDOLNOŚCI PERCEPCYJNE SŁUCHACZY, UWARUNKOWANIA TECHNICZNE I PRAWNE. Lekcja 1

CZEGO UNIKAĆ. tworząc prezentację multimedialną. Andrzej Kozdęba

EFFECTOR - System Identyfikacji Wizualnej 1

Podstawy edycji tekstu

01. BUDOWA ZNAKU I ROZMIAR MINIMALNY ZNAK LOGOTYP SYGNET. 4 mm / 60px. System identyfikacji wizualnej / Księga znaku

Brand Manual. Sportowa Akademia Veolia Warszawa

KSIĘGA IDENTYFIKACJI WIZUALNEJ CORPORATE IDENTITY MANUAL

Tworzenie dobrej prezentacji. Technologia informacyjna

Jak przygotować poster naukowy

Biel i błękit. Subtelna aranżacja wnętrz

Program Microsoft PowerPoint 2007 Podstawowe pojęcia: prezentacja. Typy widoków:

Księga Identyfikacji Wizualnej Chorągwi Śląskiej ZHP. Luty 2016

Prezentacje multimedialne

Do opisu kolorów używanych w grafice cyfrowej śluzą modele barw.

Jak dobrze budować strony www.

Księga Identyfikacji Wizualnej Chorągwi Śląskiej ZHP. Kwiecień 2016

I. Formatowanie tekstu i wygląd strony

Kolory ścian: żółty najmodniejszym kolorem wiosny

Przewodnik po soczewkach

Podstawowe zasady edytowania dokumentów w Szkole Podstawowej w Wietlinie

(12) OPIS OCHRONNY WZORU PRZEMYSŁOWEGO

warianty kolorystyki 1.4. Warianty kolorystyki. Szanowni Państwo

księga identyfikacji wizualnej

Brandbook Logo. Część 2/A. Mazowieckie Samorządowe Centrum Doskonalenia Nauczycieli

(12) OPIS OCHRONNY WZORU PRZEMYSŁOWEGO

Zasady adaptacji materiałów dydaktycznych dla uczniów słabowidzących. Donata Kończyk

rozdział 1 Znak Teatru variété

ZNAK PODSTAWOWY KONSTRUKCJA

Księga Systemu Identyfikacji Wizualnej Marki Radom

System Identyfikacji Wizualnej. opracowany dla ZOO Wrocław sp. z o.o.

PODSTAWOWA KSIĘGA ZNAKU

Identyfikacja wizualna Białostockiego Parku Naukowo-Technologicznego

dr inż. Jarosław Forenc

Księga Identyfikacji Wizualnej Hufca ZHP Starachowice

Zasady tworzenia prezentacji multimedialnych w Microsoft Office PowerPoint. Opracował: Marek Badura Instytut Klimatyzacji i Ogrzewnictwa I-33

Państwowa Wyższa Szkoła Zawodowa im. Prezydenta Stanisława Wojciechowskiego w Kaliszu. Księga znaku. Wersja 1.1 MICHAŁ KAŁUŻA, ANNA LINKOWSKA

Katalog identyfikacji wizualnej HUFCA ZHP RADOMSKO

Podręcznik edycji tekstu dla inteligentnych

podstawowa księga znaku

(12) OPIS OCHRONNY PRZEMYSŁOWEGO

POLITECHNIKA WARSZAWSKA Zarządzenie nr 43 /2016 Rektora Politechniki Warszawskiej z dnia 8 września 2016 r.

Instrukcja dot. używania logotypu eraty Santander Consumer Bank w materiałach reklamowych Banku

KSIĘGA IDENTYFIKACJI WIZUALNEJ

KSIĘGA IDENTYFIKACJI WIZUALNEJ INIG-PIB EDYCJA IV XI 2013

Komunikacja człowiek-komputer. Wykład 4

Logo cz pl Zasady stosowania logotypów

Załącznik do zarządzenia nr 15/XV R/2013 Rektora Uniwersytetu Medycznego we Wrocławiu z dnia 23 kwietnia 2013 r. Księga Znaku

KSIĘGA ZNAKU greenwaypolska.pl GREENWAY POLSKA / WSZELKIE PRAWA ZASTRZEŻONE / 2018

System Identyfikacji Wizualnej Ministerstwa Gospodarki. System identyfikacji wizualnej Ministerstwa Gospodarki

J-ednolita S-trategia T-erytorialna = spójny obszar funkcjonalny powiatu mikołowskiego poprzez wzmocnienie mechanizmów efektywnej współpracy JST

SYSTEM IDENTYFIKACJI WIZUALNEJ część I - księga znaku

Instrukcja dot. używania logotypu eraty Santander Consumer Bank w materiałach reklamowych Banku

SPIS TREŚCI. 1. Opis koncepcji kreatywnej 2. Logotyp

LOGO UNIWERSYTETU ZIELONOGÓRSKIEGO KSIĄŻKA TOŻSAMOŚCI ZNAKU

UNIJNE LOGO PRODUKTÓW EKOLOGICZNYCH

Ć W I C Z E N I A Z W Y K O R Z Y S T A N I E M E D Y T O R A T E K S T U. M i c r o s o f t

OCHRONA PRAWNA ZNAKU TOWAROWEGO. Słowny i graficzny znak towarowy STEGU w Polsce i na świecie jest znakiem prawnie chronionym.

Statystyka rozpadów promieniotwórczych

2018 Podręcznik. Zatrudnienie, sprawy społeczne i włączenie społeczne

BRAND BOOK 1. LOGO 3. KOLORYSTYKA 2. ZASTOSOWANIE 4. TYPOGRAFIA

Księga znaku Instytutu Ekologii Terenów Uprzemysłowionych

Microsoft Small Basic

KSIĘGA ZNAKU (wersja krótka) instrukcje stosowania logotypu GEMINI PARK

K S I Ę G A Z N A K U

PODSTAWOWA KSIĘGA ZNAKU

KSIĘGA IDENTYFIKACJI WIZUALNEJ

MODELE KOLORÓW. Przygotował: Robert Bednarz

Transkrypt:

Grafika komputerowa Adam Wojciechowski

Znaczenie i kompozycja koloru Dobrze dobrane kolory nadają scenie odpowiedni nastrój i wiążą ją w kompozycyjną całość. Źle dobrany kolor rozbija scenę, nadaje jej wygląd nieskładny i sztuczny

Koło barw Temperatura koloru zależy od przeważającego w nim odcienia z koła barw. Kolory ciepłe zawierają więcej żółtego (Y) lub czerwonego (R), kolory zimne więcej niebieskiego.

1. Kolory ciepłe Są agresywne i przyciągają uwagę (najsilniej czerwony i pomarańczowy). Czerwony symbolizuje życie, pasję. Pomarańczowy jest kolorem radości i rześkości. Żółty oznacza ciepło i żywotność. Firma A Firma B

2. Kolory zimne -Dają poczucie spokoju i świeżości. Niebieski daje poczucie chłodu, spokoju. Zielony oznacza wzrost, wiosnę.

3. Odległość, objętość, ciężar Obiekty w kolorach ciepłych wydają się większe i bliższe. Obiekty w kolorach zimnych wydają się mniejsze i odleglejsze. Czerwony i czarny zwiększają wrażenie ciężaru i ciepła, niebieski i biały - zmniejszają. Czarny zmniejsza wrażenie objętości, biały - zwiększa.

4. Kolory dopełniające (uzupełniające) - Leżą naprzeciwko siebie w kole barw. - Użyte obok siebie nawzajem się uwypuklają tworząc silny kontrast przyciągający wzrok. - Niepożądane są wypełnienia tonalne między kolorami dopełniającymi. - Cień rzucany przez kolorowy obiekt ma tendencję do zabarwienia się barwą dopełniającą. Zielony i czerwony tworzą silną wibrację. Zielony i czerwony tworzą silną wibrację. Zielony i czerwony tworzą silną wibrację. Zielony i czerwony tworzą silną wibrację. Zielony i czerwony tworzą silną wibrację. Zielony i czerwony tworzą silną wibrację.

5. Kolory analogiczne -Leżą w kole barw obok siebie. -Mogą wzajemnie współistnieć nie rywalizując ze sobą. - Dobrze komponują się w wypełnieniach tonalnych.

6. Drobne elementy powinny się wyróżniać głównie jasnością Kolory Jasność Kontrast biały - czarny 1,0 0,0 najsilniejszy, przytłaczający biały - niebieski 1,0 0,1 dobry żółty - czarny 0,9 0,0 dobry żółty - niebieski 0,9 0,1 dobry czerwony - niebieski 0,3 0,1 zły biały - żółty 1,0 0,9 najsłabszy niebieski - czarny 0,1 0,0 najsłabszy biały na czarnym biały na niebieskim żółty na czarnym żółty na niebieskim czerwony na niebieskim biały na żółtym niebieski na czarnym L = 0,3R + 0,6G + 0,1B

Znaczenie kolorów w reklamie Czerwony wyraża silny pęd do sukcesu, mocnych przeżyć i pełni życia. Jest kolorem pobudzającym, podniecającym i irytującym. Zwiększa tętno i ciśnienie krwi. Zawiera w sobie największy ładunek aktywności. Osoby preferujące czerwień są zwykle impulsywne, a zakupy szczególnie dokonywane w towarzystwie są dla nich dobrą rozrywką. Kolor czerwony w reklamie jest odpowiedni do wyzwalania impulsywnej chęci zakupu. Czerwień wzmaga też apetyt, dlatego jest wiodącym kolorem na opakowaniach zup. Podnosi również męski appeal (kosmetyki).

Niebieski kojarzy się z orzeźwieniem, relaksacją. Osoby lubiące ten kolor pragną spokoju, harmonii i uporządkowania. Użyty w reklamie może sugerować, że zakup danego towaru wprowadzi odrobinę spokoju w życie. Ten najzimniejszy kolor wykorzystywany jest w reklamie mrożonek (często razem z czerwonym) oraz wszędzie tam, gdzie reklamowany produkt ma przynieść ulgę i odprężenie. Użycie błękitu może kojarzyć się ze smutkiem.

Pomarańczowy polepsza nastrój, wyzwala aktywność i dodaje sił. Uważa się, że kolor ten jest właściwy na opakowaniach artykułów spożywczych; wraz z brązem (wspomnienie jesieni) nadaje się do reklamy owoców. Żółty podwyższa aktywność. Przyciąga uwagę, szczególnie w zestawieniu z czarnym. Przywiązanie do niego znamionuje chęć uwolnienia się od napięć i nadzieję osiągnięcia szczęścia i sukcesu. Osoby preferujące żółty bywają niezdecydowane, często kupują na kredyt i bez namysłu. W reklamie wyzwala chęć działania i spróbowania.

Brązowy jest kolorem typowym dla ludzi, których cechuje brak poczucia bezpieczeństwa i ciągła frustracja. Stąd nadaje się do reklam produktów zapewniających bezpieczeństwo. Brązowy jest kolorem o męskim charakterze, kojarzy się z ziemią, ciepłem, komfortem. Może być używany w reklamie wielu wyrobów, szczególnie w reklamie kosmetyków. Opakowanie w odcieniach brązu sugeruje, że wyrób jest godny zaufania. Jednocześnie kolor ten zniechęca do kupowania na kredyt (obniża komponent agresywności).

Zielony symbolizuje twardość, nieustępliwość i potrzebę uznania. Stąd odcienie zieleni polecane są w reklamie kierowanej do biznesmenów. Zieleń jest symbolem zdrowia i rześkości. Kojarzy się z lekkością, świeżością, działa relaksująco (w nadmiarze depresyjnie). Osoby preferujące kolor zielony odznaczają się stałością i szczerością, co można wykorzystać tworząc przywiązanie do marki. Jednocześnie kolor zielony może prowadzić do rezygnacji z zakupów na kredyt, gdyż budzi rozsądek i uświadamia konieczność podejmowania trafnych decyzji.

Fioletowy obniża nastrój. Fascynuje i oczarowuje ludzi niedojrzałych emocjonalnie. Używany w reklamie damskich kosmetyków.

Kontrast Kontrast polega na zestawieniu odmiennych elementów w celu przyciągnięcia i zatrzymania uwagi widza. Jest najbardziej skuteczny, gdy istnieje powód by zwrócić uwagę na jeden element, a odwrócić ją od innego.

Kontrast walorowy (tonalny) Odzwierciedla zależność jasny-ciemny. Występuje w tle z tonalnym przejściem między dwoma odcieniami szarości lub odcieniami barwy. Drobne elementy (linie, tekst) powinny się odróżniać od tła głównie jasnością. Każdy krój pisma ma swój własny odcień:

Kontrast rozmiarowy Odzwierciedla zależność duży-mały. Wielkie elementy zostaną zauważone z powodu swojego rozmiaru, z kolei drobny element natychmiast przyciąga uwagę, jeżeli jest otoczony dużym obszarem bieli. Różne rozmiary czcionki stosuje się dla tytułów, śródtytułów, nagłówków i tekstu podstawowego.

Kontrast ciężkości Odzwierciedla zależność gruby-cienki, np. gruba i cienka linia. Jest łatwo zauważalny w tekście, gdy stosujemy pismo wytłuszczone i normalne.

Kontrast kształtu Operuje różnicą kształtów elementów leżących obok siebie, szczególnie figury geometrycznej z elementem o nieokreślonym kształcie. Powtarzanie (wielokrotne powielanie elementu) w połączeniu z kontrastem kształtu przydaje harmonii i ciągłości projektowanej stronie.

Kontrast położenia Osiąga się go przez usunięcie lub powielenie elementu należącego do pewnej grupy lub obrócenie tekstu lub grafiki o pewien kąt.

Kontrast teksturowy Operuje różnicą między tłem wypełnionym wzorem i umieszczonymi na nim elementami. dobrze źle

Typografia

Czcionka W tradycyjnej typografii czcionka jest zbiorem figur reprezentujących litery, cyfry i znaki o wspólnej pod względem kompozycyjnym stylistyce, przy czym nie jest istotna technika odwzorowania tych figur. W grafice komputerowej czcionka jest plikiem lub programem, który jest wykorzystywany do odwzorowania lub tworzenia kształtu liter, cyfr i innych znaków. Czołg Wiosna Właściwa czcionka współgra z treścią tekstu

Małe odstępy miedzy literami zmniejszają ich czytelność, udaremniając korzystanie nawet z największych czcionek. Zbyt duży kontrast pomiędzy grubymi i cienkimi elementami liter prowadzi do nieładu i utraty harmonii kształtów samych liter. Minimalizacja różnic pomiędzy literami poprzez zaokrąglenia na rogach oraz wyrównanie do linii wszystkich horyzontalnych środków powoduje utratę czytelności. Zbyt cienkie pociągnięcia liter nie wykorzystują w pełni podstawowych kształtów, zlewają się z tłem i stają się nieczytelne z dystansu. Zbyt ciężkie litery z dystansu stają się nieczytelnymi plamami, podstawowe kształty są nie do rozróżnienia, a litery nie do rozpoznania. Kursywa i podobne style poświęcają czytelność kształtów na rzecz dekoracyjnych aspektów, trudno zatem identyfikować pojedyncze litery. Impact biuletyn na temat reklamy plakatowej w Polsce, grudzień 1997.

Grafika komputerowa Grafika komputerowa Grafika komputerowa Podczas czytania identyfikujemy litery głównie na podstawie górnej połowy wiersza

szeryf Wydłużenia: górne dolne majuskuła (duża litera) Anatomia pisma linia górna pisma linia bazowa linia dolna interlinia 40 minuskuła (mała litera) odstęp międzyznakowy (spacja) Stopień pisma: 50 punktów 1 punkt = 1/13837 = 0,352mm wg systemu Pica (ang. am.) Interlinia: 40 punktów, 50/90 Kerning koryguje spacje między wybranymi parami znaków Tracking koryguje spacje w zaznaczonym f ragmencie tekstu

W długich tytułach zmniejszenie interlinii łączy wiersze Zwiększenie interlinii w tekście zwartym poprawia czytelność. Tutaj Times New Roman 14/19. W tytule Arial 20/24. Długie wiersze ciągnące się przez całą szerokość strony lub ekranu należy złamać. Długość wiersza w druku do 60 znaków, na ekranie do 40 znaków. dobrze Zwiększenie interlinii może rozdzielić wiersze tytułu Mała interlinia w tekście zwartym pogarsza czytelność. Tutaj Times New Roman 14/15. W tytule Arial 20/30. Długie wiersze ciągnące się przez całą szerokość strony lub ekranu należy złamać. Długość wiersza w druku do 60 znaków, na ekranie do 40 znaków. źle

Krój pisma Charakterystyczny kształt kompletu znaków drukarskich Druk: krojów szeryfowych używa się w tekście zwartym (o małym stopniu pisma), krojów bezszeryfowych w tytułach. Ekran: w tekście zwartym czytelniejszy jest krój bezszeryfowy Pisanki, czyli kroje ozdobne, używane są na plakatach, zaproszeniach itp.

Odmiany danego kroju tworzą rodzinę. Na jej czele znajduje się krój pisma w odmianie podstawowej Nie należy nadużywać ilości stosowanych krojów pisma, gdyż na siłę wzbogacona strona przestaje być czytelna. W druku klasyka to Times w tekście zwartym i Helvetica w tytułach. Microsoft zaprojektował dla ekranu czcionki Georgia i Verdana.