SYSTEM IDENTYFIKACJI WIZUALNEJ
EUROPEJSKIE MIASTO NAUKI KATOWICE 2024
LOGO
Europejskie Miasto Nauki Katowice 2024
175%
SYSTEM IDENTYFIKACJI WIZUALNEJ
EUROPEJSKIE MIASTO NAUKI KATOWICE 2024
2
Spis treści System Identyfikacji Wizualnej 1. Dostępność ⤚�� s. 4 Dostępność dla wszystkich! ⤚�� s. 5 8 obszarów dostępności ⤚�� s. 6 Dostępność cyfrowa WCAG ⤚�� s. 7 WCAG – współczynnik kontrastu ⤚�� s. 8 WCAG – skład i łamanie treści ⤚�� s. 9 2. Logo ⤚�� s. 10 Wstęp ⤚�� s. 11 Zestawienie wersji znaków ⤚�� s. 16 Wersja podstawowa ⤚�� s. 17 Budowa znaku ⤚�� s. 18 Pole ochronne ⤚�� s. 19 Wielkość minimalna ⤚�� s. 20 Sygnet i nazwa ⤚�� s. 21 Oznakowanie ⤚�� s. 22 Zasady oznakowania wydarzeń programowych ↦ s. 24 Zasady oznakowania wydarzeń towarzyszących ↦ s. 25 Nieprawidłowe użycie logo ⤚�� s. 26 Logo i dostępność ⤚�� s. 27
3. Kolorystyka ⤚�� s. 28 kolorystyka podstawowa ⤚�� s. 29 kolorystyka dodatkowa ⤚�� s. 30 kolorystyka dodatkowa 6 ścieżek tematycznych ⤚�� s. 32 kolorystyka i dostępność ⤚�� s. 33 4. Typografia ⤚�� s. 34 Krój pisma Di Grotesk KatoScience ⤚�� s. 35 Krój pisma i jego znaki specjalne ⤚�� s. 37 Krój pisma Di Grotesk KatoScience Regular ⤚�� s. 38 Zastępczy krój pisma ⤚�� s. 39 Skład i łamanie tekstu ⤚�� s. 40 Mikrotypografia ⤚�� s. 41 Parametry tekstu ⤚�� s. 42 Layout ⤚�� s. 43 Layout i fotografia ⤚�� s. 44 5. Klucz wizualny ⤚�� s. 45 Dithering ⤚�� s. 46 Wzory i kolory ⤚�� s. 47 Elementy graficzne – rozety ⤚�� s. 48 Patterny ⤚�� s. 50 Kontakt ⤚�� s. 51
SYSTEM IDENTYFIKACJI WIZUALNEJ
EUROPEJSKIE MIASTO NAUKI KATOWICE 2024
3
System Identyfikacji Wizualnej*
* System Identyfikacji Wizualnej to zestaw wytycznych pozwalających na utrzymanie jednorodności projektowania. Umożliwia realizację poszczególnych elementów identyfikujących komunikację wizualną EMN Katowice 2024.
SYSTEM IDENTYFIKACJI WIZUALNEJ
EUROPEJSKIE MIASTO NAUKI KATOWICE 2024
4
1. Dostępność*
* „Mamy świadomość, że dostępności nie ustanowimy prawem. Ona sama w sobie jest prawem. Możemy natomiast utorować jej drogę przepisami. 20 września 2019 weszła w życie ustawa o zapewnianiu dostępności osobom ze szczególnymi potrzebami – kręgosłup Programu Dostępność Plus.” ➞ https://www.funduszeeuropejskie.gov.pl/strony/o-funduszach/fundusze-europejskie-bez-barier/dostepnosc-plus/ustawa-o-dostepnosci/
SYSTEM IDENTYFIKACJI WIZUALNEJ
EUROPEJSKIE MIASTO NAUKI KATOWICE 2024
LOGO
Dostępność dla wszystkich! Design for All, Universal Design (Uniwersalne Projektowanie), Inclusive Design (Projektowanie włączające) — nazwij to jak chcesz. Dopóki założenie jest właściwe, wszystkie te terminy łączy odmienna koncepcja projektowania. Projektowania skierowanego na ludzi, takich jakimi są, wprowadzającego w życie ideę włączania. Projektowanie włączające stawia użytkownika w centrum procesu projektowania. Rozpoznaje i uwzględnia różnorodność osób niepełnosprawnych i pełnosprawnych, ich zróżnicowane potrzeby i oczekiwania. Dla projektanta to duże wyzwanie. W przypadku powstających produktów, wnętrz czy usług mamy do czynienia z projektowaniem dla społeczeństwa przyszłości.
↣
Gregor Strutz, studio inkl.design, podczas AGRAFA 2022 — BEYOND — Międzynarodowa Konferencja Projektowa, ASP w Katowicach, 8.04.2022
5
SYSTEM IDENTYFIKACJI WIZUALNEJ
EUROPEJSKIE MIASTO NAUKI KATOWICE 2024
LOGO
6
8 obszarów dostępności Program jest skierowany do osób starszych i osób z niepełnosprawnościami (stałymi i czasowymi). Oprócz strony rządowej są w niego zaangażowane samorządy terytorialne, przedsiębiorcy, organizacje społeczne i obywatele. Jego twórcy szczególnie zwracają uwagę na inwestycje w nowe technologie.
Program Dostępność Plus 2018–2025 23 kwietnia 2018 r. przedstawiono Program Dostępność Plus 2018–2025. Program ma poprawić dostępność przestrzeni publicznej, produktów i usług pod względem architektonicznym, informacyjnym i komunikacyjnym. Ogółem wyróżniono 8 obszarów dostępności: ↠ architektura, ↠ transport, ↠ edukacja, ↠ służba zdrowia, ↠ cyfryzacja, ↠ usługi, ↠ konkurencyjność, ↠ koordynacja. ➞ https://www.gov.pl/web/popcwsparcie/czym-jest-program-dostepnosc-plus-2018-2025
SYSTEM IDENTYFIKACJI WIZUALNEJ
EUROPEJSKIE MIASTO NAUKI KATOWICE 2024
LOGO
Dostępność cyfrowa WCAG Dzięki dostępności cyfrowej z serwisów internetowych i aplikacji mobilnych mogą wygodnie korzystać osoby z niepełnosprawnościami. Dostępność cyfrowa to obowiązek prawny i szansa dla podmiotów publicznych na dotarcie do wszystkich użytkowników, w tym osób z niepełnosprawnościami.
WCAG to skrótowiec od Web Content Accessibility Guidelines czyli zbiór wytycznych dotyczących dostępności treści internetowych.
➞
Aktualnie obowiązująca wersja tych wytycznych: https://www.gov.pl/web/dostepnosc-cyfrowa/wcag-21-w-skrocie
Na następnych stronach znajduje się wybór zasad odnoszących się do systemu opisanego w tym opracowaniu ↘
7
SYSTEM IDENTYFIKACJI WIZUALNEJ
EUROPEJSKIE MIASTO NAUKI KATOWICE 2024
WCAG – współczynnik kontrastu
LOGO
8
Dopuszczalny współczynnik (dla produktów cyfrowych) powinien być ustawiony dla norm WCAG poziom 2.1 AAA Widoczność treści na różnych kolorach przed zastosowaniem powinna być przetestowana w dowolnym narzędziu dostępności sprawdzajcym współczynnik kontrastu. WCAG 1.4.3 „Wizualna prezentacja tekstu
lub obrazu tekstu posiada współczynnik kontrastu wynoszący przynajmniej 4.5:1, poza następującymi wyjątkami: Duży tekst oraz grafiki takiego tekstu posiadają kontrast przynajmniej 3:1; Incydentalne – tekst lub obrazy tekstu, które są częścią nieaktywnego komponentu interfejsu użytkownika, które są czystą dekoracją, które nie są widoczne lub które są częścią obrazu zawierającego inne istotne treści wizualne, nie wymagają minimalnego kontrastu;” WCAG 1.4.1 „Kolor nie jest wykorzystywany
jako jedyny wizualny sposób przekazywania informacji, wskazywania czynności do wykonania lub oczekiwania na odpowiedź, czy też wyróżniania elementów wizualnych”.
➞ https://color.adobe.com/pl/create/color-contrast-analyzer
SYSTEM IDENTYFIKACJI WIZUALNEJ
EUROPEJSKIE MIASTO NAUKI KATOWICE 2024
LOGO
WCAG – skład i łamanie treści
9
WCAG 1.4.8 „Dla wizualnego przedstawienia
bloków tekstu, istnieje mechanizm, za pomocą którego można osiągnąć, co następuje: •
Kolory na pierwszym planie oraz kolory tła mogą być zmienione przez użytkownika.
•
Szerokość łamu nie przekracza 80 znaków, tekst nie jest wyjustowany (tzn. wyrównany do prawego i lewego marginesu).
•
Odstępy między wierszami w akapitach wynoszą przynajmniej 1,5 wysokości linii (czyli 150% wysokości punktacji kroju pisma), a odległość między akapitami jest przynajmniej 1,5 razy większa niż ta pomiędzy wierszami.
•
Rozmiar tekstu może zostać powiększony do 200% bez użycia technologii wspomagających, nie wymagając od użytkownika, chcącego odczytać cały wiersz, przesuwania tekstu w poziomie przy zmaksymalizowanym oknie ekranu.”
1,5 22 grudnia 2021 roku podczas konferencji prasowej zorganizowanej w Centrum Informacji Naukowej i Bibliotece Akademickiej (ciniba) nastąpiło ogłoszenie przyznania Katowicom tytułu Europejskiego Miasta Nauki 2024 oraz podpisanie umowy konsorcjum organizatorów emn 2024. Instytucje – członkowie konsorcjum – będą współpracowały podczas przygotowań i rzeczywistych wydarzeń związanych z przyznaniem tytułu Europejskiego Miasta Nauki 2024. Z inicjatywy prezydenta Katowic dr. Marcina Krupy i środowiska akademickiego reprezentowanego przez rektora Uniwersytetu Śląskiego prof. Ryszarda Koziołka, Katowice wystąpiły o przyznanie tytułu Europejskiego Miasta Nauki w 2024 roku, a co za tym idzie organizacji EuroScience Open Forum 2024 (Otwarte Forum EuroScience 2024 – esof 2024). Wydarzenie odbywa się co dwa lata i poświęcone jest kluczowym dla przyszłości świata badaniom naukowym i innowacjom. esof Katowice 2024 będzie jednym z najbardziej prestiżowych wydarzeń o charakterze naukowym i technologicznym na świecie.
pełne
justowanie
22 grudnia 2021 roku podczas konferencji prasowej zorganizowanej w Centrum Informacji Naukowej i Bibliotece Akademickiej (ciniba) nastąpiło ogłoszenie przyznania Katowicom tytułu Europejskiego Miasta Nauki 2024 oraz podpisanie umowy konsorcjum organizatorów emn 2024. Instytucje – członkowie konsorcjum – będą współpracowały podczas przygotowań i rzeczywistych wydarzeń związanych z przyznaniem tytułu Europejskiego Miasta Nauki 2024. Z inicjatywy prezydenta Katowic dr. Marcina Krupy i środowiska akademickiego reprezentowanego przez rektora Uniwersytetu Śląskiego prof. Ryszarda Koziołka, Katowice wystąpiły o przyznanie tytułu Europejskiego Miasta Nauki w 2024 roku, a co za tym idzie organizacji EuroScience Open Forum 2024 (Otwarte Forum EuroScience 2024 – esof 2024). Wydarzenie odbywa się co dwa lata i poświęcone jest kluczowym dla przyszłości świata badaniom naukowym i innowacjom. esof Katowice 2024 będzie jednym z najbardziej prestiżowych wydarzeń o charakterze naukowym i technologicznym na świecie.
justowanie do lewej strony
SYSTEM IDENTYFIKACJI WIZUALNEJ
EUROPEJSKIE MIASTO NAUKI KATOWICE 2024
10
2. Logo*
* Unikalna i charakterystyczna forma graficzna, stylizowany napis, symbol lub inna forma służąca do identyfikacji marki, przedsiębiorstwa bądź organizacji.
SYSTEM IDENTYFIKACJI WIZUALNEJ
EUROPEJSKIE MIASTO NAUKI KATOWICE 2024
Wstęp Logo Katowic ujmuje dwa sposoby postrzegania miasta: tradycyjny – industrialny, górniczy oraz innowacyjny – twórczy, nowoczesny i awangardowy jednocześnie. To symbol wielowymiarowych przemian, którym wciąż podlegają Katowice. Logo to najpełniej oddaje charakter miasta i syntetycznie ujmuje jego różnorodność. Jest symbolem, który pozytywnie się kojarzy, na stałe zadomowił się na katowickich ulicach, w materiałach promocyjnych, a także – co szczególnie ważne – w sercach samych katowiczan i przyjeżdżających gości. Wartości zawarte w istniejącym znaku Katowic są nadal aktualne, wiele z nich wpisuje się w idee, jakie niesie ze sobą przyznanie tytułu Europejskiego Miasta Nauki Katowice 2024. W centrum tych wydarzeń znajduje się Konsorcjum Akademickie – unikatowy związek śląskich uczelni wyższych, które podjęły decyzję o wspólnym działaniu i stanowią forpocztę wielkiej transformacji regionu stojącego na progu kolejnego skoku cywilizacyjnego, jakim jest nauka. Siedem współpracujących uczelni będzie przez najbliższe lata tworzyć naukowe i edukacyjne narzędzia poprawy jakości życia w mieście i regionie.
LOGO
11
SYSTEM IDENTYFIKACJI WIZUALNEJ
EUROPEJSKIE MIASTO NAUKI KATOWICE 2024
LOGO
12
Wstęp Nowy znak EMN Katowice 2024 ma podkreślać element współpracy zainicjowany przez siedem śląskich uczelni.
1234567
SYSTEM IDENTYFIKACJI WIZUALNEJ
EUROPEJSKIE MIASTO NAUKI KATOWICE 2024
LOGO
13
Wstęp Asterysk – znak pisarski w kształcie gwiazdki, stosowany jako odsyłacz do przypisów. Występuje w pracach akademickich, publikacjach popularnonaukowych i powszechnie kojarzony jest z tekstem. Dzięki temu daje możliwość prowadzenia dwutorowej narracji i rozszerza rozumienie istniejącego już znaku miasta Katowice. Forma przypisu nawiązuje do naukowego charakteru wydarzenia oraz jego „dodatkowej” natury – stając się efektem współpracy akademickich instytucji Katowic. Siedem elementów budujących asterysk przedstawia siedem uczelni zorganizowanych wokół wspólnej misji, współpracujących ze sobą i działających w celu wzmocnienia infrastruktury badawczej i potencjału naukowego.
Odbitka asterysków z metalowych czcionek popularnych w Polsce w II poł. XX w.: Baccarat, Modena cienka, półgruba i gruba, Nil, Paneuropa, Antykwa Półtawskiego, Szkolne, Wisła (kursywna) ŹRÓDŁO: https://pl.wikipedia.org/wiki/Asterysk
SYSTEM IDENTYFIKACJI WIZUALNEJ
EUROPEJSKIE MIASTO NAUKI KATOWICE 2024
Wstęp Forma logo odnosi się również do kształtu trybiku – ważnej dla regionu industrialnej cząstki, kojarzącej się z postępem, stopniowym uruchamianiem kolejnych procesów, rozwojem. Każdy pojedynczy element jest elementem poruszającym następny, nie tylko wprawiającym go w ruch, ale umożliwiającym nabranie rozpędu, niezbędnego do wprowadzania zmian i modernizacji. Znak Europejskiego Miasta Nauki Katowice 2024 to znak integralności, ścisłej kooperacji, ale także wzajemnej inspiracji.
LOGO
14
SYSTEM IDENTYFIKACJI WIZUALNEJ
Wstęp Konsorcjum Akademickie – Katowice Miasto Nauki czyli śląskie uczelnie wraz z Miastem Katowice zapraszają do współpracy kolejne podmioty. Budowa i specyfika znaku pozwala na jego rozbudowę na wiele różnych sposobów w formie dekoracyjnych rozet, czy animowanych obrazów niczym z kalejdoskopu.
EUROPEJSKIE MIASTO NAUKI KATOWICE 2024
LOGO
15
SYSTEM IDENTYFIKACJI WIZUALNEJ
EUROPEJSKIE MIASTO NAUKI KATOWICE 2024
LOGO
16
Zestawienie wersji znaków PL ⇠ 175% 175%
WERSJA PODSTAWOWA PL
175%
Kiedy komunikacja jest prowadzona w języku polskim
WERSJA POZIOMA PL
EN ⇠ 175%
175%
WERSJA PODSTAWOWA EN
175%
Kiedy komunikacja jest prowadzona w języku angielskim
WERSJA POZIOMA EN
PL + EN ⇠ 175% 175%
SYGNET EMNK2024
WERSJA DWUJĘZYCZNA PL I EN
Kiedy komunikacja jest dwujęzyczna
SYSTEM IDENTYFIKACJI WIZUALNEJ
EUROPEJSKIE MIASTO NAUKI KATOWICE 2024
LOGO
17
Wersja podstawowa Logo EMN Katowice 2024 to zestawienie trzech elementów:
❶ dwuwarstwowego serca – sygnetu
WERSJA PODSTAWOWA
❶
❷
Katowic
❷ znajdującego się po jego prawej
stronie asterysku (gwiazdki/trybiku) – sygnetu Konsorcjum Akademickiego – Katowice Miasto Nauki.
❸ pełnej nazwy przyznanego tytułu.
WERSJA ACHROMATYCZNA – NEGATYW
❸
SYSTEM IDENTYFIKACJI WIZUALNEJ
EUROPEJSKIE MIASTO NAUKI KATOWICE 2024
LOGO
18
Budowa znaku
ta sama szerokość bloku
najmniejszy moduł siatki
×
3×
19 ×
2×
30 ×
175% 175%
sygnet EMNK 2024
nazwa
SYSTEM IDENTYFIKACJI WIZUALNEJ
EUROPEJSKIE MIASTO NAUKI KATOWICE 2024
LOGO
19
Pole ochronne Pole ochronne stanowi obszar wokół znaku, na który nie powinny nachodzić żadne elementy. 175% 175%
1/2 Y
Y
WERSJA PODSTAWOWA PL
175%
WERSJA POZIOMA PL
175% 175%
WERSJA PODSTAWOWA EN
175% 175%
SYGNET EMNK2024
WERSJA DWUJĘZYCZNA PL I EN
175%
WERSJA POZIOMA EN
SYSTEM IDENTYFIKACJI WIZUALNEJ
EUROPEJSKIE MIASTO NAUKI KATOWICE 2024
LOGO
20
Wielkość minimalna Wielkość minimalna znaku jest najmniejszym dopuszczalnym rozmiarem możliwym do zastosowania. Wskazane poniżej wielkości obowiązują pod warunkiem, że jakość obrazu pozwala na reprodukcję lub wyświetlanie znaku bez zlania się górnych elementów serca.
15 mm Minimalna wielkość w materiałach drukowanych to wysokość
175%
175%
40 pikseli Minimalna wielkość na ekranie to wysokość
SYSTEM IDENTYFIKACJI WIZUALNEJ
EUROPEJSKIE MIASTO NAUKI KATOWICE 2024
LOGO
21
Sygnet i nazwa Przyznany Katowicom tytuł jest złożony z wielu wyrazów. Tym samym naturalnie typografia i użyty krój pisma stają się ważnym elementem zarówno logo, jak i całego systemu identyfikacji wizualnej. Nazwa może występować w towarzystwie sygnetu w różnych konfiguracjach:
175%
SYGNET
↦ jako kompozycje na niestandardowych formatach ↦ kiedy chcemy bardziej wyeksponować jeden z elementów
NAZWA
175%
SYGNET
NAZWA PL
Sygnet może zostać użyty samodzielnie tylko w przypadku, gdy na tym samym projekcie istnieje nazwa EMNK 2024.
175%
NAZWA PL
LOGO
NAZWA EN
INNE DOZWOLONE ZESTAWIENIA SYGNETU I NAZWY
SYGNET
SYSTEM IDENTYFIKACJI WIZUALNEJ
EUROPEJSKIE MIASTO NAUKI KATOWICE 2024
22
Oznakowanie Stopka Konsorcjum Akademickie + Partner strategiczny Aby mówić jednym głosem jako Konsorcjum Akademickie, uspójnione zostało przedstawienie znaków wszystkich uczelni. Polega to na umieszczeniu wszystkich sygnetów w wersji monochromatycznej w towarzystwie ujednoliconych nazw uczelni.
LOGO
PL
Dodatkowo, towarzyszy im logo miasta opisane jako „Partner strategiczny”
EN
SYSTEM IDENTYFIKACJI WIZUALNEJ
Oznakowanie Konsorcjum Akademickie + Partner strategiczny w towarzystwie sygnetu EMN
EUROPEJSKIE MIASTO NAUKI KATOWICE 2024
LOGO
23
SYSTEM IDENTYFIKACJI WIZUALNEJ
EUROPEJSKIE MIASTO NAUKI KATOWICE 2024
LOGO
Zasady oznakowania wydarzeń programowych Zasady oznakowania wydarzeń włączonych do Programów: � Miasto – Region – Akademia, � Nauczyciele – Nauczycielom, � Program Młodych Miasta Nauki, towarzyszące już istniejącym identyfikacjom wizualnym.
❶
Wybierz wersję kolorystyczną paska najbardziej pasującą do grafiki wydarzenia: białą lub czarną.
24
❷
Pasek o szerokości 15% szerokości formatu grafiki umieść dowolnie, po prawej lub po lewej stronie formatu.
Sygnet, nazwa oraz dodatkowo informacja o ścieżce tematycznej wydarzenia (w języku polskim i/lub angielskim) są umieszczone na pionowym pasku.
15% ×
Szczegółowe zasady i opcje znajdują się w pliku: � EMN-LOGO-Oznakowanie-wydarzeniaEMN
TWOJA GRAFIKA (PIONOWA) Klimat i środowisko
Klimat i środowisko
Europejskie Miasto Nauki Katowice 2024
Europejskie Miasto Nauki Katowice 2024
× TWOJA GRAFIKA (POZIOMA)
100% h
SYSTEM IDENTYFIKACJI WIZUALNEJ
EUROPEJSKIE MIASTO NAUKI KATOWICE 2024
LOGO
Zasady oznakowania wydarzeń towarzyszących
25
❶
W przypadku przyznania patronatu Europejskiego Miasta Nauki Katowice 2024 i nadaniu statusu wydarzenia towarzyszącego, oznakowanie powinno znajdować się w stopce razem z pozostałymi logami.
Logo EMN Katowice 2024 w wybranym wariancie powinno zostać opisane jako Patronat oraz umieszczane zawsze jako pierwsze w przypadku kiedy jest więcej patronatów.
⇣ Lider
Miasto Gospodarz
Współgospodarz
Patronat
kolejny Patron
przykładowa stopka z zestawem logo organizatora wydarzenia
SYSTEM IDENTYFIKACJI WIZUALNEJ
EUROPEJSKIE MIASTO NAUKI KATOWICE 2024
LOGO
26
Nieprawidłowe użycie logo
175%
175%
zbyt mały kontrast pomiędzy znakiem, a fotografią
zbyt mały kontrast pomiędzy znakiem, a fotografią
175%
zbyt mały kontrast pomiędzy znakiem, a tłem
175%
175%
175%
dodawanie obcych efektów
ingerencja w określoną kolorystykę
Europejskie Miasto Nauki Katowice 2024
zmiana kroju pisma, ingerencja w typografię
175%
175%
175%
nierespektowanie pola ochronnego
nieproporcjonalne skalowanie, rozciąganie
zmiana proporcji pomiędzy sygnetem, a typografią w obrębie znaku
SYSTEM IDENTYFIKACJI WIZUALNEJ
EUROPEJSKIE MIASTO NAUKI KATOWICE 2024
Logo i dostępność Współczynnik dla norm WCAG poziom 2.1 AAA (dla produktów cyfrowych) określa na jakich tłach widoczność znaku (elementów graficznych) jest dopuszczalna. Prosimy o sprawdzanie zgodności przed każdą aplikacją.
wybrane przykłady zestawień dopuszczalnych i niedopuszczalnych kontrastów wg WCAG 2.1 AAA
LOGO
27
SYSTEM IDENTYFIKACJI WIZUALNEJ
EUROPEJSKIE MIASTO NAUKI KATOWICE 2024
TYPOGRAFIA
28
3. Kolorystyka*
* zestawienie barw będące pewną całością estetyczną. W odniesieniu do danego systemu identyfikacji wizualnej to zbiór informacji i zasad nadających ogólny ton i będący całością estetyczną oraz funkcjonalną.
➞ https://sjp.pwn.pl/slowniki/kolorystyka.html
SYSTEM IDENTYFIKACJI WIZUALNEJ
EUROPEJSKIE MIASTO NAUKI KATOWICE 2024
TYPOGRAFIA
29
kolorystyka podstawowa Podstawowa • • •
bezpieczna pozwalająca uzyskać maksymalny kontrast gwarantujący dostępność współgrająca z różnokolorowymi identyfikacjami partnerów konsorcjum
AM
+ r255 g255 b255 #ffffff C0 M0 Y0 K0 RAL 9016
ASP PŚ ŚUM AWF
r0 g0 b0 #000000 C0 M0 Y0 K100 Pantone Process Black C RAL 9005
UE UŚ MK
kolory systemów identyfikacji wizualnej członków konsorcjum akademickiego i Miasta Katowice zawarte w manualach poszczególnych instytucji.
100%
60%
30%
SYSTEM IDENTYFIKACJI WIZUALNEJ
EUROPEJSKIE MIASTO NAUKI KATOWICE 2024
TYPOGRAFIA
30
kolorystyka dodatkowa Dodatkowa • •
energetyczna wspierająca rozpoznawalność trzech fundamentów projektu
•
wymagająca testowania w kalkulatorze dostępności kontrastu!
•
zalecane stosowanie tint koloru aby zachować dostępny kontrast kompozycji
100%
60%
30%
r51 g153 b102 #339966 C78 M15 Y73 K0 Pantone 7730 C
r102 g102 b204 #6666CC C72 M64 Y0 K0 Pantone 2726 C
r252 g3 b151 #FC0397 C0 M90 Y0 K0 Pantone Rhodamine Red C
r255 g102 b51 #FF6633 C0 M71 Y79 K0 Pantone 171 C
↑
↑
↑
↑
Infrastruktura Miasta Nauki
Doskonałość naukowa i programy badawcze
Obchody Europejskiego Miasta Nauki 2024
pomocnicza
SYSTEM IDENTYFIKACJI WIZUALNEJ
EUROPEJSKIE MIASTO NAUKI KATOWICE 2024
kolorystyka dodatkowa Rekomenduje się tworzenie zestawień kolorystycznych wykorzystujących różne natężenie barw w kompozycji – kiedy niezbędne jest użycie więcej niż jednej barwy. Biel tła nadaje kompozycjom lekkości i równoważy wykorzystanie czerni – często niezbędnej do uzyskania dostępnego kontrastu kluczowych elementów.
TYPOGRAFIA
31
SYSTEM IDENTYFIKACJI WIZUALNEJ
EUROPEJSKIE MIASTO NAUKI KATOWICE 2024
TYPOGRAFIA
32
kolorystyka dodatkowa – 6 ścieżek tematycznych Dodatkowa (6 ścieżek) • •
energetyczna wspierająca rozpoznawalność sześciu ścieżek tematycznych
•
wymagająca testowania w kalkulatorze dostępności kontrastu!
1.
Klimat i środowisko
r144 g157 b105 #909d69 C50 M30 Y70 K0 Pantone 576 C
2.
Zdrowie i jakość życia
r231 g192 b31 #e7c01f C0 M30 Y100 K0 Pantone 124 C
3.
Przemysły przyszłości
r95 g103 b131 #5f6783 C70 M50 Y25 K15 Pantone 124 C
Innowacje społeczne
r218 g204 b151 #dacc97 C0 M10 Y40 K15 Pantone 7501 C
Dziedzictwo przemysłowe i kulturowe
r153 g81 b61 #99513d C15 M75 Y75 K20 Pantone 7608 C
Kreacja i krytyka
r196 g57 b50 #c43932 C0 M90 Y90 K0 Pantone 185 C
4.
5.
6.
SYSTEM IDENTYFIKACJI WIZUALNEJ
EUROPEJSKIE MIASTO NAUKI KATOWICE 2024
kolorystyka i dostępność Współczynnik dla norm WCAG poziom 2.1 AAA (dla produktów cyfrowych) określa na jakich tłach widoczność znaku (elementów graficznych) oraz tekstów ciągłych i dużych jest dopuszczalna. Prosimy o sprawdzanie zgodności przed każdą aplikacją.
wybrane przykłady zestawień dopuszczalnych i niedopuszczalnych kontrastów wg WCAG 2.1 AAA
TYPOGRAFIA
33
SYSTEM IDENTYFIKACJI WIZUALNEJ
EUROPEJSKIE MIASTO NAUKI KATOWICE 2024
TYPOGRAFIA
34
4. Typografia
* W najszerszym ujęciu typografia jest dziedziną koncentrującą się na kształtowaniu struktur i aranżacji języka w jego wizualnym wymiarze. Zajmuje się doborem pisma, jego użyciem i składem, a także ustalaniem optymalnych norm pisarskich
➞ https://pl.wikipedia.org/wiki/Typografia
SYSTEM IDENTYFIKACJI WIZUALNEJ
EUROPEJSKIE MIASTO NAUKI KATOWICE 2024
TYPOGRAFIA
35
Krój pisma Di Grotesk KatoScience Podobnie jak w logo, w systemie identyfikacji wizualnej Europejskiego Miasta Nauki Katowice 2024, wiodącym krojem pisma również jest Di Grotesk autorstwa Mariana Misiaka threedotstype.com
wybrane znaki:
Na potrzeby projektu EMN została stworzona specjalna wersja tego kroju: Di Grotesk KatoScience. Zawiera spójne z identyfikacją wizualną elementy i poprawione parametry dostępności według norm DIN 1450 (Legibility of fonts) oraz został wzbogacony o cyrylicę.
R S Ś T U V W X Y Z Ź Ż
a ą b c ć d e ę r
s ś
f
g h
i
j
k
l
ł m n o ó p q
t u v w x y z ź ż
A Ą B C Ć D E Ę F G H I J K L Ł M N O Ó P Q a б b г
ґ д e ж з и
i
ї й k л m h o п p c
t
y ф x ц ц ш щ ь ю A Б B Г Ґ Д E Ж З И I Ї Й K Л М H O П P C T У Ф X Ц Ч Ш Щ Ь Ю Я !
" # $ % & '
+
,
-
;
< = > ? @ [
\
] ^ {
¨ © « ® °
± µ ¶ » ¼½
7 8 9
:
(
)
*
.
/
0 1 2 3 4 5 6 |
} ~ ¢ £ ¥ §
¿ À Á Â Ã Ä Å Æ Ç È É Ê Ë Ì Í Î Ï Ð Ñ Ò Ó Ô Õ Ö × Ø Ù Ú Û Ü Ý Þ ß ÷ Ā Ă Ą Ć Ĉ Ċ Č Ď Đ Ē Ĕ Ė Ę Ě Ĝ Ğ Ġ Ģ Ĥ Ħ Ĩ Ī Ĭ Į İ Ĵ Ķ Ĺ Ļ
ļ
Ľ Ľ
Ł Ń Ņ Ň Ŋ Ō Ŏ Ő Œ Ŕ Ŗ Ř Ś Ŝ Ş Š Ţ Ť Ũ Ů Ű ... ➞ https://threedotstype.com/
SYSTEM IDENTYFIKACJI WIZUALNEJ
EUROPEJSKIE MIASTO NAUKI KATOWICE 2024
Krój pisma Di Grotesk KatoScience Di Grotesk KatoScience składa się z następujących ośmiu odmian:
TYPOGRAFIA
36
Regular 💠 Di Grotesk Kato Italic 💠 Di Grotesk KatoScie Medium 💠 Di Grotesk Kat Medium Italic 💠 Di Grotes Bold 💠 Di Grotesk KatoS Bold Italic 💠 Di Grotesk Extra Bold 💠 Di Grotesk Extra Bold Italic 💠 Di G
SYSTEM IDENTYFIKACJI WIZUALNEJ
EUROPEJSKIE MIASTO NAUKI KATOWICE 2024
TYPOGRAFIA
37
Krój pisma i jego znaki specjalne Krój Di Grotesk KatoScience, jest zaopatrzony w zestaw znaków wspierających komunikację:
wybrane znaki:
→ zestaw strzałek i komponentów do samodzielnego tworzenia unikatowych znaków
↲ ↳ ↴ ↶ ↷ ↺ ↻ ⇠ ⇡ ⇢ ⇣
→ punktor w kształcie siedmioboku, spójny z kształtem kropki → siedmioramienny asterysk
← ↑ → ↓ ↖ ↗ ↘ ↙ ↞ ↟ ↠ ↡ ↢ ↣ ↤ ↥ ↦ ↧ ↩ ↪ ↰ ↱
➞
⤙
💠
�
*
⤚
⤛ ⥼
⥽ ⬎ ⬏ � � �
�
�
� � �
�
� �
�
�
�
SYSTEM IDENTYFIKACJI WIZUALNEJ
EUROPEJSKIE MIASTO NAUKI KATOWICE 2024
TYPOGRAFIA
38
Krój pisma Di Grotesk KatoScience Regular Do składu tekstów ciągłych, rekomendowana jest odmiana Di Grotesk KatoScience Regular o światłach międzyliterniczych i międzywyrazowych dostosowanych do norm DIN 1450.
odstęp międzyliterniczy
parametry dla tekstu ciągłego
a
×
Mn
100% . a ––––––– ×
↠
35– 65%
100% . w ––––––– ×
↠
65 –100 %
odstęp międzywyrazowy
w
×
Mi Na
➞ https://www.beuth.de/en/standard/din-1450/170093157
SYSTEM IDENTYFIKACJI WIZUALNEJ
EUROPEJSKIE MIASTO NAUKI KATOWICE 2024
Zastępczy krój pisma W sytuacjach, kiedy niedostępny jest krój pisma Di Grotetesk KatoScince rekomendowane jest użycie kroju Verdana. To font zaprojektowany przez Matthew Carter, a jego pierwsza wersja została dodana do zestawu fontów systemowych Window i Microsoft Internet Explorer w 1996 roku. To font ↦ bezszeryfowy ↦ multilingual – obsługuje wiele języków ↦ posiada dobre parametry czytelności pod kątem dostępności Właścicielem licencji jest Microsoft Corporation. Jest dostępny w pakiecie Office.
TYPOGRAFIA
39
Regular ● Verdana Italic ● Verdana Bold ● Verdana Bold Italic ● Verdana
SYSTEM IDENTYFIKACJI WIZUALNEJ
EUROPEJSKIE MIASTO NAUKI KATOWICE 2024
TYPOGRAFIA
Skład i łamanie tekstu WCAG to i zbiór wytycznych dotyczących dostępności treści internetowych. Zawiera on również szczegółowe informacje dotyczące składu treści ↦ więcej na stronie 7 Aktualnie obowiązująca wersja dokumentu: � https://www.gov.pl/web/ dostepnosc-cyfrowa/wcag-21-wskrocie Zasady te mogą stać się również dobrym punktem wyjścia do dyskusji podczas tworzenia projektów na inne nośniki. Inne (niecyfrowe) nośniki nie pozwalają odbiorcy na dowolne skalowanie treści w zależności od jego specjalnej potrzeby, dlatego parametry powinny być dobrane jak nabardziej opymalnie przez osobę projektującą.
40 wymagana opcja wg WCAG dla publikacji cyfrowych
wersja optymalna dla publikacji papierowych
22 grudnia 2021 roku podczas konferencji prasowej zorganizowanej w Centrum Informacji Naukowej i Bibliotece Akademickiej (ciniba) nastąpiło ogłoszenie przyznania Katowicom tytułu Europejskiego Miasta Nauki 2024 oraz podpisanie umowy konsorcjum organizatorów emn 2024. Instytucje – członkowie konsorcjum – będą współpracowały podczas przygotowań i rzeczywistych wydarzeń związanych z przyznaniem tytułu Europejskiego Miasta Nauki 2024.
22 grudnia 2021 roku podczas konferencji prasowej zorganizowanej w Centrum Informacji Naukowej i Bibliotece Akademickiej (ciniba) nastąpiło ogłoszenie przyznania Katowicom tytułu Europejskiego Miasta Nauki 2024 oraz podpisanie umowy konsorcjum organizatorów emn 2024. Instytucje – członkowie konsorcjum – będą współpracowały podczas przygotowań i rzeczywistych wydarzeń związanych z przyznaniem tytułu Europejskiego Miasta Nauki 2024.
Di Grotesk KatoScience Regular wysykość kroju: 12 pkt interlinia: 18 pkt (1,5 – czyli 150 % h)
Di Grotesk KatoScience Regular wysykość kroju: 9 pkt interlinia: 13,5 pkt (1,5 – czyli 150 % h)
maksymalnie 80 znaków w wierszu
optymalnie 45–75 znaków w wierszu
SYSTEM IDENTYFIKACJI WIZUALNEJ
EUROPEJSKIE MIASTO NAUKI KATOWICE 2024
TYPOGRAFIA
Mikrotypografia Za pomocą różnych odmian kroju pisma miej kontrolę nad hierarchią informacji w tekście ciągłym.
❶ stosuj kapitaliki dla skrótowców np. EMN → emn ❷ stosuj cyfry nautyczne stworzone
na potrzeby składu tekstów
ciągłych np. 1984 → 1984 (cyfry tabelaryczne stosuj do
41
22 grudnia 2021 roku podczas konferencji prasowej zorganizowanej w Centrum Informacji Naukowej i Bibliotece Akademickiej (CINIBA) nastąpiło ogłoszenie przyznania Katowicom tytułu Europejskiego Miasta Nauki 2024 oraz podpisanie umowy konsorcjum organizatorów EMN 2024. Instytucje – członkowie konsorcjum – będą współpracowały podczas przygotowań i rzeczywistych wydarzeń związanych z przyznaniem tytułu Europejskiego Miasta Nauki 2024.
projektów tabel, kalendariów, etc.)
❸ stosuj konsekwentnie wyróżnienia
w tekście i nadawaj im znaczenie, np. → bold – dla ważnych informacji → podkreślenie → kolor
❶
kapitaliki
❷
cyfry nautyczne
22 grudnia 2021 roku podczas konferencji prasowej zorganizowanej w Centrum Informacji Naukowej i Bibliotece Akademickiej (ciniba) nastąpiło ogłoszenie przyznania Katowicom tytułu Europejskiego ❸ Miasta Nauki 2024 oraz podpisanie umowy konsorcjum organizatorów emn 2024. Instytucje – członkowie konsorcjum – będą współpracowały podczas przygotowań i rzeczywistych wydarzeń związanych z przyznaniem tytułu Europejskiego Miasta Nauki 2024.
SYSTEM IDENTYFIKACJI WIZUALNEJ
EUROPEJSKIE MIASTO NAUKI KATOWICE 2024
TYPOGRAFIA
42
Parametry tekstu Za pomocą ustalonych parametrów kroju pisma możemy mieć wpływ na hierarchię informacji i charakter publikacji oraz komunikację wizualną całego systemu. Dzięki stosowaniu powiększonej wersji Regular w nagłówkach można zachować lekkość i przejrzystość składu. Pozostałe parametry składu powinny być dostosowane do parametrów tekstu ciągłego, a punktem wyjścia następujące:
❸
❷
❶ tekst ciągły
h (np. 9 pkt, interlinia: 13,5 pkt)
❷ lead
2h (np. 18 pkt, interlinia: 22,5 pkt)
❸ nagłówek
4h (np. 36 pkt, interlinia: 40,5 pkt)
Możliwe jest także stosowanie akcentów kolorów systemowych w składzie, tylko przy zachowaniu spójnej lekkości i przejżystości. ❹
❶
Włączyć się w tkankę miasta Przyznanie tytułu to dopiero początek drogi. Chcemy być – jako śląskie uczelnie – jej ważnym instrumentem. A nawet więcej, chcemy, aby nauka i edukacja zaawansowana stały się nowym przemysłem regionu. Nauka i wiedza to środki wzmacniające odporność społeczeństwa na kryzysy i niespodziewane wydarzenia; to dla nas swoiste ubezpieczenie na przyszłość.
Przyznanie tytułu to dopiero początek drogi.
C
hcemy być – jako śląskie uczelnie – jej ważnym instrumentem. A nawet więcej, chcemy, aby nauka i edukacja zaawansowana stały się nowym przemysłem regionu. Nauka i wiedza to środki wzmacniające odporność społeczeństwa na kryzysy i niespodziewane wydarzenia; to dla nas swoiste ubezpieczenie na przyszłość.
❹
SYSTEM IDENTYFIKACJI WIZUALNEJ
EUROPEJSKIE MIASTO NAUKI KATOWICE 2024
TYPOGRAFIA
43
Layout Przypis (asterysk *) i zasady jego stosowania są inspiracją przy tworzeniu layoutów i redakcji tekstów: • gwiazdka występująca przy nagłówku, może odnosić do wyjaśnienia w przypisie dolnym • umiejscowienie sygnetu u góry lub na dole formatu tworzy nowy kontekst
Klimat i środowisko* Dziedzictwo przemysłowe i kulturowe
„Dziedzictwo przemysłowe i kulturowe” * to jedna z sześciu ścieżek tematycznych działań w ramach EMNK 2024
Szczegółowe informacje znajdziesz na: www.miastonauki.pl
„Klimat i środowisko” to jedna z pięciu ścieżek tematycznych działań w ramach EMNK 2024 Szczegółowe informacje znajdziesz na: www.miastonauki.pl
Katowice witają w Europejskim Mieście Nauki Szczegółowe informacje znajdziesz na: www.miastonauki.pl
SYSTEM IDENTYFIKACJI WIZUALNEJ
EUROPEJSKIE MIASTO NAUKI KATOWICE 2024
TYPOGRAFIA
44
Layout i fotografia Dopuszcza się użycie fotografii wysokiej jakości w kolorze. W przypadkach, kiedy na formacie występuje kilka, sąsiadujących ze sobą niespójnych formalnie lub jakościowo fotografii, należy • tworzyć kompozycje wykorzystujące dodatkowo kolory systemowe • kolorystykę dobierać tak, aby współgrała z fotografią (a nie tylko z symboliką kolorów w systemie)
Włączyć się w tkankę miasta nauce potrzeba włączenia jej na stałe w krwiobieg * Polskiej naukowy Europy i świata. To się już dzieje, ale wierzę, że za sprawą tytułu EMN integracja nauki śląskiej z nauką europejską nabierze tempa, a nasze ośrodki naukowe będą liderami lub łącznikami tego procesu.
Szczegółowe informacje znajdziesz na: www.miastonauki.pl
↳ Dolina Rawy Czyli przestrzeń związana z rzeką – nie rzeką Rawą, która wymaga przywrócenia do stanu naturalnego. Dzięki temu procesowi zostanie oddana miastu i mieszkańcom, stanie się kręgosłupem Zielonej Strefy Nauki.
Science will give us the future
SYSTEM IDENTYFIKACJI WIZUALNEJ
EUROPEJSKIE MIASTO NAUKI KATOWICE 2024
KLUCZ WIZUALNY
45
5. Klucz wizualny*
* Jest to zbiór zasad i zestaw elementów tworzących charakterystyczny dla danego systemu motyw graficzny (key visual)
SYSTEM IDENTYFIKACJI WIZUALNEJ
EUROPEJSKIE MIASTO NAUKI KATOWICE 2024
KLUCZ WIZUALNY
46
Dithering Fotografia może stać się punktem wyjścia do tworzenia dekoracyjnych elementów graficznych i teł. W przypadkach, kiedy jakość fotografii jest niewystarczająca lub kiedy potrzebujemy tła dopuszcza się zastosowania na zdjęciach metody ditheringu – czyli uspójniając ich rozdzielczość, używając kwadratowego rastra. Kwadratowy raster jest również elementem graficznym, korespondującym z formą ramion sygnetu. Może być to również metoda bardziej ekologiczna: • pozwala na druk z użyciem mniejszej ilości tuszu, ze względu na ograniczenie ilości kolorów, • zajmuje mniej miejsca w przestrzeni web, ze względu na wysoką kompresję.
💠
SYSTEM IDENTYFIKACJI WIZUALNEJ
EUROPEJSKIE MIASTO NAUKI KATOWICE 2024
KLUCZ WIZUALNY
47
Wzory i kolory Symbolika kolorów w systemie powinna odnosić się do konkretnych rodzajów działań. Kolory dodatkowe dla trzech fundamentów projektu szczegóły → str. 30 Kolory dodatkowe dla sześciu ścieżek tematycznych szczegóły → str. 32 mogą funkcjonować razem, w odpowiednich merytorycznie konfiguracjach.
💠 zieleń ↑
błękit ↑
róż ↑
achromatyczna ↑
pomarańcz ↑
Infrastruktura Miasta Nauki
Doskonałość naukowa i programy badawcze
Obchody Europejskiego Miasta Nauki 2024
zastosowanie uniwersalne
kolorystyka pomocnicza
Gwiazdka, trybik, siedem łączących się ze sobą elementów stają się punktem wyjścia do stworzenia zestawu rozet.
sobą w celu wzmocnienia infrastruktury badawczej i potencjału naukowego regionu. Asterysk, nawiązujący swą formą do przypisu w tekście, odnosi się do naukowego charakteru wydarzenia oraz jego ,,dodatkowej’’ natury – stając się efektem współpracy akademickich instytucji Katowic. Odwołuje się również do kształtu trybiku – cząstki, kojarzącej się z postępem, przede wszystkim zaś stopniowym uruchamianiem kolejnych procesów, które pozwalają na transformacje.
Promieniście rozchodzące się kompozycje tworzą dekoracyjne elementy, jednocześnie odnosząc się do ideii skupiania wokół siebie jaknajwiększej ilości partnerów i wspołpracy w ramach projektu EMN. Znak Europejskiego Miasta Nauki ujmuje w sobie wartości, które zbliżają i motywują do podejmowania nowatorskich działań i ciągłego rozwoju. Dwuwarstwowe serce łączy dwa poziomy postrzegania miasta: tradycyjny, industrialny, górniczy oraz innowacyjny, pokazujący jego siłę, dynamikę i kreatywność. Jest też wyrazem wielowymiarowych i nieustannie dokonujących się przemian, które staną się udziałem Konsorcjum Akademickiego – związku śląskich uczelni wyższych, współpracujących ze
SYSTEM IDENTYFIKACJI WIZUALNEJ EUROPEJSKIE MIASTO NAUKI KATOWICE 2024
Z okazji Międzyuczelnianej Inauguracji Roku Akademickiego 2022/2023
Konsorcjum Akademickie Katowice – Miasto Nauki
↦ Uczelnie to dobro publiczne ↦ Per scientiam ad astra. Przez naukę do gwiazd ↦ Włączyć się w tkankę miasta ↦ Budujemy Miasto Nauki ↦ Ścieżki i filary Miasta Nauki ↦ Do tej pory w Mieście Nauki
KLUCZ WIZUALNY
Elementy graficzne – rozety 48
English Version
SYSTEM IDENTYFIKACJI WIZUALNEJ
EUROPEJSKIE MIASTO NAUKI KATOWICE 2024
KLUCZ WIZUALNY
49
Elementy graficzne – rozety
↳
miastonauki.pl
↳
miastonauki.pl
↳
miastonauki.pl
↳
miastonauki.pl
Nauka da nam przyszłość
↳
miastonauki.pl
↳
miastonauki.pl
↳
miastonauki.pl
↳
miastonauki.pl
SYSTEM IDENTYFIKACJI WIZUALNEJ
EUROPEJSKIE MIASTO NAUKI KATOWICE 2024
KLUCZ WIZUALNY
50
Patterny Zarówno logo (serce) Katowic jak i gwiazdka/trybik są zbudowane z prostych elementów blokowych, które można wykorzystać na wiele sposobów tworząc geometryczne patterny. Takie wzory mogą być stosowane jako podkłady do map, wypełni-nia infografik i wizualizacji danych, tła w ilustracjach, czy komiksach.
↑ ↑
↑
SYSTEM IDENTYFIKACJI WIZUALNEJ
Kontakt
Wydział Promocji Urzędu Miasta Katowice ↦
p@katowice.eu
EUROPEJSKIE MIASTO NAUKI KATOWICE 2024
51