Ilustracje
Ilustracje służą pomocniczo i znajdują swoje zastosowanie głównie na stronach funkcyjnych. Mogą służyć do zaprezentowania procesów, funkcji lub usług. W ich tworzeniu kierować się należy przede wszystkim zasadami prostoty i przejrzystości. Nie powinny zastępować fotografii, jeśli istnieje możliwość ich użycia.
Kluczowe zasady
Realistyczne proporcje
Ilustracje powinny odtwarzać realne proporcje przedstawionych przedmiotów i postaci. Nie należy zniekształtać rzeczywistych proporcji, jak ma to miejsce w wielu stylach ilustracyjnych. Niezalecane jest stosowanie iliustracji o kreskówkowej stylistyce.
Uproszczenie
Szczegóły powinny zostać zredukowane, by uwaga odbiorców skupiała się na najistotniejszych elementach, niezbędnych do zapewnienia łatwego i szybkiego zrozumienia przekazu wizualnego. Ilustracja ma za zadanie być bardziej metaforą niż dokładną reprezentacją.
Idealizacja
Ilustracja może powinna być w większym stopniu wyidealizowana niż fotografia. Tworząc ilustracje na bazie fotografii należy dokonywać korekty przedstawienia. W przedstawieniach architektury wymagane jest zastosowanie perspektywy zbieżnej.
Paleta kolorystyczna
Kolorystyka ilustracji oparta jest na skali szarości oraz akcencie kolorystycznym w postaci czerwonego koloru ORLEN. Palety kolorystycznej nie należy uzupełniać o barwy spoza niej.
#D81E04
#AC1803
#333333
#4D4D4D
#666666
#808080
#999999
#B3B3B3
#CCCCCC
#E6E6E6
#F2F2F2
Paleta uzupełniająca
W kontekście ilustracji tworzonych na potrzeby komunikacji związanej z ekologią lub odnawialnych źródłach energii paleta kolorystyczna wzbogacona jest o odcienie zieleni.
#49C277
#0cad49
#098A3A
Kontekst użycia
Dekoracyjny
Wszystkie powyżej ustalone zasady mają zastosowanie, w momencie gdy ilustracja pełni funkcję dekoracyjną. Oznacza to, że może zostać zastąpiona materiałem fotograficznym, jednak używamy jej, by zapewnić stronie różnorodność.
Informacyjny
Ilustracje mogą pełnić także funkcję informacyjną, wyjaśniającą lub prezentującą schematy. Jeżeli ilustracja występuje jako część infografiki, możliwe jest zastosowanie w niej układu izometrycznego. W ilustracjach infomacyjnych należy zadbać o spójność, unikanie nadmiernych detali oraz zachowanie możliwie naturalnych proporcji. Niezalecane jest prezentowanie sylwetek ludzkich w widoku izometrycznym, ale jeśli jest to konieczne, nie należy prezentować ludzi w sposób kreskówkowy lub nieproporcjonalny. Infografiki to również jedyny przypadek, kiedy ilustracja może zostać skomponowana z tekstem.
Zasady stosowania
Nie należy rozszerzać palety o nowe barwy
Zbyt duża ilość detali
Nie należy stosować grafiki 3D jako ilustracji
Kreskówkowa stylistyka
Ilustracje dekoracyjne połączone z tekstem
Łączenie różnych stylistyk w obrębie jednej ilustracji