30 pięknych trzech kolorów stron internetowych dla Twojej inspiracji

Kolor ma duży wpływ na projekt. Jednak projekt ze zbyt wieloma kolorami może łatwo przytłoczyć widza. Czasami podejście minimalistyczne może pomóc przyciągnąć wzrok odwiedzającego do określonej treści - odpowiedniej treści.

W tej kolekcji stron internetowych skupiliśmy się na projektach, w których zastosowano trzy kolory podstawowa elementy wystroju. Jednak niektóre z tych witryn zawierają jeden lub dwa kolory podświetlenia poza trzema głównymi kolorami. Niemniej jednak te strony były po prostu zbyt dobrze zrobione i wystarczająco blisko 3 kryteriów kolorów, że nie mogliśmy im pomóc, ale uwzględniliśmy je w tej kolekcji.

Zwróć uwagę, jak kolory pomagają skupić uwagę na tym, gdzie jest potrzebna. Czy widzisz, jak marka była związana z każdym z tych projektów? Możesz również zobaczyć, jak korzystanie z pełnokolorowej grafiki obok ograniczonej palety kolorów jest nadal przydatne bez zbytniego obniżania minimalistycznej ścieżki projektowania. Poniższe przykłady to pokażą strony internetowe, które używają maksymalnie 3 kolorów wciąż może być skuteczny.

Mechanika obrazu

Ładny, minimalistyczny design, który wykorzystuje wystarczająco dużo kolorów, aby przyciągnąć uwagę do ważnych treści na stronie.

nclud

Duże, niebieskie tło fotograficzne jest ładnym kontrastem z białym tekstem głównym i zieloną nazwą marki, co w pierwszej kolejności przyciąga uwagę czytelnika. Jasnoniebieski tekst przyciąga wzrok do krótkiego opisu firmy i listy imponujących klientów. Ładne wykorzystanie koloru do tworzenia hierarchii!

Loft

Różne odcienie szarości na białym tle nadają tej stronie wyrafinowany, minimalistyczny wygląd. Kolorowy tekst w menu strony działa jako przewodnik podczas nawigacji w witrynie.

Fat-Man-Collective

Podobnie jak ich wygląd i ton, ten projekt strony jest również „krótki i słodki”. Sposób na utrzymanie wizerunku marki!

Kreatywna iskra

Poza ilustracją, ta strona internetowa zawiera tylko 3 kolory w swoim projekcie: żółty, czarny i biały, co jest miłym odniesieniem do żarówki, kiedy się nad tym zastanowić. A żarówka dobrze współpracuje z nazwą firmy, Creative Spark. Ciekawy.

Mięta pieprzowa

Śliczna nazwa i ładny, w większości 3-kolorowy design, ten jest prosty, ale jednocześnie kreatywny.

Sergey Stanchev

Ciemna kolorystyka i ograniczone wykorzystanie kolorów nadają tej stronie wyrafinowany, profesjonalny wygląd.

Digimurai

Kolory tekstu pomarańczowego i niebieskiego współgrają z ilustrowanym tłem i uroczą małą maskotką.

Causecast

Szary, niebieski i różowy na białym tle zapewniają bardzo „szczęśliwy” ton, który wydaje się dobrym wyborem dla programu wolontariatu / charytatywnego.

Astheria

Ten sprytny projekt wykorzystuje kolory, no, narkotyków! Białe, szare i niebieskie są zwykle kolorami, które widzisz na pudełkach na pigułki, więc ci projektanci naprawdę popadli w pomysł „Design to narkotyk”.

Dave Airey

Ah, David Airey, jeden z najpopularniejszych projektantów tożsamości marki w społeczności blogerów projektujących grafikę. Jego strona jest minimalistyczna i zawiera tylko czarny, pomarańczowy i szary tekst na białym tle. Proste, ale skuteczne!

Eduardo de La Rocque

Teksturowane tło wygląda jak fantazyjny papier, którego niektórzy używają do wznowienia i drukowania CV. Interesujące jest również to, że różowo-czerwony tekst zanika do jasnoszarego po najechaniu na niego myszą.

Osiem twarzy

Czarny, biały i szary, wraz z kilkoma nutami pomarańczowego tekstu, to główne kolory użyte w tym projekcie. Kolory te nadają tej stronie wygląd „wiadomości”.

Gorączka

Ciemne i jasnoszare oraz czerwone są używane zamiennie w tym projekcie. Chociaż ten projekt mógłby być nieco lepiej zorganizowany pod względem kolorów, w których był używany, bardzo dobrze trzymał się trzech kolorów tytułu.

Stefan Coisson

Ta strona wykorzystuje 3 kolory dość skutecznie w prostym układzie strony. Chociaż tekst może być lepiej zorganizowany, zielone podświetlenie wyróżnia się ładnie na tle czarno-białego tekstu.

Jon Tangerine

Dobrze, więc to jest coś innego, co nieco wykracza poza schemat kolorów 3, ale jest to piękne miejsce, które krzyczy: „Spójrz na mnie!” Żółte podświetlenia i linki tekstowe (z odrobiną pomarańczowego podkreślenia) ładnie kontrastują z czarnym i szarym oraz sporadycznym białym tekstem. Piękny!

Martin Hipp

Ciemnoszara, czarna i zielona mieszanka trawy nadają temu miejscu odświeżający, profesjonalny, a zarazem wyjątkowy wygląd.

Minimalne witryny

Zaczynając dostrzegać wzór w używaniu czerni, szarości i jasnego koloru na białym tle? Być może ten typ schematu kolorów jest popularny, ponieważ tworzy minimalistyczny wygląd z wystarczającą ilością kolorów, aby zwrócić uwagę… i ta strona nie jest wyjątkiem.

Teoria ruchu

Pasek czerni z boku jest miłym akcentem, który dodaje „filmowi” wygląd i styl. Szary i czerwony tekst sprawiają, że strona jest prosta, co jest bardzo ważne w przypadku wszystkich obrazów, które muszą być uwzględnione.

Droga powrotna

Niebieski wraz z odcieniami szarości utrzymują ten projekt w minimalistycznym i tradycyjnym stylu. 3 różne kolory są ładnie używane, aby zwrócić uwagę na ważny tekst.

Ziarno i Gram

Ta strona robi świetną robotę, tworząc apel „dżentelmena” z męskimi kolorami ciemnoszarymi, kolorem ziarna (zgodnie z tytułem) i białym.

Niesamowite stosy czcionek

Pomarańczowy wraz z czernią i szarością (i odrobiną białego tekstu) pomaga rozbić tę ciężką tekstowo stronę i uczynić ją interesującą.

Yuna

Ta strona używa głównie ciemnych i jasnych szarości geometrycznych kształtów, ale niebieski jest również kolorem podkreślającym, wraz z odrobiną różu. Tak naprawdę jest to kolejna odmiana schematu kolorów czarnego, szarego i podświetlenia.

Pięciokąt

Szary, trochę biały i dużo niebieskiego tworzą bardzo prosty schemat kolorów. Z drugiej strony niebieski wydaje się nieco przytłaczający, a migająca grafika niewiele pomaga.

Projekt graficzny w radiu

Z technicznego punktu widzenia strona ta wykorzystuje tylko 3 kolory: czarny i szary tekst w białych skrzynkach, a różowy teksturowane tło. Ale poczekaj! Zamknij stronę, otwórz ją ponownie, a tło będzie teraz niebieskie, nie, żółte. Dobra, możesz teraz zamknąć ponownie stronę. Rozczarowani są tylko trzy kolory do zabawy, prawda??

Pixelbot

Ponownie, ciemnoszary, jasnoszary i kolor podświetlenia tworzą prosty, skuteczny schemat kolorów do projektowania stron internetowych.

Strona inspiruje

Podczas gdy tekst zmienia kolor po najechaniu na niego myszką, może to być zabawne, to może trochę skorzystać z tej funkcji. Ale może uda im się uniknąć tego ze względu na ich prosty, 3-kolorowy design.

Stefan Persson

Szary / czarny z pomarańczowym i białym dodatkiem do tego bardzo dobrze zorganizowanego projektu. Każdy kolor wydaje się ściśle stosować, co naprawdę powoduje, że nawigacja po tej stronie jest na wysokim poziomie.

Faust

Prosty schemat kolorów pomaga złagodzić ruch tej witryny; jednak mniej pomarańczowy pomógłby projektowi jeszcze bardziej.

Instrument przemysłowy

Nawigacja na tej stronie jest nieco inna, co nie zawsze jest zalecane. Kolor ciemnoszary, jasnoszary i biały pomaga utrzymać stronę na tyle prostą, że można się jej szybko nauczyć.

Nota redaktora: Ten wpis jest napisany przez Tara Hornor dla Hongkiat.com. Tara ma dyplom z języka angielskiego i pisze o marketingu, reklamie, brandingu, projektowaniu graficznym i publikowaniu na komputerach. Oprócz kariery pisarskiej, Tara lubi spędzać czas ze swoim mężem i dwójką dzieci.