Jak przygotować księgę znaku do druku i online: ustawienia pliku, linki do zasobów i kontrola zgodności kolorów

Rola księgi znaku i wymagania techniczne na starcie

Dlaczego osobne wersje księgi znaku: druk vs online

Księga znaku jest narzędziem technicznym, z którego korzystają bardzo różne osoby: drukarnia, graficy DTP, social media, osoby od WWW, a czasem zarząd. Każda z tych grup ma inne wymagania co do formatu, wagi pliku i jakości. Jedna „uniwersalna” wersja rzadko sprawdza się dobrze wszędzie.

Wersja do druku musi być przygotowana z myślą o procesach poligraficznych: profilach kolorystycznych CMYK, spadach, overprincie, odpowiedniej rozdzielczości obrazów i standardach PDF/X. Plik może być cięższy, ale musi być absolutnie przewidywalny w druku.

Wersja online potrzebuje mniejszej wagi pliku, optymalizacji pod ekrany i często interaktywności (spis treści z linkami, zakładki, klikalne linki do paczek z logo). Kolory bazują na przestrzeni RGB, a priorytetem jest czytelność na różnych monitorach i urządzeniach mobilnych.

Dlatego w praktyce tworzy się:

• główny plik produkcyjny (np. InDesign) jako „źródło prawdy”;
• wersję druk – PDF CMYK, cięższy, z profilami drukarskimi;
• wersję online – PDF RGB, odchudzony, z dodatkowymi interaktywnymi elementami.

Minimalne wymagania techniczne różnych odbiorców

Na początku projektu warto zebrać wymagania od wszystkich kluczowych użytkowników księgi znaku. Część z nich to rzeczy oczywiste dla grafika, ale nie dla marketingu czy zarządu. Dobrze zdefiniowany zakres oszczędzi później przeróbek.

Drukarnia najczęściej oczekuje:

• pliku w standardzie PDF/X-1a lub PDF/X-4;
• oprofilowania (profil ICC) zgodnie z ich standardem (np. FOGRA39, FOGRA51);
• spadów (zwykle 3–5 mm) i poprawnie ustawionych znaczników cięcia;
• obrazów min. 300 ppi w docelowym rozmiarze druku;
• braku obiektów RGB w pliku CMYK;
• prawidłowego overprintu dla czerni i braku przypadkowego overprintu dla kolorów firmowych.

Agencja / graficy in-house potrzebują:

• jednoznacznych definicji kolorów (CMYK, Pantone, RGB, HEX);
• dostępu do plików źródłowych logo (AI, EPS, SVG, PNG);
• jasnych reguł skali i marginesów ochronnych logo;
• spójnych stylów akapitowych i znakowych, by łatwo aktualizować treści;
• informacji o profilach ICC używanych w projektach.

Zespół marketingu / brand najczęściej oczekuje:

• łatwego PDF do wysyłki mailem i pobrania z WWW;
• czytelnego spisu treści, zakładek i podlinkowanych sekcji;
• zrozumiałych przykładów zastosowań logo (social media, prezentacje, materiały biurowe);
• prostego dostępu do paczek z zasobami (np. Dropbox, Google Drive, DAM);
• wiedzy, którą wersję pliku brać do czego (druk, web, prezentacje).

Decyzje przed startem: format, objętość, zakres treści

Projektowanie księgi znaku to nie tylko design, ale też architektura informacji. Na starcie trzeba ustalić trzy rzeczy: format, orientację i przewidywaną objętość. Od tego zależą późniejsze ustawienia plików i wygoda korzystania z dokumentu.

Najpierw zakres treści: czy księga znaku obejmuje wyłącznie logo, kolorystykę i typografię (tzw. brand guide), czy pełny brandbook z tonem komunikacji, przykładami layoutów, social mediami i wzorami dokumentów. Ta decyzja wpływa na liczbę sekcji, paginację i sposób linkowania w PDF.

Dla prostych systemów wizualnych często wystarcza 20–40 stron w formacie A4 poziomo, dla rozbudowanych marek z wieloma sub-brandami dokumant potrafi przekraczać 100 stron. Lepiej założyć rozsądny margines na rozwój – np. zostawić miejsce na dodatkowe podrozdziały lub przygotować logikę numeracji, która zniesie rozbudowę (1.1, 1.2, 2.1 itd.).

Typowe narzędzia do tworzenia księgi znaku

Profesjonalne księgi znaku powstają w programach do składu lub zaawansowanego projektowania, które dobrze obsługują PDF i zarządzanie kolorami.

• Adobe InDesign – standard branżowy do składu, idealny do wielostronicowych ksiąg znaku. Daje pełną kontrolę preflightu, profili kolorów, zakładek PDF i eksportu PDF/X.
• Adobe Illustrator – dobre narzędzie do projektowania logo i prostych layoutów; może służyć do krótkich ksiąg (do kilku stron), ale przy większych dokumentach jest mniej wygodny niż InDesign.
• Affinity Publisher – alternatywa dla InDesign, tańsza, z dobrym wsparciem dla CMYK, PDF/X i profili ICC. Nadaje się do profesjonalnego składu brandbooka.
• Figma – świetna do projektów ekranowych, prototypów i wersji online; nie jest jednak narzędziem DTP, więc eksport do druku i zarządzanie CMYK są ograniczone. Często używa się jej do makiety wersji cyfrowej lub suplementu webowego.
• Inne (Canva, Keynote, PowerPoint) – nadają się raczej do prostych przewodników online lub prezentacji, nie do głównego pliku produkcyjnego do druku.

Do pełnej kontroli nad wersją drukowaną najlepiej używać narzędzia z natywną obsługą CMYK i PDF/X (InDesign, Publisher). Figma czy Canva mogą być świetnym wsparciem dla prostych „light guides” do użytku wewnętrznego, ale nie zastąpią poprawnie przygotowanego pliku poligraficznego.

Struktura księgi znaku a późniejsze ustawienia plików

Logiczny podział rozdziałów a wygoda użytkowania

Dobra struktura księgi znaku działa jak API dla wszystkich, którzy z niej korzystają. Jeśli sekcje są ułożone logicznie, łatwo dodawać aktualizacje, eksportować fragmenty i tworzyć zakładki PDF.

Przykładowy układ rozdziałów, który dobrze skaluje się technicznie:

1. Wprowadzenie do identyfikacji (krótkie wskazówki, zakres stosowania).
2. Logo – wersje podstawowe, poziome/pionowe, wersje językowe.
3. Pole ochronne i minimalne wielkości logo.
4. Kolorystyka – barwy podstawowe, uzupełniające, schematy CMYK/RGB/Pantone/HEX.
5. Typografia – fonty podstawowe, zamienne (fallback), przykłady kompozycji.
6. Zastosowania – na jasnym/ciemnym tle, na zdjęciach, w social mediach, na gadżetach.
7. Pliki źródłowe i zasoby – linki do paczek, struktura folderów, zasady korzystania.

Każdy z tych głównych rozdziałów można zamienić w zakładkę PDF i sekcję spisu treści. Taki układ sprzyja też budowie osobnych „snippetów”: np. osobny PDF tylko z logo i kolorystyką dla podwykonawcy, który nie potrzebuje całego brandbooka.

Wpływ struktury na paginację, spisy treści i zakładki PDF

Przy tworzeniu księgi znaku do druku i online trzeba myśleć o paginacji i nawigacji już na etapie projektu. Numeracja stron powinna być jednoznaczna i sensowna również wtedy, gdy fragment księgi jest drukowany osobno lub wysyłany jako oddzielny PDF.

W InDesign lub Affinity Publisher przełóż strukturę rozdziałów na:

• hierarchię stylów nagłówków (H1, H2, H3) – pozwoli to wygenerować automatyczny spis treści;
• sekcje dokumentu – np. rozdział 1 zaczyna nową sekcję, co ułatwi reorganizację;
• zakładki PDF – tworzone automatycznie na bazie nagłówków lub ręcznie przypisywane do stron.

Przy eksporcie do PDF online te elementy pozwolą zbudować „klikalną” księgę znaku, w której użytkownik szybko skacze do potrzebnego fragmentu. Jednocześnie spójna struktura nagłówków upraszcza sprawy dla druku – w razie podmiany treści nie trzeba ręcznie aktualizować numerów stron w spisie treści.

Projektowanie dla druku dwustronnego vs przewijany PDF

Dokument drukowany zachowuje się inaczej niż PDF czytany na ekranie. W druku liczy się rozkładówka (lewa i prawa strona jako jedna kompozycja), podczas gdy w PDF online najczęściej używany jest widok pojedynczej strony w pionowym scrollu.

W wersji drukowanej:

• warto korzystać z opcji Facing Pages (strony parami) – umożliwia to kontrolę marginesów wewnętrznych i zewnętrznych;
• rozkładówki z przykładami zastosowań logo można projektować jako jedną całość (np. duże zdjęcie na dwie strony);
• należy kontrolować tzw. przesunięcie do grzbietu przy grubych publikacjach (marginesy wewnętrzne większe niż zewnętrzne).

W wersji online:

• większy nacisk kładzie się na czytelność pojedynczej strony na małym ekranie;
• nadmiernie rozbudowane rozkładówki mogą być trudne w odbiorze w widoku „strona po stronie”;
• warto zadbać o czytelne marginesy i większe fonty niż w typowym druku, bo część osób będzie zoomować dokument.

Dobrym kompromisem jest projektowanie z myślą o druku (Facing Pages), ale z kontrolą, aby każda strona „broniła się” także w widoku pojedynczym. Odrębna wersja stricte ekranowa (np. 16:9) może być przygotowana tylko dla prezentacji lub PDF „light” do online.

Przewidywanie aktualizacji i wersji językowych

Księga znaku rzadko bywa dziełem skończonym. Nowe sub-branding, odświeżone logo, kolejne przykłady zastosowań – to wszystko powoduje rewizje pliku. Struktura dokumentu powinna zakładać takie zmiany z wyprzedzeniem.

Przy planowaniu warto:

• stosować numerację rozdziałów (1, 1.1, 1.2 itd.), która zniesie dodanie kolejnych sekcji bez rewolucji w całym dokumencie;
• rezerwować 1–2 wolne rozkładówki na końcu głównych rozdziałów na przyszłe rozszerzenia;
• ustawić style tekstu i obiekty na master pages, aby aktualizacja layoutu nie wymagała edycji każdej strony;
• przygotować strategię wersji językowych – np. osobny plik na każdy język lub jeden plik z warstwami językowymi (bardziej techniczna opcja).

Jeśli marka działa międzynarodowo, wielojęzyczność najlepiej ująć już w strukturze: na przykład rozdział 0 (wprowadzenie) może być wspólny, a kolejne rozdziały budować per język, albo – w wersji bardziej zaawansowanej – teksty są osobnymi warstwami (pliki InDesign + funkcje tłumaczeń).

Wybór formatu, siatki i parametrów dokumentu do druku

Typowe formaty księgi znaku i ich zastosowania

Najpopularniejszym formatem księgi znaku do druku i online jest A4 poziomo. Dobrze mieści zrzuty ekranu, makiety stron WWW, przykłady layoutów prezentacyjnych. Jednocześnie łatwo go drukować na standardowych drukarkach biurowych.

Inne praktyczne formaty:

• A4 pionowo – bardziej „książkowy”, wygodny przy dużej ilości tekstu. Mniej wygodny dla szerokich przykładów (WWW, billboard).
• B5 – nieco mniejszy, „handbookowy” format, dobrze sprawdza się przy fizycznych podręcznikach brandu.
• Format 16:9 (niestandard, zbliżony do prezentacji) – typowy dla przewodników nastawionych na odczyt na ekranach, szczególnie jeśli mamy dużo mockupów cyfrowych.

Jeżeli księga znaku będzie też drukowana jako ekskluzywny album (np. dla zarządu lub kluczowych partnerów), można rozważyć niestandardowy format zbliżony do albumów fotograficznych. Wówczas trzeba wcześniej ustalić z drukarnią dostępność oprawy i sensownych nakładów.

Spady, marginesy i bezpieczne pole

Parametry dokumentu do druku ustawia się na samym początku. Zmiana spadów czy marginesów w połowie pracy bywa bolesna, szczególnie przy skomplikowanych makietach.

Podstawowe ustawienia:

• Spad (bleed) – dodatkowy obszar poza obszarem strony, zwykle 3–5 mm z każdej strony. Wszystkie elementy dochodzące „do krawędzi papieru” (tła, zdjęcia) muszą wychodzić na spad, inaczej po przycięciu pojawi się biały pasek.
• Marginesy – wewnętrzne pola, w których nie powinien znaleźć się ważny tekst ani kluczowe elementy. Marginesy są większe od spadów i wpływają na komfort czytania.

Ustawienia kolumn, siatki bazowej i modułów

Format strony to dopiero początek. Aby księga znaku była spójna i łatwa do aktualizacji, potrzebna jest siatka (grid) i siatka bazowa (baseline grid). To one wymuszają porządek w nagłówkach, przykładach logo i opisach technicznych.

Przy projektowaniu siatki w InDesign, Affinity Publisher czy innym programie DTP, ustal:

• liczbę kolumn – dwie lub trzy kolumny na stronie A4 poziomej to najczęstsza konfiguracja; pozwala łączyć szerokie przykłady (kolumny scalone) z czytelnymi notkami;
• gutter (światło między kolumnami) – zwykle 4–6 mm w druku; zbyt mały odstęp sprawia wrażenie „ściśniętego” layoutu;
• moduły pionowe – np. podział strony na 4–6 pasów w pionie, co pozwala łatwo wyrównywać podpisy i obiekty.

Siatka bazowa powinna być spięta z interlinią podstawowego tekstu (body text). Jeśli tekst ma 10 pt, interlinia 12 pt, siatkę ustawia się często co 12 pt. Nagłówki i podpisy warto tak zdefiniować, aby także wpadały w tę siatkę lub w jej wielokrotność. Dzięki temu kolejne strony nie „pływają” względem siebie, co jest szczególnie widoczne przy dwustronnym druku.

Tip: stwórz jedną lub dwie alternatywne siatki (np. dla stron pełnoekranowych z mockupami). W InDesign można to zrealizować przez kilka master pages (np. A-Master – układ tekstowy, B-Master – strona z dużym zdjęciem + podpisy).

Parametry techniczne dokumentu: rozdzielczość, raster, nadlewki

Oprócz spadów i marginesów dochodzą parametry, które determinują jakość druku. Dobrze je ustawić zanim pojawi się pierwsze zdjęcie na makiecie.

• Rozdzielczość obrazów – dla druku offsetowego standardem jest 300 ppi (pixels per inch) w skali 1:1. Dla dużych zdjęć tła minimalnie 225–250 ppi, ale nie mniej, jeśli obraz zawiera typografię lub ostre krawędzie.
• Raster (lpi – lines per inch) – zależy od technologii druku; dla typowego offsetu arkuszowego 150–175 lpi. Im wyższy raster, tym większe wymagania co do jakości zdjęć. Informację o rastrze najlepiej uzyskać od drukarni.
• Nadlewki (trapping) – mikroskopijne „zachodzenie” kolorów na siebie, kompensujące rozjechania w druku. W prostych brandbookach często wystarczą ustawienia automatyczne RIP-a drukarni, ale przy skomplikowanych formach (dużo 100% black + kolor) warto skonsultować ręczne ustawienia.

W samym dokumencie DTP nie zmienia się rozdzielczości (ta dotyczy obrazów rastrowych, a nie pliku .indd czy .afpub). Natomiast można włączyć wyświetlanie efektywnej rozdzielczości podłączonych grafik, aby od razu wychwycić zbyt małe pliki.

Profil kolorów i zarządzanie barwą w wersji drukowanej

Wybór przestrzeni roboczej CMYK i RGB

Zarządzanie kolorem zaczyna się od wyboru profili kolorów (ICC) dla przestrzeni roboczych. To ustawienia na poziomie całego środowiska (Adobe Color Settings, Preferences w Affinity), nie pojedynczego dokumentu.

Dla Europy typowe ustawienia to:

• CMYK: ISO Coated v2 / FOGRA39 (dla papierów kredowanych) lub PSO Uncoated / FOGRA47 (dla papierów niepowlekanych);
• RGB: sRGB IEC61966-2.1 jako domyślna przestrzeń dla grafik ekranowych; Adobe RGB bywa stosowane w fotografii, ale wymaga konsekwencji przy konwersji do CMYK.

Przed startem projektu warto uzgodnić z drukarnią, jakiego profilu oczekuje. Jeśli używany jest nowszy standard, np. FOGRA51/52 (PSO Coated v3), ustaw go w całym pakiecie oprogramowania, aby uniknąć konwersji „po drodze” między aplikacjami.

Definiowanie kolorów korporacyjnych: CMYK, Pantone, RGB, HEX

Kolory marki w księdze znaku muszą mieć pełny „paszport”: wartości CMYK, RGB i HEX, a przy bardziej rozbudowanych systemach także odpowiedniki w skali Pantone (spot color). Taka tabela jest punktem odniesienia dla wszystkich plików, zarówno do druku, jak i online.

W praktyce:

• kolor podstawowy definiuje się najpierw jako spot Pantone (jeśli marka używa druku specjalnego), a następnie podaje konwersję do CMYK i RGB;
• jeśli marka nie przewiduje Pantone, kolor bazowy można oprzeć bezpośrednio na CMYK zoptymalizowanym dla wybranego profilu;
• w identyfikacji cyfrowej nadrzędny bywa HEX, ale jego odpowiednik CMYK i Pantone trzeba zweryfikować wzornikiem fizycznym, nie tylko na monitorze.

Uwaga: ta sama wartość CMYK wygląda inaczej na różnych papierach i maszynach drukarskich. Dobrą praktyką jest ograniczenie liczby „wariantów” kolorów do dwóch–trzech (np. wersja na papier powlekany, niepowlekany i ewentualnie specjalny druk gazetowy) zamiast dziesięciu niekontrolowanych miksów.

Konwersja z RGB do CMYK i unikanie błędów

Większość materiałów źródłowych (zrzuty ekranu, mockupy webowe, podglądy Figma) powstaje w RGB. W księdze znaku do druku te elementy muszą zostać przeliczone do CMYK zgodnie z wybranym profilem.

Zasady bezpiecznej konwersji:

• unikaj „bezmyślnego” ustawienia dokumentu w trybie RGB, gdy finalnym celem jest druk; projektuj w CMYK, a elementy RGB konwertuj świadomie;
• zdjęcia i mockupy konwertuj w programie do obróbki (Photoshop, Photo) z przypisaniem docelowego profilu CMYK, nie w ostatniej chwili w oknie eksportu PDF;
• kolory korporacyjne w wektorach (logo, piktogramy) ustaw jako CMYK/spot w programie DTP, a nie jako RGB „na oko”.

W brandbookach pojawia się często problem „zgaszonych” niebieskich i zielonych po konwersji z RGB na CMYK. Jeżeli kolor ekranowy jest poza gamą CMYK, trzeba zaprojektować oddzielny wariant drukowy (lekko przesunięty odcień), zamiast liczyć na cudowną konwersję automatyczną.

Proof, proof cyfrowy i korekty kolorystyczne

Przy ważnych księgach znaku warto przewidzieć przynajmniej jeden etap kontroli koloru poza monitorem.

• Proof cyfrowy (soft proof) – symulacja wyglądu CMYK na skalibrowanym monitorze z użyciem profilu drukarni; w Photoshopie można użyć opcji View > Proof Colors i wybrać docelowy profil ICC.
• Proof kontraktowy – wydruk próbny na certyfikowanej maszynie proofingowej, podpisany przez klienta i drukarnię jako wzorzec. To najlepsza baza do rozstrzygania sporów „za ciemne / za jasne”.

Na etapie proofu można jeszcze skorygować drobne przesunięcia nasycenia lub jasności kolorów korporacyjnych, by w realnym druku były jak najbliższe oczekiwaniom. Korekty tych wartości trzeba następnie przenieść do tabel kolorów w księdze znaku, aby w kolejnych materiałach posługiwać się aktualnymi danymi.

Kontrola kolorów w wersji cyfrowej (ekrany, prezentacje, web)

Standardy przestrzeni barwnych dla ekranów

Na ekranach panuje inna fizyka niż w druku. Głównym punktem odniesienia jest przestrzeń sRGB, bo to najbezpieczniejszy standard dla przeglądarek, prezentacji i większości urządzeń mobilnych.

Zasady dla wersji cyfrowej księgi znaku:

• wszystkie grafiki rastrowe (zrzuty ekranu, mockupy) eksportuj w profilu sRGB;
• unikaj umieszczania w pliku PDF obrazów w Adobe RGB czy Display P3, jeśli odbiorcy nie są zaawansowani technicznie – mogą otrzymać spłukane lub przesycone kolory w zależności od przeglądarki;
• przy definiowaniu kolorów dla webu za wartość nadrzędną przyjmij HEX, a wartości RGB traktuj jako pochodną (0–255).

Jeśli marka ma dedykowane style dla interfejsów (design system), księga znaku powinna odwoływać się do konkretnej biblioteki (np. Figma, Storybook) i jednoznacznie określać, który token kolorystyczny odpowiada danemu kolorowi korporacyjnemu.

Różnice między kolorami na różnych urządzeniach

Nawet idealnie przygotowane kolory HEX nie zagwarantują takiego samego odbioru na wszystkich ekranach. Telefony, laptopy, monitory biurowe i telewizory działają w różnych przestrzeniach, z różnymi temperaturami barwowymi i poziomami jasności.

Księga znaku może ograniczyć chaos przez:

• jasne wskazanie docelowej przestrzeni (sRGB) oraz tego, że jest to punkt odniesienia dla projektantów UI;
• propozycje minimalnego kontrastu (np. WCAG AA/AAA) pomiędzy kolorami tła i tekstu, które będą bezpieczne na większości ekranów;
• propozycje kolorów „roboczych” do prezentacji (np. delikatnie przyciemnione tła, aby slajdy nie „paliły” na rzutnikach).

Tip: w sekcji kolorystycznej możesz pokazać dwa–trzy przykłady porównawcze: ten sam kolor na ekranie referencyjnym, na telefonie w trybie podbicia nasycenia i na rzutniku. Uświadamia to interesariuszom, że odchyłki są normalne i nie są błędem projektanta.

Kolor a kontrast, dostępność i tryb ciemny

W wersji online kolor to nie tylko kwestia estetyki, ale też dostępności. Księga znaku powinna wskazywać kombinacje kolorów nadające się do tekstu, przycisków i ikon, z uwzględnieniem wymogów WCAG (Web Content Accessibility Guidelines).

Praktyczne elementy do opisania:

• zestawy primary / secondary / accent ze wskazaniem, które nadają się do tła, a które do tekstu i ikon;
• konkretne pary kolorów z poziomem kontrastu (np. 4.5:1 lub wyższym dla tekstu podstawowego);
• wytyczne dla trybu ciemnego (dark mode) – czy marka dopuszcza osobne palety, jakich odcieni nie używać na bardzo ciemnych tłach, jak traktować „brandowy” kolor w UI w dark mode.

Dobrze, jeśli księga podaje także linki do narzędzi online do sprawdzania kontrastu (contrast checkery) i krótką instrukcję: który kolor jest wzorcowy, a które odchyłki są dopuszczalne w interfejsach.

Formaty plików graficznych w wersji cyfrowej

Kolor w wersji online jest też pochodną formatu pliku i sposobu kompresji. Dla księgi znaku do użytku ekranowego kluczowe są:

• SVG – idealne dla logo i ikon w webie; zachowuje ostrość w każdej rozdzielczości, a kolor można modyfikować przez CSS (o ile nie jest osadzony jako outline z atrybutem „fill” na stałe);
• PNG – dobre dla grafik z przezroczystościami i ostrymi krawędziami, np. logo na transparentnym tle; należy pilnować, aby były w sRGB;
• JPEG – dla zdjęć i mockupów, gdzie akceptowalna jest kompresja stratna; trzeba dobrać stopień kompresji, aby nie wprowadzić artefaktów na gradientach;
• WebP / AVIF – coraz częściej stosowane w webie, szczególnie tam, gdzie ważna jest mała waga przy dobrej jakości; w księdze znaku można je rekomendować jako docelowe formaty serwowania obrazów na stronie www.

W sekcji dotyczącej kolorystyki online warto doprecyzować, które formaty są „oficjalne” dla logo w internecie (SVG jako główny, PNG jako fallback) oraz jakie warianty kolorystyczne należy eksportować (np. logo kolor, mono ciemne, mono jasne).

Organizacja plików źródłowych i linków do zasobów

Struktura folderów dla projektu brandbooka

Kiedy księga znaku się rozrasta, bez uporządkowanej struktury plików łatwo o chaos. Lepsza jest prosta, ale konsekwentna hierarchia niż rozbudowany system, którego nikt nie stosuje.

Przykładowa struktura:

/Brandbook
  /01_Source
    /InDesign
    /Assets_Linked
      /Logos
      /Icons
      /Photos
      /Mockups
  /02_Exports
    /Print_PDF
    /Screen_PDF
  /03_Packages
    /Logo_Pack
    /Fonts_Info

W folderze Assets_Linked umieszczane są wszystkie pliki podlinkowane w dokumencie DTP, nigdy nie rozproszone po dysku. Dzięki temu przeniesienie całego zestawu lub spakowanie go dla innego studia nie zerwie linków.

Zasada „single source of truth” dla logo i fontów

Księga znaku powinna jednoznacznie wskazywać, gdzie znajdują się „źródłowe” pliki logo i fontów, aby uniknąć mnożenia wariantów.

Centralne repozytorium i kontrola wersji

Przy kilku uczestnikach projektu lokalne foldery szybko przestają wystarczać. Wtedy pojawia się potrzeba centralnego repozytorium – jednego miejsca, które jest punktem odniesienia dla wszystkich.

Najprostsze warianty:

• folder sieciowy lub dysk chmurowy (SharePoint, Google Drive, Dropbox) z jasno opisaną strukturą i prawami dostępu;
• system DAM (Digital Asset Management) – z wersjonowaniem, metadanymi i wyszukiwaniem po tagach;
• repozytorium Git dla plików tekstowych/konfiguracyjnych (np. tokeny kolorów w JSON) plus chmura do ciężkich plików binarnych.

Uwaga: w jednym miejscu musi być przechowywana „prawda nadrzędna” (single source of truth), a w innych jedynie kopie robocze. Dobrze działa prosty zapis na początku księgi: link do folderu „Oficjalne logo i fonty” z datą i osobą odpowiedzialną za utrzymanie.

Przykład z praktyki: jeśli zespół UX aktualizuje paletę UI w Figmie, procedura powinna uwzględniać aktualizację tego samego koloru w tabeli kolorów w księdze znaku oraz podmianę plików CSS/JSON z tokenami w repozytorium. Brak tej synchronizacji powoduje, że każdy kanał „żyje swoim życiem”.

Oznaczanie wersji plików i nazewnictwo

Kolejny krytyczny element to konsekwentne nazewnictwo plików. Bez tego po roku nikt nie wie, który PDF jest „tym właściwym”.

Sprawdza się prosty schemat:

• Brandbook_NazwaMarki_v01-03_2024-04-20_PRINT.pdf
• Logo_NazwaMarki_primary_CMYK.ai
• Logo_NazwaMarki_primary_RGB-SCREEN.svg

Gdzie:

• v01-03 można rozumieć jako główną wersję księgi 01 i poprawkę 03 (minor update);
• data pomaga odróżnić wydania rozsyłane mailem od „świeższych” na dysku;
• dopisek PRINT / SCREEN natychmiast mówi, do jakiego kanału jest przeznaczony plik.

Tip: nazwy folderów i plików dostosuj do sortowania alfabetycznego. Dzięki temu najnowsza wersja (np. v02-00) pojawia się wyżej lub niżej w przewidywalny sposób.

Linki do zasobów zewnętrznych w księdze znaku

Współczesna księga znaku coraz częściej jest „hubem” do innych narzędzi, a nie tylko statycznym PDF-em. W treści dokumentu warto umieszczać:

• link do oficjalnego pakietu logo (ZIP) z opisem: „zestaw logotypów do druku i online”;
• link do Design Systemu (np. Figma, Zeroheight, Storybook), jeśli istnieje;
• link do biblioteki zdjęć brandowych (np. folder „Key Visuals” na dysku chmurowym lub system DAM);
• link do strony z informacją licencyjną o fontach i miejscem ich pobrania (jeżeli licencja na to pozwala).

Dobrą praktyką jest umieszczenie w stopce każdej strony krótkiego adresu URL (lub skrótu, np. brand.nazwafirmy.pl), pod którym zawsze znajduje się aktualny pakiet materiałów. Gdy ktoś trafi na stary PDF, nadal ma szansę szybko odnaleźć najświeższe pliki.

Bezpieczeństwo i uprawnienia do plików

Zasoby brandowe bywają wrażliwe: nie zawsze chcesz, aby każdy mógł pobrać wersję do druku w wektorze. Organizując repozytorium:

• wydziel poziom „zewnętrzny” – pliki dla partnerów, mediów, agencji (np. pakiet logo w PNG/SVG, PDF screen);
• wydziel poziom „wewnętrzny” – pliki źródłowe (AI, INDD, pakiety fontów, zdjęcia stockowe z licencjami);
• przejrzyście opisuj licencje – zwłaszcza przy fontach i zdjęciach, które nie mogą być dowolnie redystrybuowane.

Uwaga: jeżeli używasz fontów komercyjnych z licencją na konkretną liczbę stanowisk, nie umieszczaj otwartego linku do ich pobrania w publicznym PDF-ie. Zamiast tego podaj nazwę fontu, odnośnik do strony producenta i kontakt do osoby odpowiedzialnej za dystrybucję wewnętrzną.

Przygotowanie wersji do druku: ustawienia eksportu i preflight

Parametry eksportu PDF dla druku

Księga znaku do druku powinna być eksportowana jako PDF z ustawieniami spójnymi z wymaganiami drukarni. W praktyce oznacza to:

• standard PDF/X (najczęściej PDF/X‑1a, PDF/X‑3 lub PDF/X‑4 – zależnie od drukarni);
• profil wyjściowy dopasowany do środowiska druku (np. FOGRA39, FOGRA51, US Web Coated SWOP);
• wszystkie obrazy osadzone (embed) i przeliczone do przestrzeni CMYK lub Pantone;
• fonty osadzone w pliku (embed fonts), bez podmian na systemowe;
• wyłączone kompresje „rujnujące” – zwłaszcza mocne downsampling zdjęć poniżej 200–300 dpi w skali 1:1.

Jeśli drukarnia nie poda własnego presetu PDF, bezpiecznym punktem startu są presetty typu „PDF/X‑4:2008” z dopasowaniem profilu wyjściowego do regionu (Europa/USA) i typu druku (arkuszowy/rolowy).

Spady, marginesy i znaczniki drukarskie

Nawet jeśli księga znaku wygląda „książkowo”, technicznie jest to publikacja z wszystkimi wymaganiami DTP.

Podstawowe elementy:

• spad (bleed) – zwykle 3–5 mm; wszystkie elementy wychodzące na krawędź strony (tła, zdjęcia, kolorowe belki) powinny wychodzić na spad;
• bezpieczny margines – odstęp od krawędzi cięcia, w którym nie umieszcza się tekstów ani istotnych elementów (np. 6–10 mm);
• znaczniki cięcia, pasery, skale kolorystyczne – wymagane lub odradzane zależnie od drukarni; w księdze można odnotować, jakiego presetu używać, aby nie generować ich nadmiarowo.

Tip: jeśli ten sam plik ma być używany do druku i cyfrowego screen-PDF, przygotuj w dokumencie osobne warstwy na znaczniki i elementy „drukarskie”. W wersji ekranowej możesz je wyłączać przed eksportem.

Rozdzielczość obrazów i raster

Jakość ilustracji w księdze znaku jest równie ważna jak kolory. Dla druku offsetowego standardem jest:

• 300 dpi (ppi) w skali 1:1 dla zdjęć i mockupów;
• 600–1200 dpi dla bitmap z linią (np. skany rysunków, pismo techniczne) – jeśli się pojawiają;
• wszystkie logo i piktogramy jako wektory (AI, SVG, EPS) osadzone w dokumencie DTP.

Gdy klient dostarcza grafiki w niższej rozdzielczości, lepszym rozwiązaniem jest pokazanie ich jako przykład (z opisem „wizualizacja”), a nie jako „wzorcowe” zdjęcia w pełnym formacie na całą stronę. W samej księdze można dodać informację, jaka minimalna rozdzielczość jest wymagana przy tworzeniu materiałów reklamowych.

Sprawdzanie pliku przed oddaniem do druku (preflight)

Preflight (kontrola poprawności technicznej PDF) to etap, na którym wychwytuje się najczęstsze błędy: obrazki w RGB, brakujące fonty, zbyt niska rozdzielczość, niezamienione przezroczystości.

W praktyce:

• użyj narzędzia preflight w InDesignie, Acrobacie Pro lub oprogramowaniu drukarni;
• zdefiniuj profil preflightu pod księgi znaku (np. „Brandbook CMYK FOGRA39, 300 dpi, brak RGB”);
• uruchamiaj preflight przed każdym eksportem wersji „do druku”, a nie tylko na sam koniec projektu.

Częste błędy wykrywane przez preflight:

• logo wklejone jako PNG w RGB zamiast wektora w CMYK;
• zdjęcia o rozdzielczości 96–150 dpi rozciągnięte na całą stronę;
• czarny tekst składający się z czterech składowych CMYK (tzw. rich black) zamiast 100% K – ryzyko rozjechania rejestru i nieczytelności drobnych liter;
• niezamienione fonty niestandardowe na zagnieżdżone (embed), skutkujące podmianą na systemowe kroje u drukarza.

Uwaga: jeżeli drukarnia oferuje własny profil preflight, warto z niego skorzystać i dołączyć go jako odniesienie w sekcji technicznej księgi (np. krótka notka + link do pobrania).

Proof wydrukowany konkretnej księgi

Nawet przy dobrym proofie kolorystycznym ogólnych materiałów, księga znaku jest specyficznym dokumentem – zawiera dużo małych próbek kolorów, wykresów i siatek. Dlatego przy pierwszej edycji dobrze jest zamówić:

• jedną kopię próbnego wydruku całej księgi (na docelowym papierze);
• feedback od klienta i drukarni, czy teksty są czytelne, a próbki kolorów wystarczająco wyraźne;
• ewentualne korekty wielkości próbek, grubości siatek i linii pomocniczych (często drobne linie 0,25 pt znikają na słabszych maszynach).

Po korektach warto zaktualizować plik źródłowy i zapisać go pod nową wersją (np. v01-01) z notatką, że jest to „wersja po proofie”.

Przygotowanie wersji online: waga pliku, interaktywność, dostępność

Optymalizacja wagi pliku PDF dla ekranów

Wersja ekranowa brandbooka powinna ładować się szybko nawet na słabszych łączach. Nie ma sensu wysyłać mailem 200‑megabajtowego pliku tylko dlatego, że zawiera niepotrzebnie ciężkie mockupy.

Podstawowe techniki odchudzania:

• skalowanie rozdzielczości obrazów do 144–200 dpi w rozmiarze docelowym (dla ekranów to w zupełności wystarcza);
• używanie kompresji JPEG o rozsądnej jakości (np. 70–85%) dla zdjęć i mockupów – najlepiej sprawdzić wizualnie kilka próbek;
• zastąpienie „wklejonych” bitmap logo wersjami wektorowymi (mniejsza waga, wyższa jakość skalowania);
• usunięcie nieużywanych warstw, osieroconych stron roboczych i elementów testowych pozostawionych w pliku.

Tip: jeśli księga zawiera dużo powtarzających się mockupów i ilustracji, rozważ ich modularne podejście – jeden dobrze opisany przykład zamiast pięciu podobnych, z krótką notatką, że inne warianty są dostępne w osobnym pakiecie.

Interaktywność: spis treści, zakładki i linki

Księga znaku używana online powinna być możliwie wygodna w nawigacji. Kilka prostych funkcji PDF znacząco poprawia ergonomię:

• interaktywny spis treści – nagłówki w spisie treści linkujące do poszczególnych rozdziałów;
• zakładki (bookmarks) – struktura odpowiadająca hierarchii rozdziałów H1/H2/H3;
• linki do zasobów – klikalne adresy URL prowadzące do pakietów logo, biblioteki zdjęć czy design systemu;
• nawigacja wewnętrzna – linki „powrót do spisu treści” w kluczowych sekcjach, jeśli dokument jest bardzo długi.

Z technicznego punktu widzenia oznacza to włączenie obsługi hiperłączy przy eksporcie (InDesign/Illustrator) oraz unikanie rasteryzacji całych stron do jednego obrazu (taki „obrazowy PDF” traci interaktywność i dostępność).

Dostępność cyfrowa (WCAG) brandbooka

Jeżeli marka działa w środowisku publicznym lub korporacyjnym, często jest wymóg, aby dokumenty były zgodne z WCAG (Web Content Accessibility Guidelines) na poziomie AA. To dotyczy także księgi znaku.

Podstawowe elementy dostępności PDF:

• struktura nagłówków – logiczne H1/H2/H3 przeniesione do struktury tagów PDF;
• teksty jako teksty – unikaj zamiany całych stron na bitmapy; czytniki ekranu wtedy nic z nich nie odczytają;
• opisy alternatywne (alt-text) dla kluczowych grafik (logo, wykresy, schematy);
• kontrast kolorów – szczególnie tekst na kolorowych tłach, zgodny z minimalnymi poziomami (co najmniej 4.5:1 dla tekstu podstawowego);
• porządek odczytu (reading order) – poprawnie zdefiniowana kolejność dla czytników ekranu.

Najczęściej zadawane pytania (FAQ)

Jakie są główne różnice między księgą znaku do druku a wersją online?

Wersja do druku jest przygotowana pod proces poligraficzny: używa przestrzeni kolorów CMYK, posiada spady i znaczniki cięcia, obrazy co najmniej 300 ppi oraz eksport w standardzie PDF/X (najczęściej PDF/X-1a lub PDF/X-4). Taki plik może być „ciężki”, ale ma zachowywać się przewidywalnie na maszynie drukarskiej.

Wersja online działa w przestrzeni RGB, jest lżejsza (kompresja obrazów, mniejsza rozdzielczość) i nastawiona na wygodę użytkowania na ekranie: klikalny spis treści, zakładki, linki do paczek z logo. Zwykle to osobny eksport PDF z tego samego pliku źródłowego, ale z innymi ustawieniami.

Jak przygotować PDF księgi znaku do druku, żeby drukarnia go przyjęła bez poprawek?

Podstawą jest eksport w standardzie PDF/X, zgodnym z wymaganiami drukarni – najczęściej PDF/X-1a lub PDF/X-4. W pliku wszystkie elementy muszą być w CMYK (bez RGB), z dołączonym odpowiednim profilem ICC (np. FOGRA39, FOGRA51) oraz włączonymi spadami, zwykle 3–5 mm z każdej strony, i znacznikami cięcia.

Obrazy powinny mieć min. 300 ppi w docelowym rozmiarze druku, a ustawienia overprintu (naddruk) muszą być świadome: czarny tekst zazwyczaj na naddruku, kolory firmowe bez przypadkowego nadruku. Dobry preflight w InDesign lub Affinity Publisher wychwyci większość błędów jeszcze przed wysłaniem pliku.

Jakie ustawienia pliku wybrać dla księgi znaku online (PDF na stronę WWW)?

Dla wersji online kluczowe jest połączenie czytelności z małą wagą pliku. Ustaw przestrzeń kolorów na RGB, skompresuj obrazy (np. 150–200 ppi, JPEG z rozsądnym poziomem jakości), wyłącz spady oraz znaczniki cięcia i włącz obsługę zakładek PDF oraz linków (wewnętrznych i zewnętrznych).

Przy eksporcie zaznacz generowanie struktury dokumentu: spis treści oparty na nagłówkach, zakładki do głównych sekcji, klikalne odnośniki do paczek z logo (Dropbox, Google Drive, DAM). Taki plik jest wygodniejszy dla marketingu i podwykonawców, bo szybko przejdą do potrzebnego fragmentu.

Jak kontrolować zgodność kolorów w księdze znaku między drukiem a ekranem?

Punktem wyjścia są spójne definicje kolorów dla wszystkich przestrzeni: CMYK, Pantone (jeśli używane), RGB i HEX. Te wartości powinny być jednoznacznie wpisane w rozdziale „Kolorystyka” i stosowane konsekwentnie zarówno w pliku źródłowym, jak i w eksportach PDF.

W praktyce używa się profili ICC dopasowanych do procesu: inny dla druku (np. FOGRA39, FOGRA51), inny jako roboczy RGB (np. sRGB). Uwaga: perfekcyjna zgodność wizualna CMYK↔RGB jest niemożliwa, bo przestrzenie barw się różnią. Celem jest maksymalne zbliżenie, a nie identyczność – dobrze skalibrowany monitor i softproof (podgląd z użyciem profilu drukarni) bardzo w tym pomagają.

W jakim programie najlepiej zrobić profesjonalną księgę znaku do druku i online?

Najbezpieczniejszym wyborem jest Adobe InDesign, bo łączy solidny skład wielostronicowy, kontrolę nad CMYK, profilami ICC, preflightem i eksportem PDF/X. Dobrym odpowiednikiem jest Affinity Publisher – tańszy, ale również oferujący natywną obsługę CMYK i standardów poligraficznych.

Illustrator sprawdzi się przy krótkich dokumentach (kilka stron), bardziej jako wsparcie do logotypu niż pełnej księgi. Figma, Canva czy Keynote są przydatne do wersji typowo ekranowych lub prostych „light guide’ów”, lecz nie zastąpią profesjonalnego pliku produkcyjnego do druku.

Jak zaplanować strukturę księgi znaku, żeby łatwo robić zakładki i spis treści w PDF?

Najpierw trzeba ustalić logiczne rozdziały (np. Wprowadzenie, Logo, Pole ochronne, Kolorystyka, Typografia, Zastosowania, Pliki źródłowe) i odwzorować je w programie składu za pomocą hierarchii nagłówków (H1, H2, H3). Na tej bazie generuje się automatyczny spis treści oraz zakładki PDF przy eksporcie.

Tip: rozdziały mapuj na sekcje dokumentu (Sections) z osobną logiką numeracji, np. 1, 1.1, 1.2; 2, 2.1 itd. Dzięki temu, gdy kiedyś dojdzie nowy podrozdział lub osobny PDF „tylko logo i kolory”, numeracja i linki nie rozsypią się przy aktualizacji treści.

Czy da się przygotować jedną uniwersalną wersję księgi znaku do druku i online?

Technicznie tak, ale w praktyce jest to kompromis, który zwykle nie zadowala ani drukarni, ani osób pracujących wyłącznie na ekranie. Plik do druku bywa za ciężki do wysyłki mailem i nie ma interaktywnej nawigacji, a wersja online zoptymalizowana pod RGB i mniejszą wagę nie będzie idealna dla maszyn drukarskich.

Dlatego optymalny workflow to jedno „źródło prawdy” (np. plik InDesign) oraz dwa różne eksporty: wersja druk (PDF/X, CMYK, spady) i wersja online (PDF RGB, lżejsze obrazy, linki, zakładki). Aktualizuje się jeden plik źródłowy, ale dystrybuuje dwie dopasowane technicznie wersje.