Artwork Guidelines/pl: Difference between revisions

From FreeCAD Documentation
(Created page with "Opierając się na głównym kolorze ikony, upewnij się, że istnieje ciemny kontur 2px, jak wspomniano wcześniej. Działa to w połączeniu z podświetleniem, aby zapewnić dobry kontrast formy na wielu odcieniach tła.")
(Created page with "{| class="wikitable" style="width:70%;" |- |style="width: 25%;"|Nie jestem w stanie rozróżnić wszystkich szczegółów. |Wybrane kolory mają słaby kontrast wartości. Spróbuj użyć kolorów, które są bardziej oddalone od siebie w palecie 4 tonów, to znaczy, że podświetlona zieleń obok podświetlonej żółci będzie trudna do zobaczenia, obniż jeden z tych kolorów do poziomu podstawowego lub ciemnego. |}")
 
(28 intermediate revisions by the same user not shown)
Line 126: Line 126:


[[File:Draft_Point.svg|x128px]] [[File:Draft_Point_backgrounds.svg|x128px]]
[[File:Draft_Point.svg|x128px]] [[File:Draft_Point_backgrounds.svg|x128px]]
{{Caption|The dark edge of the icon is the outline.}}
{{Caption|Ciemna krawędź ikony to kontur.}}


{| class="wikitable" style="width:70%;"
{| class="wikitable" style="width:70%;"
|-
|-
|style="width:25%;"|Why is the outline needed?
|style="width:25%;"|Dlaczego kontur jest potrzebny?
|Kontur jest szkieletem, na którym wszystko inne wisi, dodając kontrast formy. Użycie koloru konturu lub ciemnego koloru zależy od sytuacji, ale bez tej linii zakres tła, na którym ikona jest widoczna, zostaje drastycznie ograniczony
|The outline is the skeleton on which everything else hangs by adding form contrast. Using the Outline color or the Dark color depends on the situation, but without this line, the range of backgrounds on which the icon is visible gets drastically limited
|-
|-
|Jak mogę się do tego zastosować?
|How do I comply with this?
|Wystarczy dodać obrys 2px wokół każdej części ikony, która będzie przylegać do koloru tła, czyli kontur jest dla obrysów zewnętrznych. W przypadku kształtów, które mają otwór w środku, na przykład oponka pączek, kontur należy również dodać do wewnętrznego otworu. Przyciągaj węzły ścieżki do siatki, gdy tylko jest to możliwe, celując w mniejsze przecięcia siatki.
|Simply add a stroke of 2px around every part of the icon that will be adjacent to the background color, that is, the outline is for external strokes. In case of shapes that have a hole in the middle, for example, a donut, the outline should also be added to the interior hole. Snap your path's nodes to the grid whenever possible, aiming for the minor grid intersections.
|}
|}


==Highlight==
<span id="Highlight"></span>
==Podświetlenie==


{{Emphasis|Strongly advised}}
{{Emphasis|Zdecydowanie zalecane}}


Używając koloru podświetlenia, dodaj wewnętrzny obrys o wielkości 2 pikseli, aby kontur był bardziej widoczny. Na ciemnych tłach to właśnie to podświetlenie będzie stanowić formę ikony.
Using the Highlight color, add an internal stroke of 2px to help make that outline pop. On dark backgrounds, it's this highlight what will be providing the form to the icon.


[[File:Draft_Move.svg|x128px]] [[File:Draft_Move_backgrounds.svg|x128px]]
[[File:Draft_Move.svg|x128px]] [[File:Draft_Move_backgrounds.svg|x128px]]
{{Caption|The light highlight helps in dark backgrounds.}}
{{Caption|Jasne podświetlenie jest pomocne na ciemnym tle.}}


{| class="wikitable" style="width:70%;"
{| class="wikitable" style="width:70%;"
|-
|-
|style="width:25%;"|Why use the highlight?
|style="width:25%;"|Dlaczego warto używać podświetlenia?
|Podświetlenie działa w połączeniu z konturem, aby poprawić kontrast formy, szczególnie na ciemnych tłach. Nigdy nie jest to zły pomysł, ale jeśli nie masz miejsca, na przykład masz bardzo cienką linię, możesz z niego zrezygnować, pod warunkiem, że zapewniłeś wystarczający kontrast między głównym kolorem a konturem.
|The highlight works in unison with the outline to improve form contrast, especially on dark backgrounds. It is never a bad idea, but if you don't have the space, for example, you have a very thin line, you can opt out of it provided you have ensured enough contrast between the main color and the outline.
|-
|-
|Jak mogę się do tego zastosować?
|How do I comply with this?
|Podobnie jak w przypadku obrysu, po prostu narysuj kontur o szerokości 2 pikseli wokół wewnętrznej strony obrysu, przyciągając węzły do siatki, jeśli to możliwe, celując w mniejsze przecięcia siatki.
|Just like the outline, simply trace a stroke of 2px around the internal side of the outline, snapping nodes to the grid when possible, aiming for the minor grid intersections.
|}
|}


==Lighting==
<span id="Lighting"></span>
==Podświetlenie==


{{Emphasis|Optional}}
{{Emphasis|Opcjonalne}}


Zgodnie z wytycznymi Tango, jeśli dodajesz efekt oświetlenia gradientowego, postaraj się, aby wyglądało na to, że światło pochodzi z lewego górnego rogu. Odbywa się to poprzez dodanie koloru podświetlenia w lewym górnym rogu i koloru bazowego lub ciemnego w prawym dolnym rogu. Zauważ, że używane są tylko kolory z palety.
As per Tango guidelines, if you're adding a gradient lighting effect, try to make it look like the light is coming from the top left. This is done by adding the highlight color up top left and the Base or Dark color bottom right. Notice that only palette colors are used.


[[File:Draft_Clone.svg|x128px]] [[File:Draft_Clone_backgrounds.svg|x128px]]
[[File:Draft_Clone.svg|x128px]] [[File:Draft_Clone_backgrounds.svg|x128px]]
{{Caption|Subtle lighting effect coming from top left.}}
{{Caption|Subtelny efekt podświetlenia od lewego górnego rogu.}}


{| class="wikitable" style="width:70%;"
{| class="wikitable" style="width:70%;"
|-
|-
|style="width:25%;|Why use lighting?
|style="width:25%;|Dlaczego warto używać oświetlenia?
|Lighting is just another way to tie icons together and ensure that there are varying levels of [https://en.wikipedia.org/wiki/Lightness "value"] to improve their readability. Provided the outline and highlight are present though, it can be considered optional
|Oświetlenie to tylko kolejny sposób na powiązanie ikon i zapewnienie różnych poziomów [https://en.wikipedia.org/wiki/Lightness "wartości"] w celu poprawy ich czytelności. Pod warunkiem jednak, że kontur i podświetlenie obecne, można je uznać za opcjonalne
|-
|-
|Jak mogę się do tego zastosować?
|How do I comply with this?
|Ustaw wypełnienie jako gradient liniowy lub radialny. W Inkscape jest to dostępne w ustawieniach obrysu i wypełnienia; za pomocą "F2" można przesuwać węzły gradientu, aby upewnić się, że są pod odpowiednim kątem.
|Set the fill to be a linear or a radial gradient. In Inkscape this is available in the stroke and fill settings; with "F2" it is possible to move the nodes of the gradient around to make sure they are at the right angle.
|}
|}


<span id="Recommended_recording_format"></span>
== Recommended recording format ==
==Zalecany format zapisu==


All icons should be created in [[SVG|SVG]] format with a vector image application, such as [http://inkscape.org Inkscape].
Wszystkie ikony powinny być tworzone w formacie [[SVG/pl|SVG]] za pomocą aplikacji do tworzenia obrazów wektorowych, takiej jak [http://inkscape.org Inkscape].
Ułatwia to wprowadzanie zmian i tworzenie dodatkowych ikon w tej samej przestrzeni aplikacji.
This makes it easier to apply changes and derive additional icons in the same application space.


When committing icons to be used directly by FreeCAD (in a *.qrc file), save them as "Plain SVG". This will reduce the icon size and save the disk and memory space.
Podczas zapisywania ikon, które mają być używane bezpośrednio przez FreeCAD ''(w pliku *.qrc)'', należy zapisać je jako "Plain SVG". Zmniejszy to rozmiar ikony i zaoszczędzi miejsce na dysku i w pamięci.


<span id="Closing_remarks"></span>
==Closing remarks==
==Uwagi końcowe==


Pamiętaj: '''SALCHO''', ''('''S'''troke, '''A'''lignment, '''L'''ighting, '''C'''olor, '''H'''ighlight, '''O'''utline)'' Obrys, Wyrównanie, Oświetlenie, Kolor, Podświetlenie, Kontur
Remember: '''SALCHO''', Stroke, Alignment, Lighting, Color, Highlight, Outline


Oto kilka wskazówek, jak sprawdzić swoją pracę.
Here are some tips to check your work.


<span id="Checking_size"></span>
===Checking size===
===Sprawdzanie rozmiaru===


Inkscape has a handy tool to check your icon at various sizes. Go to {{MenuCommand|View → Icon Preview...}} and it'll show you previews of your icon resized to 16, 24, 32 and 64 pixels.
Inkscape posiada przydatne narzędzie do sprawdzania ikon w różnych rozmiarach. Przejdź do {{MenuCommand|View → Icon Preview...}}, by zobaczyć podgląd ikony w rozmiarze 16, 24, 32 i 64 pikseli.


<span id="Checking_your_outline"></span>
===Checking your outline===
===Sprawdzanie konturu===


# Umieść ikonę na dużym prostokącie, który ma ten sam kolor co najciemniejszy kolor ikony.
# Put your icon on a big rectangle that is the same color as the darkest color in your icon.
# Nadal wygląda OK? Świetnie. Przejdź do następnego kroku. Jeśli nie, dostosuj podświetlenie.
# Still looks OK? Great. Go to the next step. If not, adjust the highlight.
# Zrób to samo, ale tym razem używając najjaśniejszego koloru.
# Do the same but this time using the lightest color.
# Nadal wygląda dobrze? Świetnie. Kontury i podświetlenia zostały użyte prawidłowo. W przeciwnym razie dostosuj kontur.
# Still looks OK? Great. Outlines and highlights have been used appropriately. Otherwise, adjust the outline.


[[File:Draft_Move_backgrounds_outline.svg|x128px]]
[[File:Draft_Move_backgrounds_outline.svg|x128px]]
{{Caption|Testowanie ikony na tle najciemniejszego i najjaśniejszego koloru.}}
{{Caption|Testing the icon against the darkest and lightest colors as background}}


{| class="wikitable" style="width:70%;"
{| class="wikitable" style="width:70%;"
|-
|-
|style="width: 25%;"|My icon is barely visible.
|style="width: 25%;"|Moja ikona jest ledwo widoczna.
|Masz słaby kontrast kształtu. Dokładnie sprawdź kontur i podświetlenie, prawdopodobnie brakuje jednego z nich lub są one nieprawidłowo zastosowane.
|You have poor form contrast. Double check the outline and highlight, one of these is probably missing or improperly applied.
|}
|}


<span id="Checking_your_contrast"></span>
===Checking your contrast===
===Sprawdzanie kontrastu===


# Export your icon from SVG to a bitmap format, like {{incode|.png}} or {{incode|.jpg}}.
# Wyeksportuj ikonę z SVG do formatu bitmapy, takiego jak {{incode|.png}} lub {{incode|.jpg}}.
# Load your bitmap in an image program, and change it to grayscale. For example, in GIMP you would go to {{MenuCommand|Image → Mode → Grayscale}}.
# Załaduj bitmapę do programu graficznego i przekształć do odcieni szarości. Na przykład, w programie GIMP należy przejść do {{MenuCommand|Image → Mode → Grayscale}}.
# Inkscape allows you to convert the SVG directly to grayscale using {{MenuCommand|Extensions → Color → Grayscale}}.
# Inkscape pozwala na bezpośrednią konwersję SVG do skali szarości za pomocą {{MenuCommand|Extensions → Color → Grayscale}}.
# Czy nadal wyraźnie widać wewnętrzne szczegóły? Świetnie. Kontrast jest dobry.
# Can you still clearly make out any internal details? Great. The contrast is good.


Obraz w skali szarości pozwala łatwiej zidentyfikować problemy z kontrastem, ponieważ obecna jest tylko mieszanka czerni i bieli. Testowanie obrazów w skali szarości jest również dobre dla użytkowników niewidzących kolorów. Jeśli widzą oni szczegóły na obrazie w skali szarości, to kontrast w pełni kolorowego obrazu jest prawdopodobnie również dobry.
A grayscale image allows you to more easily identify problems in contrast, as only a mix of black and white is present. Testing grayscale images is also good for colorblind users. If they can see the details in a grayscale image, then the contrast of the fully colored image is probably good as well.


[[File:Draft_Move_contrast_grayscale.svg|x128px]]
[[File:Draft_Move_contrast_grayscale.svg|x128px]]
{{Caption|Testing the icon's contrast in grayscale}}
{{Caption|Testowanie kontrastu ikony w skali szarości.}}


{| class="wikitable" style="width:70%;"
{| class="wikitable" style="width:70%;"
|-
|-
|style="width: 25%;"|I can't make out all the details.
|style="width: 25%;"|Nie jestem w stanie rozróżnić wszystkich szczegółów.
|Wybrane kolory mają słaby kontrast wartości. Spróbuj użyć kolorów, które są bardziej oddalone od siebie w palecie 4 tonów, to znaczy, że podświetlona zieleń obok podświetlonej żółci będzie trudna do zobaczenia, obniż jeden z tych kolorów do poziomu podstawowego lub ciemnego.
|The colors you've chosen have poor value contrast. Try using colors that are further apart in your 4 tone palette, that is, a highlight green beside a highlight yellow will be difficult to see, knock one of those colors down to Base or Dark.
|}
|}



Latest revision as of 08:56, 22 October 2023

Wprowadzenie

Uwaga: wszystkie ikony w drzewie źródłowym, zobacz na stronie grafika.

Ikona FreeCAD składa się z 6 elementów, które można zapamiętać za pomocą akronimu SALCHO: Stroke, Alignment, Lighlighting, Color, Highlighting, Outline.

Oto konkretny, aczkolwiek dowolny przykład:

A Kolor podświetlenia jest używany na całej powierzchni, aby wskazać światło padające z góry.
B Obowiązkowy ciemny kontur otacza kształt ikony, aby zapewnić kontrast kształtu.
C Obrys wewnątrz konturu (kolor podświetlenia) zapewnia kontrast na ciemnym tle.
D Ta powierzchnia ma głównie kolor bazowy, ale jasny gradient od podświetlenia (u góry po lewej) do bazy (u dołu po prawej) sprawia wrażenie światła padającego z góry po lewej.
E Podświetleniem jest tutaj kolor bazowy (o jeden ton niższy), aby sprawić wrażenie, że jest to twarz najbardziej oddalona od światła.
F Ta powierzchnia jest podobna do D, ale przechodzi od podstawy (lewy górny róg) do ciemności (prawy dolny róg), aby wskazać, że jest to powierzchnia najbardziej oddalona od światła.

Poniższe sekcje wyjaśniają te elementy bardziej szczegółowo.

Ikona ta jest wyświetlana w następujący sposób:

64 px, oryginalny rozmiar, duże przyciski.
32 px, średni rozmiar, zwykłe przyciski.
16 px, mały rozmiar, tak jak pojawia się w widoku drzewa.

Kolory

Obowiązkowe

FreeCAD używa palety zaadaptowanej z palety Tango. Każdy główny kolor ma 4 odcienie: Podświetlenia, Bazy, Ciemnego i Konturu. Zauważ, że Kontur nie jest całkowicie czarny, ale jest bardzo ciemną odmianą Bazy.

Przykład 4-tonowej rodziny kolorów (Kameleon).

Zobacz paletę FreeCAD, aby zapoznać się z pełną gamą. Wybór niektórych kluczowych kolorów.

Żółtych tonów należy używać w przypadku narzędzi, które tworzą obiekty. Jako przykład można podać środowiska pracy Część i Rysunek Roboczy.
Używaj niebieskich odcieni dla narzędzi, które modyfikują obiekty. Jako przykład, zobacz środowiska pracy Część i Rysunek Roboczy.
Używaj odcieni turkusu dla narzędzi związanych z widokiem; przykład można znaleźć w menu Widoku.
Używaj czerwonych tonów dla narzędzi związanych z wiązaniami. Przykład można znaleźć w środowisku pracy Szkicownik.
Dlaczego ograniczać się do tych kolorów? Ograniczenie kolorów do określonej palety pomaga uniknąć niejednorodnej ikonografii i poprawia czytelność w przypadku wielu ikon.
Jak używać palety FreeCAD? Instalacja palety jest tak prosta, jak skopiowanie jej do folderu palety Inkscape.

Szerokość siatki i obrysu

Obowiązkowe

Ikony FreeCAD mają nominalny rozmiar 64 pikseli zarówno w szerokości, jak i wysokości. Podczas tworzenia lub edycji ikony należy upewnić się, że rozmiar dokumentu wynosi 64 x 64, a jednostkami są piksele (px). Pozostawienie wewnętrznego marginesu 2px pustej przestrzeni wokół obszaru dokumentu jest przydatne, ponieważ zapobiega efektom takim jak antyaliasing (rozmycie krawędzi). Oznacza to, że przestrzeń użytkowa dla ikony powinna wynosić 60 x 60, a krawędzie powinny pozostać puste.

Narysuj ikonę wewnątrz niebieskiego obszaru, a wszystko będzie działać poprawnie.

Zdecydowanie zaleca się również użycie siatki wizualnej, która ma mniejszą linię siatki co piksel i główną linię siatki co 2 piksele. Obrysy ikony powinny być wyrównane wzdłuż przecięć siatki pomocniczej.

Obrysy nie powinny być cieńsze niż 2px, z zaokrąglonymi nakładkami i narożnikami w większości przypadków. Obrysy mogą być grubsze, ale powinny być wielokrotnością 2 pikseli, aby zminimalizować rozmycie skalowania.

Siatka z obrysami będącymi wielokrotnością 2px.

Dlaczego używana jest ta siatka i rozmiar obrysu? Ze względów historycznych FreeCAD używa ikony 64x64, która jest następnie skalowana w dół. Nie jest to idealne rozwiązanie, ale dodaje charakteru. W rezultacie utrzymywanie rzeczy wyrównanych do siatki potęgi dwójki i grubości będących potęgami dwójki pomaga uniknąć lub przynajmniej złagodzić problemy z antyaliasingiem podczas ponownego skalowania.
Jak mogę się do tego zastosować? Jeśli używasz Inkscape, przejdź do File → Document Properties i potwierdź, że szerokość, wysokość i jednostki strony są prawidłowe. Następnie przejdź do zakładki Grids, kliknij New, ustaw jednostki na px, Spacing X i Spacing Y na 1 oraz Major grid line every na 2.

Kontur

Obowiązkowe

Opierając się na głównym kolorze ikony, upewnij się, że istnieje ciemny kontur 2px, jak wspomniano wcześniej. Działa to w połączeniu z podświetleniem, aby zapewnić dobry kontrast formy na wielu odcieniach tła.

Ciemna krawędź ikony to kontur.

Dlaczego kontur jest potrzebny? Kontur jest szkieletem, na którym wszystko inne wisi, dodając kontrast formy. Użycie koloru konturu lub ciemnego koloru zależy od sytuacji, ale bez tej linii zakres tła, na którym ikona jest widoczna, zostaje drastycznie ograniczony
Jak mogę się do tego zastosować? Wystarczy dodać obrys 2px wokół każdej części ikony, która będzie przylegać do koloru tła, czyli kontur jest dla obrysów zewnętrznych. W przypadku kształtów, które mają otwór w środku, na przykład oponka pączek, kontur należy również dodać do wewnętrznego otworu. Przyciągaj węzły ścieżki do siatki, gdy tylko jest to możliwe, celując w mniejsze przecięcia siatki.

Podświetlenie

Zdecydowanie zalecane

Używając koloru podświetlenia, dodaj wewnętrzny obrys o wielkości 2 pikseli, aby kontur był bardziej widoczny. Na ciemnych tłach to właśnie to podświetlenie będzie stanowić formę ikony.

Jasne podświetlenie jest pomocne na ciemnym tle.

Dlaczego warto używać podświetlenia? Podświetlenie działa w połączeniu z konturem, aby poprawić kontrast formy, szczególnie na ciemnych tłach. Nigdy nie jest to zły pomysł, ale jeśli nie masz miejsca, na przykład masz bardzo cienką linię, możesz z niego zrezygnować, pod warunkiem, że zapewniłeś wystarczający kontrast między głównym kolorem a konturem.
Jak mogę się do tego zastosować? Podobnie jak w przypadku obrysu, po prostu narysuj kontur o szerokości 2 pikseli wokół wewnętrznej strony obrysu, przyciągając węzły do siatki, jeśli to możliwe, celując w mniejsze przecięcia siatki.

Podświetlenie

Opcjonalne

Zgodnie z wytycznymi Tango, jeśli dodajesz efekt oświetlenia gradientowego, postaraj się, aby wyglądało na to, że światło pochodzi z lewego górnego rogu. Odbywa się to poprzez dodanie koloru podświetlenia w lewym górnym rogu i koloru bazowego lub ciemnego w prawym dolnym rogu. Zauważ, że używane są tylko kolory z palety.

Subtelny efekt podświetlenia od lewego górnego rogu.

Dlaczego warto używać oświetlenia? Oświetlenie to tylko kolejny sposób na powiązanie ikon i zapewnienie różnych poziomów "wartości" w celu poprawy ich czytelności. Pod warunkiem jednak, że kontur i podświetlenie są obecne, można je uznać za opcjonalne
Jak mogę się do tego zastosować? Ustaw wypełnienie jako gradient liniowy lub radialny. W Inkscape jest to dostępne w ustawieniach obrysu i wypełnienia; za pomocą "F2" można przesuwać węzły gradientu, aby upewnić się, że są pod odpowiednim kątem.

Zalecany format zapisu

Wszystkie ikony powinny być tworzone w formacie SVG za pomocą aplikacji do tworzenia obrazów wektorowych, takiej jak Inkscape. Ułatwia to wprowadzanie zmian i tworzenie dodatkowych ikon w tej samej przestrzeni aplikacji.

Podczas zapisywania ikon, które mają być używane bezpośrednio przez FreeCAD (w pliku *.qrc), należy zapisać je jako "Plain SVG". Zmniejszy to rozmiar ikony i zaoszczędzi miejsce na dysku i w pamięci.

Uwagi końcowe

Pamiętaj: SALCHO, (Stroke, Alignment, Lighting, Color, Highlight, Outline) Obrys, Wyrównanie, Oświetlenie, Kolor, Podświetlenie, Kontur

Oto kilka wskazówek, jak sprawdzić swoją pracę.

Sprawdzanie rozmiaru

Inkscape posiada przydatne narzędzie do sprawdzania ikon w różnych rozmiarach. Przejdź do View → Icon Preview..., by zobaczyć podgląd ikony w rozmiarze 16, 24, 32 i 64 pikseli.

Sprawdzanie konturu

  1. Umieść ikonę na dużym prostokącie, który ma ten sam kolor co najciemniejszy kolor ikony.
  2. Nadal wygląda OK? Świetnie. Przejdź do następnego kroku. Jeśli nie, dostosuj podświetlenie.
  3. Zrób to samo, ale tym razem używając najjaśniejszego koloru.
  4. Nadal wygląda dobrze? Świetnie. Kontury i podświetlenia zostały użyte prawidłowo. W przeciwnym razie dostosuj kontur.

Testowanie ikony na tle najciemniejszego i najjaśniejszego koloru.

Moja ikona jest ledwo widoczna. Masz słaby kontrast kształtu. Dokładnie sprawdź kontur i podświetlenie, prawdopodobnie brakuje jednego z nich lub są one nieprawidłowo zastosowane.

Sprawdzanie kontrastu

  1. Wyeksportuj ikonę z SVG do formatu bitmapy, takiego jak .png lub .jpg.
  2. Załaduj bitmapę do programu graficznego i przekształć ją do odcieni szarości. Na przykład, w programie GIMP należy przejść do Image → Mode → Grayscale.
  3. Inkscape pozwala na bezpośrednią konwersję SVG do skali szarości za pomocą Extensions → Color → Grayscale.
  4. Czy nadal wyraźnie widać wewnętrzne szczegóły? Świetnie. Kontrast jest dobry.

Obraz w skali szarości pozwala łatwiej zidentyfikować problemy z kontrastem, ponieważ obecna jest tylko mieszanka czerni i bieli. Testowanie obrazów w skali szarości jest również dobre dla użytkowników niewidzących kolorów. Jeśli widzą oni szczegóły na obrazie w skali szarości, to kontrast w pełni kolorowego obrazu jest prawdopodobnie również dobry.

Testowanie kontrastu ikony w skali szarości.

Nie jestem w stanie rozróżnić wszystkich szczegółów. Wybrane kolory mają słaby kontrast wartości. Spróbuj użyć kolorów, które są bardziej oddalone od siebie w palecie 4 tonów, to znaczy, że podświetlona zieleń obok podświetlonej żółci będzie trudna do zobaczenia, obniż jeden z tych kolorów do poziomu podstawowego lub ciemnego.