Style wypełnienia kontrolują wewnętrzny wygląd kształtów. Diagrammix3 oferuje jednolite kolory, gradienty liniowe, gradienty promieniowe i wypełnienia wzorem do tworzenia bogatych wizualnie diagramów.

Typy wypełnienia

Wypełnienie jednolite

Najprostszy typ wypełnienia używa jednego koloru do wypełnienia całego kształtu.

Aby zastosować wypełnienie jednolite:

  1. Zaznacz kształt
  2. Otwórz panel Inspektora
  3. Znajdź sekcję Fill
  4. Kliknij próbnik koloru
  5. Wybierz kolor z selektora
  6. Kształt wypełni się wybranym kolorem

Wypełnienie jednolite

Gradient liniowy

Gradienty liniowe płynnie przechodzą między dwoma lub więcej kolorami wzdłuż linii prostej.

Dostępne kierunki:

  • Poziomy (od lewej do prawej)
  • Pionowy (od góry do dołu)
  • Ukośny (od lewej góry do prawego dołu)
  • Odwrócony ukośny (od prawej góry do lewego dołu)

Aby zastosować gradient liniowy:

  1. Zaznacz kształt
  2. W sekcji Fill Inspektora
  3. Kliknij przycisk Gradient
  4. Wybierz Linear Gradient
  5. Wybierz kierunek (poziomy, pionowy lub ukośny)
  6. Ustaw kolor początkowy (górny lub lewy punkt koloru)
  7. Ustaw kolor końcowy (dolny lub prawy punkt koloru)

Gradienty liniowe

Gradient promieniowy

Gradienty promieniowe rozchodzą się na zewnątrz od punktu centralnego, tworząc okrągłe przejście kolorów.

Cechy:

  • Kolor środkowy (wewnętrzny)
  • Kolor krawędziowy (zewnętrzny)
  • Rozchodzenie okrągłe lub eliptyczne
  • Tworzy efekty głębi i podświetlenia

Aby zastosować gradient promieniowy:

  1. Zaznacz kształt
  2. W sekcji Fill Inspektora
  3. Kliknij przycisk Gradient
  4. Wybierz Radial Gradient
  5. Ustaw kolor środkowy
  6. Ustaw kolor krawędziowy

Gradienty promieniowe automatycznie dostosowują się do proporcji kształtu.

Gradient promieniowy

Wypełnienie wzorem

Wypełnienia wzorem powtarzają teksturę lub wzór na całym wnętrzu kształtu.

Uwaga: Wypełnienia wzorem mogą być ograniczone w bieżącej wersji. Sprawdź Inspektor pod kątem dostępnych wzorów.

Brak wypełnienia (przezroczyste)

Usuń wypełnienie całkowicie, aby utworzyć kształty tylko z konturem.

Aby usunąć wypełnienie:

  1. Zaznacz kształt
  2. W sekcji Fill Inspektora
  3. Kliknij No Fill lub ustaw przezroczystość na 0%
  4. Pozostanie widoczny tylko obrys

Jest to przydatne do:

  • Nakładania kształtów bez zasłaniania treści w tle
  • Tworzenia diagramów szkieletowych
  • Podkreślania samym konturem

Punkty koloru gradientu

Zaawansowana kontrola gradientu wykorzystuje punkty koloru do definiowania wielu kolorów w gradiencie:

  1. Zaznacz kształt z wypełnieniem gradientowym
  2. W Inspektorze znajdź edytor Gradient
  3. Kliknij na pasku gradientu, aby dodać punkt koloru
  4. Przeciągaj punkty, aby dostosować ich pozycję
  5. Kliknij punkt, aby zmienić jego kolor
  6. Przeciągnij punkt poza pasek, aby go usunąć

Wsparcie może się różnić: Sprawdź, czy wielopunktowe gradienty są dostępne w Twojej wersji.

Przezroczystość wypełnienia

Kontroluj przezroczystość wypełnień niezależnie od kształtu:

  1. Zaznacz kształt
  2. W sekcji Fill Inspektora
  3. Dostosuj suwak Opacity (0-100%)
  4. 0% = całkowicie przezroczyste
  5. 100% = całkowicie nieprzezroczyste

Przezroczystość wypełnienia wpływa tylko na wnętrze, nie na obrys ani tekst.

Schematy kolorów i wypełnienia

Wypełnienia mogą być powiązane ze schematami kolorów:

  • Wybierz kolor z palety schematu kolorów
  • Wypełnienie aktualizuje się automatycznie po zmianie schematu kolorów
  • Utrzymuje spójność wizualną w diagramie

Aby zastosować kolor schematu:

  1. W sekcji Fill
  2. Kliknij listę rozwijaną Scheme
  3. Wybierz rolę koloru (Primary, Accent, Background itp.)
  4. Wypełnienie przyjmie ten kolor schematu

Wskazówki dotyczące gradientów

Tworzenie głębi

Użyj gradientów, aby dodać wymiarowość:

  • Jaśniejsza góra → ciemniejszy dół sugeruje oświetlenie z góry
  • Ciemniejsza góra → jaśniejszy dół sugeruje odbicie od podłoża
  • Gradienty promieniowe tworzą efekty kuli lub przycisku

Subtelne vs. odważne

  • Subtelne gradienty: Użyj kolorów o zbliżonej wartości (np. jasnoniebieski → średni niebieski)
  • Odważne gradienty: Użyj kontrastowych kolorów (np. żółty → fioletowy)
  • Subtelne gradienty lepiej sprawdzają się w profesjonalnych diagramach
  • Odważne gradienty przyciągają uwagę dla podkreślenia

Wydajność

  • Gradienty renderują się wolniej niż jednolite wypełnienia w bardzo złożonych diagramach
  • Używaj jednolitych wypełnień dla diagramów z ponad 100 kształtami
  • Zarezerwuj gradienty dla kluczowych elementów wymagających wizualnego podkreślenia

Łączenie wypełnień z obrysami

Efektywne kształty często łączą wypełnienie z obrysem:

  • Ciemne wypełnienie + jasny obrys - Tworzy efekt poświaty
  • Jasne wypełnienie + ciemny obrys - Klasyczna wyraźna definicja
  • Wypełnienie gradientowe + pasujący obrys - Spójny wygląd
  • Bez wypełnienia + sam obrys - Styl szkieletowy

Kombinacje wypełnienia i obrysu

Zastosowania

Diagramy biznesowe

  • Jednolite wypełnienia w kolorach marki
  • Subtelne gradienty dla nowoczesnego wyglądu
  • Brak wypełnienia dla minimalistycznego stylu

Diagramy techniczne

  • Jednolite wypełnienia dla czytelności
  • Kodowane kolorami wypełnienia dla kategorii
  • Przezroczyste wypełnienia dla nakładek warstw

Prezentacje

  • Odważne gradienty dla efektu
  • Gradienty promieniowe dla podświetleń
  • Wypełnienia wzorem dla tekstury

Schematy blokowe

  • Jasne wypełnienia z ciemnymi obrysami dla czytelności
  • Różne kolory wypełnienia dla różnych typów elementów
  • Wypełnienia gradientowe dla elementów początkowych/końcowych

Uwagi dotyczące dostępności

Przy wyborze wypełnień:

  1. Zapewnij kontrast - Tekst musi być czytelny na tle koloru wypełnienia
  2. Nie polegaj tylko na kolorze - Używaj etykiet tekstowych, nie samego koloru wypełnienia do przekazywania znaczenia
  3. Testuj w skali szarości - Upewnij się, że diagram działa bez koloru
  4. Unikaj gradientów o niskim kontraście - Upewnij się, że skrajne kolory gradientu mają wystarczający kontrast

Szybkie skróty do wypełnień

Chociaż nie ma bezpośredniego skrótu klawiaturowego do wypełnień, możesz:

  1. Użyć Kopiowania i stosowania stylów, aby przenosić wypełnienia między kształtami
  2. Zapisać wypełnienia jako część Stylów kształtów do szybkiego ponownego użytku
  3. Użyć przypisań schematów kolorów do zmian wypełnień w całym motywie

Tematy powiązane