> [Site index](https://perfectvector.com/llms.txt) — available pages and descriptions. # Jak stworzyć jednokolorowe logo bez utraty projektu > Zmień wielokolorowe logo na jeden jednolity kolor, zachowując istotne detale. Użyj pustych obszarów, sprawdź jasne i ciemne tła oraz małą wersję. Source: https://perfectvector.com/pl/blog/one-color-logo-negative-space Language: pl Author: Irene Kim Published: 2026-10-07T08:00:00+09:00 Updated: 2026-10-08T08:00:00+09:00 Aby stworzyć jednokolorowe logo, nadaj malowanej grafice jeden jednolity kolor i w razie potrzeby zachowaj istotne detale wewnętrzne jako puste obszary. Zmiana każdego wypełnienia na czerń może ukryć symbol widoczny wcześniej wyłącznie dzięki innemu kolorowi. Zacznij od zatwierdzonego wektorowego pliku głównego lub istniejącego wariantu jednokolorowego. Pracuj na kopii, ustal, które detale muszą przetrwać, a następnie sprawdź wynik na więcej niż jednym tle i w docelowym rozmiarze. Poniższy przykład wykorzystuje autorski emblemat i błyskawicę, aby pokazać decyzję projektową oraz stojącą za nią geometrię SVG. ## Zacznij od zatwierdzonych plików logo Przed przerysowaniem znaku poproś właściciela marki o plik jednokolorowy. Marka może już mieć oddzielne wersje pełnokolorowe, jednokolorowe i odwrócone, każdą zatwierdzoną dla określonych teł. Na przykład [wytyczne znaku Penn State](https://brand.psu.edu/visual-identity-standards/color-and-the-mark) opisują wersję jednokolorową z przezroczystymi obszarami wewnętrznymi i ostrzegają przed tworzeniem jej przez przemalowanie innego wariantu. To reguła konkretnej marki, ale pokazuje, dlaczego dostarczony wariant jednokolorowy może różnić się od pliku pełnokolorowego. Jeśli projekt należy do ciebie i musisz utworzyć wariant, zbierz razem: * Nietknięty oryginał i edytowalną kopię roboczą * Listę cech rozpoznawczych, takich jak symbol wewnętrzny lub otwór litery * Najmniejszy docelowy rozmiar wyświetlania i prawdopodobne kolory tła * Akceptowany przez odbiorcę format pliku i wymagania farby, jeśli projekt będzie drukowany SVG jest plikiem grafiki wektorowej, ale może zawierać obraz pikselowy zamiast edytowalnych kształtów. Jeśli zachował się tylko PNG lub JPG, [poradnik wektoryzacji logo](https://perfectvector.com/pl/blog/how-to-vectorize-a-logo) wyjaśnia odzyskiwanie źródła. Odzyskanie kształtów i zaprojektowanie wersji jednokolorowej to oddzielne decyzje. ## Ustal, które granice muszą pozostać Wyobraź sobie niebieski okrągły emblemat z żółtą błyskawicą. Granica kolorów sprawia, że błyskawica jest widoczna. Nadanie obu kształtom tego samego grafitowego wypełnienia pozostawia zwykłe koło: ścieżki nadal istnieją, lecz wspólne malowanie ukrywa wewnętrzne rozróżnienie. Przestrzeń negatywowa jest niezamalowanym obszarem odsłaniającym powierzchnię za grafiką. Zamiana błyskawicy w pusty obszar zachowuje motyw, a emblemat używa jednego malowanego koloru. | Detal oryginału | Decyzja dla wersji jednokolorowej | | ------------------------------------------ | ------------------------------------------------------------------ | | Istotny symbol wewnętrzny | Zachowaj jego granicę, ewentualnie jako pusty otwór | | Ozdobna zmiana koloru | Usuń ją, jeśli projekt nadal jest czytelny | | Otwór litery lub przerwa między elementami | Zachowaj odstęp wystarczający do widoczności w docelowym rozmiarze | Niektóre logo wymagają tylko zamiany wypełnienia. W tym przypadku użyj [poradnika zmiany koloru SVG](https://perfectvector.com/pl/blog/how-to-change-svg-color). Jeśli zachowujesz kilka kolorów i łączysz zbliżone odcienie, najpierw zastosuj [proces redukcji palety](https://perfectvector.com/pl/blog/reduce-svg-colors). ![Schematyczna sekwencja od niebieskiego emblematu z żółtą błyskawicą przez zwykłe grafitowe koło do grafitowego emblematu z pustą błyskawicą](https://perfectvector.com/blog/one-color-logo-negative-space/negative-space-concept.webp) *Ilustracja koncepcyjna: ujednolicenie koloru ukrywa błyskawicę; pusta przestrzeń zachowuje jej granicę. Poniższy kod SVG jest oddzielnie sprawdzonym przykładem cyfrowym.* ## Zbuduj otwór w geometrii SVG Aby odtworzyć przykład, zapisz oryginalną grafikę jako `original.svg`. Ścieżka jest kształtem opisanym instrukcjami rysowania; ten plik ma jedną zamkniętą ścieżkę emblematu i drugą błyskawicy. ```svg ``` 1. Otwórz oryginał w przeglądarce, aby zobaczyć dwukolorowy projekt. 2. Zapisz drugą kopię i zastąp oba wypełnienia wartością `#111827`. Otwórz ponownie. Błyskawica zlewa się teraz z emblematem. 3. Zapisz poniższy zmieniony kod jako `one-color.svg`. Zachowuje te same współrzędne rysunku, ale umieszcza oba kontury w jednej ścieżce. 4. Otwórz zmieniony plik na jasnym i ciemnym tle, a następnie sprawdź go w docelowym rozmiarze. ```svg ``` `fill-rule` określa, które obszary wewnątrz ścieżki otrzymują wypełnienie. W tym zagnieżdżonym przykładzie `evenodd` pozostawia obszar błyskawicy niezamalowany. [Specyfikacja SVG fill-rule](https://www.w3.org/TR/SVG2/painting.html#FillRuleProperty) definiuje to zachowanie. Plik zawiera jedno jednolite wypełnienie i nie ma białego kształtu na wierzchu ani prostokąta tła. Taki otwór możesz też utworzyć w edytorze wektorowym. [Dokumentacja ścieżek złożonych Adobe](https://helpx.adobe.com/illustrator/desktop/manage-objects/reshape-transform-objects/create-compound-paths.html) wyjaśnia przezroczyste obszary i dostępne reguły wypełnienia. Ten kod jest autorskim SVG, a nie eksportem Illustratora; użyj udokumentowanych kontrolek edytora i ponownie otwórz zapisany wynik, aby sprawdzić otwór. ## Sprawdź tło i małą wersję Umieść zmienione logo na bieli i kontrastującym ciemnym lub kolorowym tle. Błyskawica powinna odsłaniać każde tło. Błyskawica pomalowana na biało pozostałaby biała na kolorowym tle, nawet jeśli na bieli wyglądałaby jak otwór. Dla tego autorskiego przykładu wyrenderowaliśmy zapisane pliki w rozmiarach 256 i 32 pikseli za pomocą Sharp z librsvg. W obu rozmiarach próbka wnętrza zmienionej błyskawicy miała alfę 0, czyli pełną przezroczystość. Jednokolorowy wariant kontrolny był w tym samym punkcie nieprzezroczysty i grafitowy; oddzielny wariant z białą nakładką był nieprzezroczysty i biały. To cyfrowe kontrole autorskich plików, a nie wyniki drukarki lub aplikacji importującej. W rzeczywistym widoku 32 pikseli zmieniona błyskawica pozostała rozpoznawalna na sprawdzonych tłach białym i łupkowym. Ustanawia to użyteczną kontrolę tego przykładu; nie określa minimalnego rozmiaru innego logo. Oglądaj własny projekt w rzeczywistym rozmiarze użycia, zamiast oceniać wyłącznie powiększony obszar roboczy. Przed zaakceptowaniem wariantu sprawdź, czy: * Istotny wewnętrzny motyw nadal jest czytelny zgodnie z zamiarem. * Puste obszary odsłaniają tło zamiast białej namalowanej plamy. * Małe przerwy i otwory liter pozostają widoczne w wybranym rozmiarze. * Zapisany plik otwiera się ponownie z zamierzoną geometrią i jednym jednolitym kolorem. Aby utworzyć biały odwrócony wariant przykładu, zmień wypełnienie poprawionej ścieżki na `#ffffff` i zachowaj ten sam pusty obszar błyskawicy. Sprawdź go na ciemnym tle. Odwrócony plik marki może wymagać innej geometrii, więc stosuj dostarczoną wersję marki, jeśli istnieje. ## Napraw wariant tracący szczegóły | Co widzisz | Co zmienić | | ------------------------------------------------------ | --------------------------------------------------------------------------------------------------------------- | | Symbol wewnętrzny znika po zmianie koloru | Przywróć granicę świadomie utworzoną pustą przestrzenią lub użyj zatwierdzonego wariantu jednokolorowego | | Rzekomy otwór pozostaje biały na kolorowej powierzchni | Usuń namalowaną nakładkę i utwórz rzeczywisty pusty obszar | | Przerwa staje się nieczytelna w wybranym rozmiarze | Poszerz ją lub uprość w granicach zasad zatwierdzania projektu, a potem powtórz kontrolę małego rozmiaru | | Otwór wypełnia się po imporcie do aplikacji docelowej | Sprawdź zaimportowane ścieżki i regułę wypełnienia; w razie potrzeby odtwórz tam otwór i sprawdź zapisany wynik | Nie zamieniaj każdego kolorowego obszaru w otwór. Rozbłysk może być zbędny, a otwór litery niesie znaczenie. Decyduj według cech rozpoznawczych projektu, a potem porównaj wariant z oryginałem. Jeśli istotnie zmieniasz sylwetkę lub wewnętrzne proporcje, uzyskaj zatwierdzenie nowego wariantu przed użyciem go jako znaku marki. ## Oddziel wymagania przekazania od projektu Zapisz pełnokolorowy plik główny, ciemny wariant jednokolorowy i każdą zatwierdzoną białą wersję odwróconą jako oddzielne pliki. Zachowaj wspólny obszar roboczy i położenie, jeśli mają zastępować się w układach. Jedno jednolite wypełnienie SVG nie nazywa drukarskiej farby dodatkowej ani nie tworzy płyty produkcyjnej. Potwierdź z odbiorcą wymaganą nazwę koloru, fizyczny rozmiar, akceptowany typ pliku i założenia dotyczące tła. [Poradnik formatów plików logo](https://perfectvector.com/pl/blog/logo-file-formats) opisuje wybór edytowalnego pliku głównego i formatów przekazania. Więcej tematów przygotowania znajdziesz w [poradnikach logo i grafiki](https://perfectvector.com/blog/topics/logo-artwork). ## Jeśli jedynym źródłem jest PNG lub JPG Dla odpowiedniego zachowanego logo rastrowego [wektoryzator logo PerfectVector](https://perfectvector.com/pl/vectorize-logo) może pomóc odzyskać kształty SVG. Podgląd jest chronionym widokiem rastrowym; właściwa edycja i eksport SVG stają się dostępne po odblokowaniu wyniku. Sprawdź odzyskane kształty przed użyciem ich do budowy wariantu jednokolorowego. Trasowanie pikseli nie rozstrzyga, który detal powinien stać się pustą przestrzenią. Jeśli źródło ma rozmyte krawędzie, brakujące otwory lub niewidoczną granicę między dwoma obszarami, użyj zatwierdzonego pliku głównego lub świadomie przerysuj brakujący element. Powtórz kontrole tła i małego rozmiaru po każdej zmianie geometrii. ## FAQ **Czym jest jednokolorowe logo?** Jednokolorowe logo używa jednego jednolitego malowanego koloru. Jego puste obszary odsłaniają tło. Ciemna wersja i biała wersja odwrócona są oddzielnymi wariantami, a nie dwoma kolorami namalowanymi razem w jednym znaku. **Czy wystarczy zmienić każde wypełnienie na czarne?** Czasami. Jeśli kolor jest jedyną granicą między istotnym symbolem a otoczeniem, jednakowe wypełnienia ukryją symbol. Zachowaj granicę dzięki pustej przestrzeni lub użyj zatwierdzonego pliku jednokolorowego. **Czy muszę trasować logo, które jest już grafiką wektorową?** Nie. Pracuj z istniejącymi edytowalnymi kształtami i zachowaj oryginał. Trasowanie to etap odzyskiwania źródła z odpowiedniego obrazu pikselowego, a nie wymóg tworzenia wariantu jednokolorowego z geometrii wektorowej. **Czy białe wypełnienie SVG automatycznie oznacza biały tusz?** Nie. Białe wypełnienie opisuje kolor malowania grafiki, a pusta przestrzeń jest niezamalowana. Drukarnia określa, jak należy wskazać i dostarczyć biały tusz w swoim procesie produkcyjnym. ## Źródła 1. [Penn State: kolor i znak](https://brand.psu.edu/visual-identity-standards/color-and-the-mark) — nazwany przykład zatwierdzonych jednokolorowych i odwróconych wariantów marki, także z przezroczystymi obszarami wewnętrznymi. 2. [Adobe: tworzenie ścieżek złożonych](https://helpx.adobe.com/illustrator/desktop/manage-objects/reshape-transform-objects/create-compound-paths.html) — opisuje przezroczyste obszary, reguły wypełnienia i kierunek ścieżek w ścieżkach złożonych Illustratora. 3. [W3C: SVG 2 fill-rule](https://www.w3.org/TR/SVG2/painting.html#FillRuleProperty) — określa, które obszary ścieżki złożonej otrzymują wypełnienie w natywnym przykładzie SVG. *** Masz tylko PNG lub JPG? [Przekształć logo w edytowalny SVG](https://perfectvector.com/pl/vectorize-logo), odblokuj wynik i sprawdź odzyskane kształty przed utworzeniem i kontrolą jednokolorowego wariantu. ## Explore - [Read the HTML article](https://perfectvector.com/pl/blog/one-color-logo-negative-space) - [Grafika metki tkanej: czytelne logo w małym rozmiarze](https://perfectvector.com/pl/blog/woven-label-logo-artwork.md) - [Pole ochronne logo: oblicz i zachowaj margines](https://perfectvector.com/pl/blog/logo-clear-space-calculation.md) - [Product facts](https://perfectvector.com/product-facts.md) - [FAQ](https://perfectvector.com/faq.md) - [Pricing and credits](https://perfectvector.com/pricing.md)