Kolor to ważny element projektowania stron internetowych, który ożywia Twoją stronę i aplikacje mobilne. Figma to świetne narzędzie kreatywne, ale domyślna kolorystyka pozostawia wiele do życzenia. Na szczęście istnieje wiele sposobów na maksymalne wykorzystanie kolorów w Figmie. Możesz dostosować prawie wszystko, nawet kolory tła.
W tym artykule pokażemy, jak zmienić kolor tła płótna, przycisków i innych komponentów w Figmie. Pokażemy Ci również jak stworzyć własne kolory. Zajmijmy się tym.
Jak zmienić kolor tła
W zależności od tego, czy wybierzesz motyw „jasny”, czy „ciemny”, kolor tła obszaru roboczego będzie jasnoszary lub prawie czarny. Zmiana koloru tła obszaru roboczego nie spowoduje zmiany motywu, ale zmieni schemat kolorów bieżącej strony. Wszelkie nowe strony będą miały kolor bieżącej strony, a nie motyw.
Mając to na uwadze, przyjrzyjmy się, jak zmienić kolor tła obszaru roboczego.
- Otwórz nowy obszar roboczy.
- Na pasku narzędzi po prawej stronie wybierz sekcję „Tło”.
- Użyj próbnika kolorów, aby zmienić kolor tła.
- Jeśli chcesz dodać linijki do tła, naciśnij „Shift + R”, aby je włączyć.
Jak zmienić kolor tła za pomocą prototypu
Prototypy umożliwiają podgląd, jak Twój bieżący projekt będzie wyglądał na urządzeniu w przeglądarce prezentacji. Ustawienia modeli niektórych urządzeń mają różne skale kolorów. Dlatego ważne jest, aby wybrać odpowiedni model do swoich potrzeb.
Aby wybrać urządzenie i zmienić kolor tła w Prototype, wykonaj następujące czynności:
- Wyczyść zaznaczenia na płótnie.
- Przejdź do menu „Prototyp” na prawym pasku bocznym.
- Wybierz preferowane urządzenie i model. W oknie podglądu zobaczysz, jak będzie wyglądać na płótnie.
- W sekcji „Tło” wybierz żądany kolor tła. Kolor tła pojawi się za urządzeniem w polu podglądu.
Jak utworzyć niestandardowe zestawy kolorów w Figmie
Kiedy pracujesz nad projektem, ostatnią rzeczą, którą chcesz zrobić, jest marnowanie czasu. Figma posiada przydatną funkcję, która pozwala na tworzenie niestandardowych zestawów kolorów. Kolory te można również zastosować do kolorów tła, dzięki czemu można szybko zmieniać kolory bez konieczności przechodzenia przez koło kolorów. Oszczędza to czas potrzebny na każdorazowe resetowanie koloru.
Oto jak utworzyć niestandardowe zestawy kolorów w Figmie:
- Utwórz nowy kształt na płótnie.
- Podświetl kształt, a następnie na pasku bocznym przejdź do sekcji „Wypełnienie”.
- Kliknij pole koloru, a następnie w wyskakującym oknie utwórz kolor, którego chcesz użyć.
- Po prawej stronie sekcji „Wypełnienie” znajduje się symbol z czterema kropkami. Kliknij na niego, aby włączyć moduł „Style kolorów”.
- W prawym rogu modalu kliknij symbol „+”. Powtórz te kroki dla innych kolorów, które chcesz utworzyć.
- Aby dodać własny kolor, wybierz warstwę, którą chcesz pokolorować i przejdź do sekcji „Wypełnienie”.
- Kliknij cztery kropki po prawej stronie.
Kolorowe płótno
Przy tak wielu dostępnych opcjach dostosowywania, Figma oferuje wszystkie kombinacje kolorów potrzebne do tworzenia przyciągających wzrok projektów internetowych. Możesz nawet tworzyć własne kolory, co daje nieograniczone możliwości. Metody te pokazują, jak najlepiej wykorzystać szeroką paletę kolorów i zastosowań Figmy. W mgnieniu oka będziesz tworzyć projekty godne pokazów sztuki na Figmie.
