KSIĘGA IDENTYFIKACJI WIZUALNEJ PW

Transkrypt

1 KSIĘGA IDENTYFIKACJI WIZUALNEJ PW

2 spis treści 1 logo budowa kolorystyka pole ochronne typografia wersja na ciemne tło (negatyw) wersje achromatyczne wielkości minimalne błędy w użyciu stosowanie na tłach co-branding wersje z dopiskami wersje uzupełniające z www 15 2 konstrukcja layoutu przykłady layoutów elementy systemu układ elementów formatów pionowych pole z logo zasady konstrukcji formaty poziome przykłady układu elementów dla formatów pionowych przykłady rozwiązań układu elementów dla formatów poziomych okładki / dane teleadresowe formaty pionowe / wersja angielska formaty pionowe / wersja z hasłem formaty poziome / wersja z hasłem duże formaty standardowe (>A4 ekstra) rollup formaty pionowe / czcionka Source SansPl wersja z hasłem / czcionka Source SansPl kolorystyka materiałów ogólnych typografia przykłady stron z tekstem strony z tekstem / czcionka Source SansPl 35 3 materiały wydziałowe przykłady layoutów wydziałowych kolorystyka wydziałowy layout podstawowy pole z logo PW i wydziału przykłady layoutu formatu A przykłady layoutu formatu DL (21099) przykłady layoutu formatu mm rollup

3 1. logotyp

4 01.01 budowa logo Logo Politechniki Warszawskiej przedstawia: Popiersie mężczyzny z głową zwróconą w prawo, trzymającego w prawej ręce młot, a w lewej płonący kaganek. Poniżej popiersia tarcza herbowa z białym orłem w koronie z głową zwróconą w prawą stronę. Wokół godła wieniec laurowy. Logotyp zbudowany jest na planie koła z biegnącym po okręgu napisem Politechnika Warszawska Warsaw University of Technology 4

5 01.02 kolorystyka logo W wersji podstawowej logo użyto jednego koloru: czarnego. W zależności od techniki aplikacji, kolorystyka określona jest odpowiednio wg palety CMYK, RGB, WWW, Pantone, oraz RAL. CMYK RGB WWW Pantone RAL 0/0/0/100 0/0/0 # Black RAL

6 01.03 pole ochronne logo Obszar ochronny logo jest to pole zapewniające jego właściwą ekspozycję oraz czytelność. Nie mogą znaleźć się w nim żadne inne znaki, elementy itp. Minimalna wielkość obszaru ochronnego jest wyznaczona przez 1/6 średnicy logotypu. 1/6 X 1/6 X X 6

7 01.04 typografia logo W logotypie użyto czcionki Palm Springs (Palatino), wersalikami. Palm Springs (Palatino): A B C D E F G H I J K L M N O P R S T U W X Y Z 7

8 01.05 wersja na ciemne tło (negatyw) logo Wersja na ciemne tło (negatyw) używana jest na neutralnych ciemnych i czarnych tłach. Negatyw uzyskujemy poprzez wybranie koloru tła. 8

9 01.06 wersje achromatyczne logo Wersje te możemy stosować na reprodukcjach niebarwnych takich jak: piaskowanie, grawer, tłoczenie itp. W uzasadnionych przypadkach logo może występować w wersji monochromatycznej w jednolitym kolorze. (stosowanie: np. złoto na gorąco). 9

10 01.07 wielkości minimalne logo Wielkość minimalna określa dopuszczalne rozmiary logo, przy których zachowuje ono prawidłową czytelność. Minimalna szerokość logo wynosi: [1] dla wszystkich podstawowych mediów drukowanych 14 mm, [2] dla mediów elektronicznych (dla wersji ekranowej) 90 pikseli. W niektórych technikach drukarskich (np. druk tamponowy), wyszywanych aplikacjach lub reprodukcji logo na nietypowym podłożu, uzyskanie dobrej jakości w wersji minimalnej może okazać się niemożliwe. Należy wtedy indywidualnie z wykonawcą określić minimalną wielkość logo, pozwalającą na zachowanie prawidłowej jego czytelności. 14 mm 90 p [1] [2] 10

11 01.08 błędy w użyciu logo Nie wolno zmieniać kształtu, wyglądu i budowy logo. Prawidłowe logo może być stosowane wyłącznie z uwzględnieniem przewidzianego pola ochronnego, w którym nie mogą znajdować się obce elementy. Prawidłowe logo ma zawsze zachowane stałe proporcje i układ wszystkich elementów, dokładnie określoną kolorystykę oraz jest używane wg właściwych zasad. NIE WOLNO: zmieniać budowy i kolorystyki kadrować logo zniekształcać logo używać logotypu z efektami 11

12 01.09 stosowanie na tłach logo Należy pamiętać, że kluczową kwestią jest czytelność logo. Dlatego wybór odpowiedniego wariantu kolorystycznego logo jest determinowany przez kolor podłoża, na którym będzie umieszczany. Dla tła powyżej 60% nasycenia czerni stosuje się wersję na ciemne tło lub w kontrze. Dopuszczalne jest wstawianie logo na zdjęcia, jednak tło (wraz z polem ochronnym) powinno być neutralne, rozmyte i nie powinno sąsiadować z dużym zagęszczeniem różnych elementów, czy wzorów. Należy zwrócić uwagę, by logotyp zachował czytelność, a zdjęcie nie dominowało nad nim. TAK NIE 12

13 01.10 co-branding logo Istnieją przypadki, gdy logo Politechniki Warszawskiej może występować równorzędnie z innymi znakami. Dotyczy to przede wszystkim godła państwowego czy dodatkowych, odrębnie brandowanych kampanii promujących PW. Logo w stosunku do koegzystującego z nim znaku zachowuje optycznie równorzędne proporcje. Wokół logo należy zachować pole ochronne, a dodatkowo oddzielić je czarną linią (0,25 1,5 pt w zależności od skali). Odległość logotypów od oddzielającej linii = 1/6 średnicy logo (minimalne pole ochronne). Uwaga: Ustawienie ciągu logotypów w ramach projektów finansowanych z funduszy europejskich, gdzie PW występuje jako beneficjent, opisują wytyczne unijne. 13

14 01.11 wersje z dopiskami logo 1/6 1. W przypadkach, gdy wymaga tego wzmocnienie komunikowania nazwy Politechnika Warszawska, możliwe jest uzupełnianie logo o dopisek (np. napis Politechnika Warszawska, adres strony www). Dopisek: czcionka Florin Sans, wersaliki, wysokość napisu podstawowego 1/4 wysokości średnicy logo, ustawione w odległości obszaru ochronnego (1/6 średnicy) i wyśrodkowane w pionie. Mniejszy dopisek 3/5 wysokości liter napisu podstawowego, w odległości 2/5 wysokości liter napisu podstawowego. [1] 1/4 2. W wyjątkowych, uzasadnionych przypadkach, np. dodatkowo brandowanej kampanii promującej PW, dla zachowania zgodności stylistycznej czcionka dopisku może być zmieniona na czcionkę dominującą w kampanii. Przykładem takim jest np. kampania na obchody 100-lecia PW. [2] 14

15 01.12 wersje uzupełniające z www logo [A] [C] [B] 15

16 2. konstrukcja layoutu

17 02.01 przykłady layoutów konstrukcja layoutu 17

18 02.02 elementy systemu konstrukcja layoutu Dla właściwej komunikacji wizualnej marki Politechnika Warszawska niezbędne jest, aby materiały sygnowane jej logo miały spójny charakter i wysoką jakość. Określone zostały podstawowe elementy składowe systemu, których konsekwentne stosowanie pozwoli na osiągnięcie tych celów. Podstawowy layout materiałów ogólnych sygnowanych logo PW składa się z: [1] [2] [5] [1, 3] kolorowych pasków określających charakter publikacji (kolor zależy np. od tematu publikacji, patrz Kolorystyka materiałów ogólnych) [2] visual /zdjęcie [4] pola z logo PW i adresem www Ad.2 i 4: w razie potrzeby na visual lub pole logotypu można wstawić tytuł lub inny krótki tekst. [3] [4] [5] obowiązujące hasło (np. TECHNICZNIE NAJLEPSI) wstawiamy na kolorowym, odpowiednio rozszerzonym w pionie, pasku. 18

19 02.03 układ elementów formatów pionowych konstrukcja layoutu Za podstawową jednostkę konstrukcji layout ów < A4 etra przyjęto wartość = 5 mm (pochodna najmniejszej możliwej wysokości kolorowego paska). Poszczególne elementy kompozycji mają więc wartość równą lub są jej wielokrotnością (patrz rysunek poniżej). A4/A4 ekstra A5 DL ( mm) mm

20 02.04 pole z logo zasady konstrukcji konstrukcja layoutu Podstawową funkcją czarnego pola jest ekspozycja logotypu i adresu www. W razie potrzeby przeznaczone jest ono również do prezentacji treści (tekstu). W takiej sytuacji wysokość czarnego pola jest wartością zmienną. Zależy ona od kompozycji oraz ilości tekstu. Rozszerza się on od dołu w górę, a optymalna odległość logo od kolorowego paska oraz tekstu od logo i od dołu kompozycji wynosi 2 wartości (wysokość podstawowego, kolorowego paska). = 5 mm 20

21 02.05 formaty poziome konstrukcja layoutu Za podstawową jednostkę konstrukcji layoutów poziomych < A4 etra przyjęto wartość = 5 mm (pochodna najmniejszej możliwej wysokości kolorowego paska). Poszczególne elementy kompozycji mają więc wartość równą lub są jej wielokrotnością (patrz rysunek poniżej). DL ( mm) A4/A4 eksta A mm

22 02.06 przykłady układu elementów dla formatów pionowych konstrukcja layoutu 22

23 02.07 przykłady rozwiązań układu elementów dla formatów poziomych konstrukcja layoutu 23

24 02.08 okładki / dane teleadresowe konstrukcja layoutu = 5 mm Dane teleadresowe (lub inne teksty) na tyle okładki zaleca się wyrównywać do góry logotypu, znajdującego się na pierwszej stronie okładki. Optymalna wielkość lewego marginesu to 2 wartości. 24

25 02.09 formaty pionowe / wersja angielska konstrukcja layoutu A4/A4 ekstra A5 DL ( mm) mm 25

26 02.10 formaty pionowe / wersja z hasłem konstrukcja layoutu A4/A4 ekstra Obowiązujące hasło wstawiamy na odpowiednio rozszerzonym w pionie kolorowym pasku. W pionie środkujemy je, a w poziomie, w zależności od formatu i potrzeb kompozycji hasło środkujemy lub justujemy lewostronnie (margines taki jak dla logotypu). A5 DL ( mm) mm 26

27 02.11 formaty poziome / wersja z hasłem konstrukcja layoutu Zasady umieszczania hasła oraz konstrukcji paska na formatach poziomych są analogiczne jak w przypadku formatów pionowych. A4/A4 ekstra A5 27

28 02.12 duże formaty standardowe (>A4 ekstra) konstrukcja layoutu W przypadku formatów standardowych (A,B) większych niż A4 ekstra należy odpowiednio, proporcjonalnie przeskalować layout formatu A4, (korzystając odpowiednio z zasad konstruowania go w pionie lub poziomie). 28

29 02.13 rollup konstrukcja layoutu 20 a 20 a a a 2a Ze względu na specyfikę formatu oraz potrzebę czytelnej ekspozycji logotypu konstrukcja layoutu rollupu opiera się o siatkę, w której wartość a = 1/20 szerokości rollupu. Pole z logotypem umieszczamy na górze, a logotyp środkujemy w pionie i poziomie (margines L = P). 4a 2a a 29

30 02.14 formaty pionowe / czcionka Source SansPl konstrukcja layoutu A4/A4 ekstra A5 DL ( mm) mm 30

31 02.15 wersja z hasłem / czcionka Source SansPl konstrukcja layoutu A4/A4 ekstra A5 DL ( mm) mm 31

32 02.16 kolorystyka materiałów ogólnych konstrukcja layoutu W zależności od przeznaczenia/rodzaju materiałów ogólnych, brandowanych logo Politechniki Warszawskiej, w kolorowych paskach rekomenduje się zastosowanie różnych kolorów. rodzaj materiałów promocyjne informacyjne naukowe i dydaktyczne prestiżowe inne CMYK 0/75/100/0 100/12/20/0 62/46/0/0 17/39/64/0 47/68/85/0 RGB 242/101/33 0/157/ /129/ /164/ /95/59 WWW #F26521 #009DC1 #6581C1 #D8A467 #9B5F3B Pantone Orange 021 C 307 C 2715 C 721 C 731 C 32

33 02.17 typografia konstrukcja layoutu Dla tekstów w materiałach Politechniki Warszawskiej zaleca się stosowanie czcionki z rodziny Florin SansPl [1]. W przypadku, gdy jej użycie jest niemożliwe, należy zastąpić ją czcionką z rodziny Source Sans Pro [2], (do ściągnięcia pod adresem: [1] Florin SansPl Light a b c d e f g h i j k l m n o p r s t u w y z A B C D E F G H I J K L M N O P R S T U W X Y Z \ * : ;. [2] Source Sans Pro Light a b c d e f g h i j k l m n o p r s t u w y z A B C D E F G H I J K L M N O P R S T U W X Y Z \ * : ;. Source Sans Pro Regular a b c d e f g h i j k l m n o p r s t u w y z A B C D E F G H I J K L M N O P R S T U W X Y Z \ * : ;. Florin SansPl Bold a b c d e f g h i j k l m n o p r s t u w y z A B C D E F G H I J K L M N O P R S T U W X Y Z \ * : ;. Source Sans Pro Semibold a b c d e f g h i j k l m n o p r s t u w y z A B C D E F G H I J K L M N O P R S T U W X Y Z \ * : ;. Source Sans Pro Bold a b c d e f g h i j k l m n o p r s t u w y z A B C D E F G H I J K L M N O P R S T U W X Y Z \ * : ;. 33

34 02.18 przykłady stron z tekstem konstrukcja layoutu Podstawową funkcją stron z tekstem jest komunikacja, dlatego: kompozycja musi być pochodną SIW dla PW. Musi być czytelna, czysta i przejrzysta. stosowana kolorystyka powinna odzwierciedlać rodzaj przekazu lub nadawcę komunikatu. Można uwypuklić ważne treści dzięki użyciu kolorowego paska (nie można go rozmywać, jego wysokość = wysokości tekstu w tej samej linii, a długość = margines, pasek umieszczamy jednostronnie na spad) lub zastosowaniu koloru w tekście. Należy unikać stosowania dodatkowych ozdobników, czy mocno skomplikowanych kompozycji. dobór wielkości oraz rodzaju czcionek (np. majuskuła/minuskuła) musi odzwierciedlać i podkreślać gradację ważności treści (kolejność czytania, waga komunikatu) oraz logikę tekstu. Poniżej pokazano orientacyjne przykłady komponowania stron z tekstem oraz ich elementów. [1] tytuł, [2] podtytuł, [3] śródtytuł/wyróżnienie, [4] pasek dla wyróżnień. [1] [2] [3] [4] [1] [3] [2] [1] [3] [4] [4] [4] [4] [4] [1] [3] 34

35 02.19 strony z tekstem / czcionka Source SansPl konstrukcja layoutu Zasady kompozycji stron z tekstem przy użyciu czcionki Source SansPl są analogiczne do zasad przedstawionych na poprzedniej stronie. [1] [2] [3] [4] [1] [3] [2] [1] [3] [4] [4] [4] [4] [4] [1] [3] 35

36 3. materiały wydziałowe

37 03.01 przykłady layoutów wydziałowych materiały wydziałowe 37

38 03.02 kolorystyka materiały wydziałowe Dla poszczególnych wydziałów Politechniki Warszawskiej zostały określone odpowiadające im kolory: Wydział CMYK RGB WWW Pantone Administracji i Nauk Społecznych 30/70/100/0 186/95/26 #ba5f1a 7414C Architektury 35/0/100/0 187/207/0 #bbcf00 382C Budownictwa, Mechaniki i Petrochemii 20/4/94/0 220/215/7 #dcd C Chemiczny 0/0/100/12 237/216/0 #edd C Elektroniki i Technik Informacyjnych 100/80/0/20 11/54/127 #0b367f 288C Elektryczny 100/5/5/0 0/153/126 #0099d8 2995C Fizyki 70/100/0/40 78/12/90 #4e0c5a 2627C Geodezji i Kartografii 100/25/100/25 0/105/48 # C Inżynierii Chemicznej i Procesowej 0/40/100/0 247/166/0 #f7a C Inżynierii Lądowej 28/0/100/42 136/145/0 # C Inżynierii Materiałowej 0/15/65/6 244/208/106 #f4d06a 141C Inżynierii Produkcji 0/90/20/6 221/45/114 #dd2d C Inżynierii Środowiska 85/0/100/0 0/161/56 #00a C Matematyki i Nauk Informacyjnych 40/80/0/10 156/70/140 #9c468c 258C Mechaniczny Energetyki i Lotnictwa 0/100/35/20 194/0/80 #c C Mechatroniki 0/100/80/0 228/0/43 #e4002b 185C Samochodów i Maszyn Roboczych 0/80/100/0 232/76/5 #e84c05 166C Transportu 70/0/40/0 52/181/170 #34b5aa 7465C Zarządzania 0/60/100/0 239/124/0 #ef7c00 716C Kolegium Nauk Ekonomicznych i Społecznych 45/70/75/48 101/60/43 #653c2b 477C 38

39 03.03 wydziałowy layout podstawowy materiały wydziałowe Layout wydziału Politechniki Warszawskiej jest pochodną podstawowego layoutu materiałów ogólnych sygnowanych logo PW. Zasadniczo składa się z tych samych elementów. Jednak inne są: [1, 2] kolor pasków kolor określony dla wydziału (rozdz ) [3] pole z logo PW zostało uzupełnione logiem wydziału, jego nazwą i adresem www wydziału (omówienie ustawienia rozdz ) [1] Ad.3: nazwę wydziału można zastąpić skrótem. Jeśli logo wydziału występuje w wersji achromatycznej (białej) można go użyć, zmieniając kolor całego pola na kolor wydziału [4], a pasek nad nim na czarny [5]; górny pasek pozostaje bez zmian. [2] [3] Uwaga: Wielkość logo, podstawowe wytyczne dotyczące layoutu np. marginesy, sposób skalowania, układ treści są dokładnie takie same, jak w przypadku materiałów ogólnych omówionych w rozdziale 2. [5] [4] 39

40 03.04 pole z logo PW i wydziału materiały wydziałowe blok logo blok tekstowy (z nazwą wydziału) Logo wydziału ustawiamy podobnie, jak w przypadku materiałów ogólnych sygnowanych logo PW, pamiętając o wytycznych co-brandingu (np. linia oddzielająca) omówionych w rozdz Gdy proporcje logo wydziału są zbliżone do kwadratu, ustawiamy je na wysokość logo PW, jeśli inne, należy ustawić je optycznie w taki sposób, by logo wydziału nie dominowało nad logo PW. Odległość bloku tekstowego od bloku logo wynosi 1/6 średnicy logo PW. W zależności od jego długości, blok tekstowy: [1] środkujemy w pionie wzg. bloku logo, [2] wyrównujemy od góry z blokiem logo pamiętając by dolny margines nie był mniejszy niż 1,5. Typografia bloku tekstowego dla formatu A4 czcionka Florin SansPl, odmiana Light: [3] 22/21 pt [4] 18/21 pt [5] 15/18 pt [1] [2] 2 2 min 1,5 [3] [4] [5] 2 WYDZIAŁ TRANSPORTU POLITECHNIKI WARSZAWSKIEJ = 5 mm 40

41 03.05 przykłady layoutu formatu A5 materiały wydziałowe [1] [1] [1] [1] [1] Blok tekstowy powinien zostać pomniejszony proporcjonalnie z formatu A4. 41

42 03.06 przykłady layoutu formatu DL (21099) materiały wydziałowe [1] [1] [1] [1] [1] Blok tekstowy powinien zostać pomniejszony proporcjonalnie z formatu A4. 42

43 03.07 przykłady layoutu formatu mm materiały wydziałowe [1] [1] [1] [1] [1] Blok tekstowy powinien zostać pomniejszony proporcjonalnie z formatu A4. 43

44 03.08 rollup materiały wydziałowe 20 a 20 a 2a a a 2a Konstrukcja layoutu rollupu wydziałowego opiera się o taką samą siatkę, jak w przypadku layoutu rollapu ogólnego sygnowanego logo PW (a = 1/20 szerokości rollupu). Na górze znajduje się pole przeznaczone na logotypy (PW+wydziałowy), nazwę wydziału oraz adres www. Całą grupę należy wyśrodkować w pionie i poziomie (margines L = P, G=D). Wysokość liter jest wynikową przeskalowania napisów ustawionych na formacie A4 (wysokość logo PW = 4a). 4a 5a 2a a 4a 4a 2a a 44

45 W celu uzyskania dodatkowych informacji dotyczących zasad opracowywania materiałów informacyjno-promocyjnych Politechniki Warszawskiej, zapraszamy do kontaktu. Biuro ds. Promocji i Informacji PW promocja@promocja.pw.edu.pl tel