Kolorystyka / Modern Color Palette Collections 2020 & 2021

Tim Brown
Tim Brown

Tim Brown jest właścicielem Hook Agency, firmy zajmującej się SEO i projektowaniem stron internetowych, skupionej przede wszystkim na kierowaniu ruchem i leadami dla małych firm, dekarzy i firm budowlanych.

To znowu ta pora roku – gdzie rozważamy, jakie były trendy kolorystyczne w ciągu ostatnich kilku lat i jak mogą się one zmienić w 2021 roku. Jakie Schematy kolorystyczne pojawią się w 2021 roku? Jakie kolory umrą płaskie i martwe, i zostaną zdegradowane do półki rabatowej?

  • ta lista niesamowitych palet kolorów będzie doskonałym narzędziem dla projektantów, którzy chcą odświeżyć swoją pracę w 2021 roku.
  • nie są one generowane automatycznie, ale raczej przygotowywane dla projektantów przez projektantów.
  • zintegrowaliśmy niektóre z najlepszych palet kolorów z całego Internetu i dodaliśmy kilka naszych własnych!

Po pierwsze oto kilka prognoz dotyczących trendów kolorystycznych w 2021 roku w oparciu o projektantów mody i firmy malarskie:

Dlaczego podaliśmy tę listę? Obsługujemy małe firmy i kontrahentów! Sprawdź nasze posty na blogu na temat przewodów dachowych, przewodów HVAC, przewodów budowlanych i naszych usług SEO dachów, SEO Budownictwa i SEO HVAC!

spis treści

schematy kolorów na rok 2021!

orange and green website color scheme 2021Ripped - bright color scheme for 2021

color scheme 2021

comfort fit tan pink green color scheme 2021

muted green and yellow color scheme 2021

Here are last years color schemes „2020 Color Schemes” – Shared December of 2020!

Bitchin Kitchen Color Palette 2020

Wind Glider Color Scheme 2020

Vintage Sexy Color Pallette Scheme, Interior Design and Graphic Design

Trusted Source Color Scheme for 2020

Swanky Color Schemes for 2020

Pink Autumn Color Palette 2020

Muted / Sophisticated Color Scheme Palette 2020

Leveling, Comfortable Color Pallette Scheme

Kids Room Color Palette 2020

Vintage Dusk Color Palette 2020Rustic Western Color Palette 2020Soft Subtle Color Palette 2020PB aand J Color Palette 2020Lilac Color Palette 2020Muted Lavendar Color Palette 202080s Neon Color Palette 2020Bright Treefrog Kids Room Color Palette 2020Beach House Color Palette 2020Thunderstorm Color Palette 2020Koi Fish Color Palette 2020Vintage 80s Diner Color Palette 2020

odkąd zacząłem blogować w 2012 roku – popyt na więcej schematów kolorów stron internetowych był szalenie wysoki. Dlatego, gdy zobaczyłem kolorowy Instagram AWSM, byłem zafascynowany. Nie mogłem znaleźć tych schematów kolorów w łatwy do zapisania sposób w Internecie w dowolnym miejscu. Dlaczego więc nie udostępnić ich wszystkim osobom szukającym schematów kolorów w witrynie 2019-2020!

mam nadzieję, że podobają się wam tak samo jak ja – i proszę śledzić AWSM Color na Instagramie.

blue-dark-light-grey-schemeblue-pink-orange-color-schemespurple-pink-dark-color-schemepink-orange-tan-20201-color-schemes-2019green-tan-yellow-orange-color-schemes-2020orange-pink-color1-green-grey-colorblack-yellow-black-color-schemes-2021purple-color-scheme-2019color-pink-purple-palettepurple-grey-blue-black-color-palette-2020brown-orange-brown-2019blue-green-white-color-scheme-2019pink-purple-white-colorsblue-orange-grey-color-palette-scheme-trends-red-brown-pink-color-palette-2019pink-grey-black-color-palette-2018pink-purple-color-schemesawsm-color-2019pink-orange-purple-color-schemetan-creme-makeup-fashion-palette-2019-web-design-schemes-trendsblue-green-grey-colors-2019brown-pink-tan-color-palette-2019orange-blue-black-palette-20211-color-scheme-20191-purple-orange-pink-schemes1-brown-tan-colors-pallettes-2019orange-black-grey-modern-color-palette-schemeszielony-szary-brązowy-schemat-kolorów-2019niebieski-zielony-szary-schemat-kolorów-2019różowy-zielony-ciemny-zielony-szary-2017-Schematypink-purple-yellow-grey-palette-scheme

najlepsze narzędzia do schematów kolorów dostępne obecnie w 2021 roku:

kryteria:

  • musi być łatwy do eksportu schematów kolorów
  • jest darmowy
  • faktycznie wymyśla niesamowite schematy kolorów.
  1. chłodnice.co-wymyśla kilka przyzwoitych schematów kolorów-wystarczy nacisnąć Generuj kilka razy, aby uruchomić silnik!

schematy kolorów 2020

2. Paletton – „Dodaj Uzupełnienie” i przeciągnij selektor na wykresie kolorów, aby łatwo znaleźć Kolory. Wypróbuj niektóre z innych ustawień, aby zapoznać się z tym bardzo użytecznym i potężnym narzędziem.

schematy kolorów 2020 - narzędzia do użycia

3. Colormind.mówi się, że io – Colormind używa „głębokiego uczenia” do przyswajania schematów kolorów z popularnych filmów i sztuki – aby pomóc w opracowaniu lepszych schematów kolorów. Jeśli nic innego, to zabawa w schematy kolorów na rok 2021!
narzędzia do schematów kolorów
Dziękujemy za przeczytanie-dodaj ten post do zakładek. Wkrótce dodamy więcej schematów kolorystycznych na rok 2021, ponieważ zaczniemy analizować trendy projektantów mody na rok 2021. W ciągu najbliższych kilku tygodni napiszemy również dogłębny artykuł na temat tych trendów, więc miejcie na niego oko.

12 nowoczesnych narzędzi do palety kolorów do wykorzystania w latach 2019-2021

Coolors.io

Best For: Graphic Designers / Web Designers

Zdobądź partnera, który koncentruje się na projektowaniu stron internetowych i SEO, aby pozyskać lepszych potencjalnych klientów: rozpocznij rozmowę

Coolers.co

Coolors.co jest pierwszym i najbardziej wszechstronnym narzędziem dostępnym na tej liście do generowania palety kolorów i schematów. Platforma jest niezwykle solidna i oferuje aplikację internetową do generowania, a także aplikację na IOS, przesyłanie obrazów do kolorów, zaawansowane korekty i opcje eksportu/udostępniania. Jest nawet wyposażony w wtyczkę do programów Adobe CC (Photoshop & Illustrator), chociaż ta funkcja kosztuje 5 USD (co osobiście uważam za dość przystępne). Jedną z rzeczy, które lubię najbardziej, jest to, że możesz zarejestrować bezpłatne konto, aby zarządzać i organizować generowane palety kolorów. To konto zostanie również zsynchronizowane z aplikacjami Adobe iOS+. Jest to szczególnie przydatne, jeśli jesteś grafikiem lub projektantem stron internetowych, który chce śledzić kolory generowane dla różnych klientów. Jest również przydatny, jeśli potrzebujesz szybkiego dostępu podczas projektowania. Kolejnym bonusem jest to, że Coolors oferuje dwa miesiące darmowych zajęć w Skillshare.com powiedziałbym, że to niezła kradzież!

Canva.com

najlepsze dla: amatorów grafików

Canva.com oferuje narzędzie, które umożliwia użytkownikom przesyłanie obrazu, z którego zostanie wygenerowana paleta kolorów. Wspaniałe jest to, że to narzędzie jest oferowane całkowicie za darmo bez rejestracji. Jest to niezwykle pomocne przy projektowaniu materiałów dla marki, która ma silną obecność fotograficzną i gdzie kolory nie mają znaczenia dla brandingu. A może jest konkretna fotografia, na którą klient jest rysowany i chciałby z niej wygenerować paletę dla swojej marki.

Canva.com oferuje również wiele innych bezpłatnych narzędzi, takich jak narzędzie do dopasowywania typograficznego, przewodnik po rozmiarach projektu, Kreator logo i narzędzie do edycji zdjęć. Jeśli jednak użytkownicy chcą skorzystać z pełnej platformy Canva, która zawiera jeszcze bardziej solidne funkcje zarządzania kontem, eksportowania i aplikacji internetowej w stylu Photoshopa, będą musieli uiścić miesięczną opłatę. Istnieją również zniżki dla studentów i organizacji non-profit.

Colormind.io

najlepsze dla: grafików / projektantów stron internetowych

Colormind.io

Kiedy znalazłem Colormind.io, myślałem, że to prosta aplikacja generująca schemat kolorów, ale po kopaniu trochę głębiej, zdałem sobie sprawę, że to o wiele więcej i o wiele fajniejsze niż to. Colormind at the core to aplikacja internetowa, która pozwala na generowanie schematów kolorów dla Twojej witryny. Ale to, co sprawia, że jest wyjątkowy, to fakt, że wizualizuje to, jak będzie wyglądać na stronie internetowej dla Ciebie. Ma również wbudowaną obsługę projektowania materiałów i obsługę przesyłania obrazów. Czy to nie fajne? Proste, ale naprawdę ma jakiś przebieg z tego, co robi. Sprawdź to sam na Colormind.io.

Mycolor.spacja

najlepsze dla: projektantów stron internetowych / projektantów UI

Przestrzenie Kolorów

jest to narzędzie, którego używam osobiście sporo. To, co naprawdę lubię w MyColor.Przestrzeń to jej prostota i czysty interfejs użytkownika. Narzędzie do generowania palety kolorów pozwala wybrać jeden kolor, z którego aplikacja internetowa będzie wypluwać różne gradienty i kody szesnastkowe oparte na tym kolorze. Ponadto aplikacja internetowa ma również kilka świetnych narzędzi do generowania gradientu. To, co naprawdę podoba mi się w narzędziu do generowania gradientów, to to, że wypluwa CSS potrzebny do wytworzenia gradientów. Możesz więc po prostu skopiować i wkleić je bezpośrednio do kodu front-end!

Design Seeds

najlepsze dla: Projektanci graficzni / graficy / projektanci stron internetowych

Design Seeds

czym byłby post na blogu palette tools bez uwzględniania Design Seeds? Nie jest to aplikacja internetowa generująca palety, ale blog poświęcony publikowaniu inspiracji palety. Zrobią zdjęcie, a następnie opublikują paletę opartą na tym zdjęciu z hip-hopową nazwą, taką jak” Moody Opulence „i” Drift.”Osobiście nie korzystam z tej strony zbyt często, ale wysyłam ją klientom, próbując dowiedzieć się, jaki jest ich branding. Jest to korzystne, jeśli nie masz punktu wyjścia lub naprawdę wiesz, czego szukasz, jeśli chodzi o inspiracje projektowe. Myślę też, że jest to coś, co rozszerzyłoby się na przestrzeń aranżacji wnętrz.

Pantone Studio

najlepsze dla: grafików/projektantów druku

Pantone Studio

Ta lista nie byłaby kompletna bez wzmianki o Pantone, zwłaszcza że są oni w zasadzie wiodącymi ekspertami w dziedzinie kolorów. Okazuje się, że mają całkiem fajną aplikację do składania palet. Dzięki aplikacji możesz odkryć różne harmonie kolorów, wartości i odsyłacze, wypluwając je do RGB, CMYK i HEX. Jedynym minusem jest to, że aplikacja jest tylko iOS, więc użytkownicy Androida tracą. Nie jestem również pewien, czy kiedykolwiek korzystałem z takich aplikacji na telefony komórkowe w procesie projektowania, ale może to działać lepiej dla kogoś innego. Spróbuj sprawdzić, czy działa dla ciebie!

Adobe Kuler (koło kolorów)

najlepsze dla: Graphic Designers / Web Designers / UI Designers

Adobe Color Wheel

znam Adobe Kuler od dawna, ponieważ kiedyś istniał jako aplikacja na iOS. Może jednak, przyznaję, jeszcze tego nie potwierdziłem. Jeśli jednak wejdziesz na tę stronę, odsyła ona teraz do dość prostego narzędzia do generowania palety kolorów. Nie ma zbędnych dodatków, ale możesz generować palety, importując obraz lub używając koła kolorów. Następnie możesz zapisać te motywy. Jeśli masz konto Adobe CC, możesz zapisać je w swoim profilu i zsynchronizować z aplikacjami CC. Całkiem sprytne, jeśli O mnie chodzi! Jedynym problemem jest to, że jeśli nie jesteś super zainspirowany (polecam sprawdzenie Design Seeds wcześniej w poście), może być ciężko zacząć.

site Palette

Best For: Web Designers / UI Designers/Front-End Developers

site Palette

dając trochę więcej miłości do Web/UI / Front-End na tej liście, przedstawię Ci site Palette. Site Palette to rozszerzenie dla przeglądarek Chrome, Safari i Firefox, które umożliwia generowanie złożonych palet kolorów. Ma również możliwość chwytania / wyodrębniania schematów kolorów z istniejących wcześniej stron internetowych. Więc jeśli podoba ci się to, co robi ten drugi facet, możesz to wziąć. Jest to zgrabne narzędzie z doskonałym interfejsem użytkownika, w którym można udostępniać aplikacje takie jak Sketch i Adobe. Jeśli chcesz zanurkować jeszcze głębiej, jest nawet wyposażony w API do semantycznej ekstrakcji kolorów. To trochę powyżej mojej pensji, ale nic innego na tej liście tego nie robi. Chociaż istnieje bezpłatna wersja, jest również dostarczana z wersją PRO, w której ceny są oparte na żądaniach API, jeśli tego potrzebujesz.

Bootstrap Magic

najlepszy dla: Web Designers / UI Designers/Front-End Developers
Bootstrap Magic

krzycz do wszystkich projektantów internetowych, UI i Front-End, którzy używają Bootstrap! Najpopularniejszy responsywny framework na świecie! Jedną z rzeczy, których osobiście nie lubię w Bootstrap, jest to, że standardowe kolorowanie jest dość ogólne. Dostosowywanie to jest ogromne P. T. A. Jeśli wiesz, co mówię i są zaznajomieni z próbuje to zrobić. Wprowadź magię Bootstrap, gdzie dostosowywanie schematów kolorów dla Bootstrap staje się całkowicie proste. Wciąż żmudne jest przeglądanie i wybieranie kolorów dla wszystkiego, ale przynajmniej masz fantazyjny interfejs użytkownika, aby to zrobić, zamiast grzebać w minifikowanych liniach zmiennych SASS i mixinów. Bootstrap jest nawet wyposażony w edytor HTML, więc możesz to zrobić bezpośrednio z interfejsu użytkownika, jeśli potrzebujesz (często dostosowuję rzeczy, takie jak przyciski i wysokości linii). Ten jest darmową aplikacją internetową, więc zaszalej!

Bootstrap.build

Best For: Web Designers / UI Designers / Front-End Developers

Bootstrap Build

Bootstrap.build jest dość podobny do Bootstrap Magic powyżej, chociaż wydaje się być nieco bardziej wytrzymały. Ta aplikacja internetowa jest przeznaczona bardziej dla programistów z dużą ilością dostosowywania zmiennych SASS. Posiada również dedykowane opcje eksportu / importu, a także tryb podglądu. Interfejs użytkownika jest trochę bardziej przyjemny, moim zdaniem również. Ten jest dostarczany z opcjami pro za $ 5 miesięcznie, co pozwala organizować motywy Bootstrap w różne projekty. Możesz również hostować motywy za pośrednictwem CDN. Są to bardzo cenne funkcje, jeśli dużo projektujesz i rozwijasz dla klientów. Sprawdź, czy działa dla Ciebie!</p

narzędzie do kolorowania materiału

najlepsze dla: projektantów UI / projektantów aplikacji

Jeśli mamy zamiar dać Bootstrap trochę miłości, musimy dać Materiał, standardy projektowania Google, trochę uwagi, jak również. Google wyszło z materiałem jako środek usprawnienia ich projektu na wszystkich swoich platformach. Wydali nawet te standardy publicznie, aby integracja aplikacji wyglądała na bardziej płynną i natywną. W ramach tego, oferują różne narzędzia aplikacji internetowych dla projektantów i programistów, aby pomóc budować interfejsy oparte na tych standardach. W tym miejscu pojawia się narzędzie Google Material Color. To dość złożona bestia, ale jeśli projektujesz aplikację na Androida, która jest zgodna ze standardami projektowania materiałów, to narzędzie jest niezbędne do ożywienia tego.

paleta kolorów materiału

najlepsze dla: projektantów interfejsu użytkownika / projektantów aplikacji/projektantów stron internetowych

kolejnym narzędziem opartym na materiale jest paleta Projektowania Materiałów. Ten jest znacznie prostszy niż narzędzie materiałowe Google. Narzędzie paleta pozwala wybrać dwa kolory, które następnie automatycznie wygenerują podniebienie w oparciu o standardy materiałowe Google. Chociaż cel tego narzędzia jest zorientowany na aplikację, może być pomocny, jeśli szukasz tylko sposobu generowania podniebienia kolorów. Aplikacja wypluwa kody sześciokątne i wszystko tak, że kolory mogą być naprawdę używane do każdej aplikacji. Istnieje również sprytny Przewodnik po ikonach materiałów, a także Przewodnik po kolorach materiałów, w którym można kopiować i wklejać kody szesnastkowe. Zobacz!

62% ankietowanych firm uważa, że strona internetowa powinna być przeprojektowana co 2-3 lata. Źródło: Hook Agency jak często należy przeprojektowywać stronę internetową-statystyki i wykresy marketingowe 2020

mam nadzieję, że podobały Ci się te niesamowite nowoczesne palety kolorów/schematy kolorów dla stron internetowych i narzędzia schematów kolorów!

Dziękuję bardzo za przeczytanie-i proszę link z powrotem do nas w roundup, lub podzielić się z sieci społecznych, jeśli to było przydatne dla ciebie 🙂

Jeśli chcesz kontynuować czytanie, sprawdź ten post o Cody Warren: the sexiest man in Minnesota, or our plumber SEO guide.

Watch this quick video to see how savvy businesses save time and hook better leads:




Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany.