Elementy graficzne

Transkrypt

Elementy graficzne

PROCES TWORZENIA DOKUMENTU
1. PLANOWANIE
2. ANALIZA ASPEKTÓW PRAWNYCH I ETYCZNYCH
3. GROMADZENIE INFORMACJI
4. ORGANIZOWANIE (STRUKTURALIZOWANIE)
INFORMACJI
5. TWORZENIE PLANU (STRUKTURY) DOKUMENTU
6. TWORZENIE TEKSTU
7. WŁĄCZANIE ELEMENTÓW GRAFICZNYCH
8. FORMATOWANIE
9. SPRAWDZANIE I POPRAWIANIE
A.Kraśniewski
Włączanie elementów graficznych
9.1
ELEMENTY GRAFICZNE
RODZAJE - tabele, wykresy, diagramy, rysunki, fotografie, mapy
UZASADNIENIE UŻYWANIA
ludzie są wzrokowcami: 83% przyswajanej wiedzy wynika
z pobudzeń wzrokowych
człowiek zapamiętuje ok. 43% więcej informacji, jeśli
dokument zawiera elementy graficzne
FUNKCJA - od dekoracyjnej do wysoce informacyjnej
przekazywanie informacji, która jest trudna do przekazania
w inny sposób (słowami)
pomoc w wyjaśnianiu i wyróżnianiu informacji
pobudzanie zainteresowania
ułatwienie zrozumienia dokumentu w obcym języku
A.Kraśniewski
9.2
FUNKCJE ELEMENTÓW GRAFICZNYCH
FUNKCJA
RODZAJ ELEMENTU GRAFICZNEGO
ilustracja informacji
numerycznej
tabela
wykres - słupkowy, liniowy
diagram kołowy, piktogram
schemat blokowy (block diagram)
diagram organizacyjny (organization
chart)
diagram w postaci drzewa (tree chart)
tabela tekstowa
ilustracja procesu lub diagram przepływowy - schemat blokowy
procedury
(flowchart)
drzewo logiczne (logic tree)
ilustracja zależności
logicznej,
klasyfikacja
ilustracja wyglądu
lub położenia
A.Kraśniewski
rysunek
fotografia
mapa
9.3
ILUSTRACJA INFORMACJI NUMERYCZNEJ
TABELA
podanie dokładnych danych
pokazanie dużej liczby
danych na małej powierzchni
pokazanie wartości kilku
zmiennych dla wielu pozycji
DOKŁADNOŚĆ
A.Kraśniewski
WYKRES
wskazanie ogólnych
tendencji
pokazanie zależności
„ciągłych”
ŁATWOŚĆ ODBIORU
9.4
TABELE - ZASADY TWORZENIA
informacyjny tytuł
wiersze ↔ porównywane pozycje (w logicznym porządku)
kolumny ↔ zmienne (kryteria)
informacyjne nagłówki kolumn - z jednostkami miary
(jednostka wspólna dla wszystkich kolumn → tytuł tabeli)
zasadnicza część tabeli - tylko liczby (bez jednostek)
wyrównanie liczb w kolumnach do kropki dziesiętnej
pominięte nieznaczące cyfry po przecinku
jednakowa liczba cyfr po przecinku w kolumnie
jeśli porównanie między kolumnami, pozycje do porównania
w sąsiednich kolumnach
A.Kraśniewski
9.5
TABELE - ZASADY TWORZENIA (cd.)
dodatkowe wiersze lub kolumny - sumy, różnice, wartości
średnie lub inne charakterystyczne wartości - dla ułatwienia
porównań
zbyt dużo kolumn
• obrócenie tabeli
• podział tabeli
tabela nie mieści się na jednej stronie
na następnej stronie:
Tabela 2.5 (cd.), pełny tytuł, pełne nagłówki kolumn
przypisy (jeśli niezbędne) - oznaczane a, b, ...
słowny komentarz (interpretacja danych) w tekście
A.Kraśniewski
9.6
TABELA - PRZYKŁAD
Tabela 4.5. Produkcja i sprzedaż wyrobów X i Y w latach
1997-2003
produkcja
[tys. sztuk]
wyrób X
a
A.Kraśniewski
sprzedaż
[mln $]
wyrób Y
wyrób X
wyrób Y
1997
12.2
-
3.35
-
1998
23.1
-
5.84
-
1999
34.6
0.1
7.23
0.67
2000
45.8
4.6
8.45
2.75
2001
56.8
9.8
9.72
4.87
2002
67.5
22.6
10.34
8.32
2003a
70.7
47.0
9.81
14.40
predykcja
9.7
WYKRESY
ILUSTRACJA INFORMACJI NUMERYCZNEJ
wykres
wykres słupkowy
bar graph
graph
wykres liniowy
line graph
chart
A.Kraśniewski
[kolumnowy]
wierszowy
prosty
grupowy (wielosłupkowy)
skumulowany
skumulowany do 100%
prosty
z wieloma liniami
warstwowy (skumulowany)
z dodatkową osią
diagram kołowy - pie chart
piktogram - pictograph
9.8
prosty wykres słupkowy
wyrób X - sprzedaż w latach 1999-2003
wartość sprzedaży [mln $]
12
9,72
10
8
10,34
9,81
8,45
7,23
6
4
2
0
1999
A.Kraśniewski
2000
2001
2002
2003
9.9
wykres słupkowy grupowy
mln $
sprzedaż w latach 1999-2003
16
14
12
10
8
6
4
2
0
wyrób X
wyrób Y
1999
A.Kraśniewski
2000
2001
2002
2003
9.10
wykres słupkowy grupowy
mln $
15
10
wyrób X
wyrób Y
5
0
1999 2000
2001 2002
2003
A.Kraśniewski
9.11
wykres słupkowy skumulowany
30
mln $
25
20
wyrób Y
wyrób X
15
10
5
0
1999
A.Kraśniewski
2000
2001
2002
2003
9.12
wykres słupkowy (wierszowy) grupowy
2003
2002
wyrób X
wyrób Y
2001
2000
1999
0
5
10
15
20
mln $
A.Kraśniewski
9.13
wykres słupkowy (wiersz.) skumulowany do 100%
udział poszczególnych wyrobów w sprzedaży
1999
wyrób Y
wyrób X
2001
2003
0%
A.Kraśniewski
20%
40%
60%
80%
100%
9.14
wykres liniowy
mln $
16
14
12
10
8
6
4
2
0
wyrób X
wyrób Y
1997
A.Kraśniewski
1998
1999
2000
2001
2002
2003
9.15
wykres liniowy warstwowy (skumulowany)
30
25
mln $
20
wyrób Y
wyrób X
15
10
5
0
1997
A.Kraśniewski
1998
1999
2000
2001
2002
2003
9.16
wykres liniowy z dodatkową osią
12
80
70
60
50
40
30
20
10
0
10
8
6
4
2
sprzedaż [mln $]
produkcja [tys. sztuk]
wyrób X - produkcja i sprzedaż w latach
1997-2003
0
1997 1998 1999 2000 2001 2002 2003
produkcja
A.Kraśniewski
sprzedaż
9.17
WYKRES SŁUPKOWY LUB LINIOWY - WSKAZÓWKI
Y
Y
Y
Y
Y
Y
Y
Y
Y
Y
A.Kraśniewski
prostota - nie więcej niż 3 typy słupków lub 3 linie
nazwy osi (jeśli możliwe - poziomo) + jednostki
wymiarowanie osi - w równych odstępach; jeśli możliwe,
początek skali = 0
wskaźniki skali (ew. siatka - z umiarem dla wykresów
liniowych)
słupki tej samej szerokości
odpowiednia proporcja wysokości i szerokości słupków
punkty na wykresach liniowych - informacja o zbiorze
danych
legenda (poza prostym wykresem słupkowym)
użycie kolorów - pożądane
efekty 3-D - tylko w wyjątkowych sytuacjach
9.18
diagram kołowy
sprzedaż produktu Z w roku 2002
inne
13%
Nokia
10%
AT&T
34%
Alcatel
20%
Siemens
23%
A.Kraśniewski
9.19
diagram kołowy (cd.)
sprzedaż produktu Z w roku 2002
Nokia
10%
Alcatel
20%
A.Kraśniewski
inne
13%
AT&T
34%
Siemens
23%
9.20
diagram kołowy z legendą
sprzedaż produktu Z w roku 2002 [mln $]
42,1
112,8
34,2
AT&T
Siemens
Alcatel
Nokia
inne
64,5
75,8
A.Kraśniewski
9.21
DIAGRAM KOŁOWY - WSKAZÓWKI
Y
Y
Y
Y
Y
A.Kraśniewski
prostota - nie więcej niż 6-7 wycinków
jeśli nie ma przeciwwskazań, kolejne wycinki - w porządku
od największego do najmniejszego - zgodnie z ruchem
wskazówek zegara od godz. 12
specjalny wycinek („inne”, „pozostałe”) reprezentujący
wszystkie niewyróżnione (zbyt małe) wycinki - ostatni w
kolejności
opis - poziomo, wewnątrz wycinków (jeśli się mieści)
wyróżnienie jednego z wycinków (jeśli potrzebne) jaskrawy kolor lub odseparowanie od reszty
9.22
piktogram
zatrudnienie w wybranych przedsiębiorstwach
w resorcie ....
firma 1
1511
firma 2
firma 3
firma 4
A.Kraśniewski
2096
1075
912
9.23
ILUSTRACJA INFORMACJI NIENUMERYCZNEJ
ILUSTRACJA RELACJI LOGICZNEJ
Y schemat blokowy (block diagram)
Y schemat organizacyjny (organization chart)
Y diagram w postaci drzewa (tree chart)
ILUSTRACJA PROCESU LUB PROCEDURY
Y diagram przepływowy, schemat blokowy (flowchart)
Y drzewo logiczne (logic tree)
A.Kraśniewski
9.24
SCHEMAT ORGANIZACYJNY
KIEROWNICTWO WYDZIAŁU INŻYNIERII KOMPUTEROWEJ
prof. B. Ważny
dziekan
prof. A. Abacki
prodziekan
ds. nauczania
mgr D. Dabacki
pełnomocnik
ds. rozkładu zajęć
i planu sesji egz.
A.Kraśniewski
dr E. Ebacki
administrator systemu
obsługi studiów
i studentów
Rada Wydziału
prof. B. Babacki
prodziekan
ds. rozwoju i promocji
dr C. Cabacki
prodziekan
ds. studenckich
dr F. Fabacki
pełnomocnik
ds. systemu
informacyjnego
mgr G. Gabacki
pełnomocnik
ds. praktyk
studenckich
9.25
ELEMENTY GRAFICZNE - WSKAZÓWKI
Y
Nie używaj elementów graficznych wyłącznie w
celach dekoracyjnych
Y
Numeruj wszystkie rysunki i tabele (oddzielnie);
numeracja - w ramach dokumentu lub
poszczególnych rozdziałów
Y
Podpisz każdy rysunek (tabelę): numer + tytuł;
zalecane umiejscowienie podpisu - nad tabelą,
pod rysunkiem
Y
Unikaj nadmiernie złożonych rysunków i tabel - w
razie potrzeby dziel na części
Y
Starannie wybierz rodzaj przedstawienia danych
(tabela lub odpowiedni typ wykresu),
uwzględniając m.in. cel dokumentu i cechy
czytelnika
A.Kraśniewski
9.26
ELEMENTY GRAFICZNE – WSKAZÓWKI (cd.)
Y
Dokumentuj źródło danych
Y
Nie „manipuluj”
• nie ograniczaj „skali”, aby uniknąć przedstawienia
niewygodnych danych
• nie dobieraj skalowania - jeśli nie ma merytorycznego
przeciwwskazania, skaluj osie liniowo od „0”
• dążąc do zwrócenia uwagi, nie wprowadzaj
zniekształceń mogących spowodować błędną
interpretację danych
• nie manipuluj kolorami
ciemny obiekt na jasnym tle wydaje się większy niż jasny
obiekt na ciemnym tle
A.Kraśniewski
9.27
Y
Stosuj kolor z rozwagą, dla odróżnienia i
wyróżnienia, uwzględniając doznania czytelnika
• skojarzenia: czerwony = niebezpieczeństwo, wysoka
•
•
•
•
Y
A.Kraśniewski
temperatura, zielony = bezpieczeństwo, żółty =
zwrócenie uwagi
ciemne obiekty - wydają się większe i bliższe
jaskrawe kolory - przyciągają uwagę
pastelowe kolory - dodają „godności”
tekst na ciemnym tle - wydaje się mniejszy
Nie stosuj efektów zmniejszających czytelność
(chartjunk, np. zbędne efekty 3-D)
9.28
INTEGRACJA Z TEKSTEM
Y W tekście powinno być odwołanie do każdego elementu
graficznego - z numerem (np. „na Rys. 7”, a nie „na
rysunku poniżej”) - najlepiej poprzedzające ten element
Y Element graficzny powinien być odpowiednio
umiejscowiony - w pobliżu odwołania, ew. w załączniku
Y Element graficzny powinien być „opisany” w tekście - w
szczególności, należy podać interpretację danych
przedstawionych w postaci graficznej
Y Element graficzny powinien być w miarę „autonomiczny”
- w razie potrzeby można umieścić na rysunku
objaśnienia słowne (małą czcionką), a w tabeli - przypisy
Powiązania elementów graficznych z tekstem nie mogą być
zależne od sposobu sformatowania dokumentu
A.Kraśniewski
9.29

Elementy graficzne

Transkrypt

Podobne dokumenty

Włączanie elementów graficznych

Web Designer - Grafik - kariera.uni.opole.pl

Specjalista ds. Sprzedaży Internetowej

Stanowisko: Specjalista ds. marketingu

Ineva Services Limited S.K.A. jest dynamicznie rozwijającą się

AD SA właścicielem marki AD Loving Home i dystrybutorem

Nazwa: Projektant grafiki stron internetowych Kod: 216605 Synteza

Regenta - Praktyki w dziale grafiki

Grafik komputerowy

Spis treści 3