30 krásnych webových stránok s troma farbami pre vašu inšpiráciu

Farba výrazne ovplyvňuje dizajn. Avšak dizajn s príliš veľa farieb môže ľahko prekonať diváka. Niekedy môže minimalistický prístup pomôcť pritiahnuť pozornosť návštevníka k určitému obsahu - správnemu obsahu.

V tejto kolekcii webových stránok sme sa sústredili na návrhy, ktoré pre nich používali tri farby primárny prvky dizajnu. Niektoré z týchto stránok však obsahujú jednu alebo dve zvýrazňovacie farby nad 3 hlavné farby. Napriek tomu boli tieto webové stránky príliš dobre vykonané a dostatočne blízko k trom farebným kritériám, ktoré sme im nemohli pomôcť, ale zaradili ich do tejto zbierky.

Všimnite si, ako vám farby pomáhajú sústrediť vašu pozornosť tam, kde je to potrebné. Vidíte, ako bola značka viazaná na každý z týchto návrhov? Môžete tiež vidieť, ako je plne farebná grafika vedľa obmedzenej palety farieb stále užitočná bez toho, aby ste prišli príliš ďaleko do minimalistickej konštrukčnej cesty. Nasledujúce príklady vám to ukážu webové stránky, ktoré používajú maximálne 3 farby môžu byť stále účinné.

Obrazová mechanika

Pekný minimalistický dizajn, ktorý používa len dostatok farieb, aby nakreslil oko na dôležitý obsah na stránkach.

nclude

Veľké, modré fotografické pozadie je pekným kontrastom s bielym hlavným textom a zelenou značkou, ktorá najprv upúta pozornosť čitateľa. Svetlo modrý text upúta pohľad smerom dole na stručný popis spoločnosti a zoznam ich pôsobivých klientov. Pekné používanie farieb na vytvorenie hierarchie!

Loft

Rôzne odtiene šedej na bielom pozadí dávajú tejto webovej stránke sofistikovaný minimalistický vzhľad. Farebný text v ponuke stránky slúži ako sprievodca pri navigácii na stránkach.

Fat-Man-Collective

Rovnako ako ich vzhľad značky a tón, tento dizajn webových stránok je tiež "krátky a sladký." Spôsob, ako ísť s udržiavaním značkového vzhľadu!

Creative Spark

Mínus ilustrácia, táto webová stránka obsahuje do svojho dizajnu len 3 farby: žltá, čierna a biela, čo je pekný odkaz na žiarovku, keď o tom premýšľate. A žiarovka dobre funguje s názvom spoločnosti Creative Spark. zaujímavý.

Pepperminted

Roztomilý názov a roztomilý väčšinou 3 farebný dizajn, tento je jednoduchý, ale zároveň kreatívny.

Sergej Stančev

Tmavá farebná schéma a obmedzené používanie farieb dávajú tejto stránke sofistikovaný a profesionálny vzhľad.

Digimurai

Textové farby oranžovej a modrej súhlasia s ilustrovaným pozadím a roztomilým malým maskotom.

Causecast

Šedá, modrá a ružová na bielom pozadí poskytujú veľmi "šťastný" tón, ktorý sa javí ako dobrá voľba pre dobrovoľnícky / charitatívny program.

Astheria

Tento šikovný dizajn používa farby, dobre, drogy! Biela, šedá a modrá sú zvyčajne farby, ktoré vidíte na škatuľkách na pilulky, takže sa tieto dizajnéri naozaj ujali myšlienkou, že "dizajn je droga".

Dave Airey

Ah, David Airey, jeden z najobľúbenejších návrhárov identity značky v komunite blogov s grafickým dizajnom. Jeho stránka je minimalistická s čiernym, oranžovým a sivým textom na bielom pozadí. Jednoduché, ale účinné!

Eduardo de La Rocque

Textované pozadie vyzerá ako fiktívny papier, ktorý používajú niektorí ľudia na tlačenie životopisov a životopisov. Je zaujímavé aj to, že ružovo-červený text upadne na svetlo šedú, keď umiestnite kurzor myši nad ním.

Osem tvár

Čierne, biele a sivé, spolu s niekoľkými náznakami oranžového textu, sú hlavné farby, ktoré sa používajú v tomto dizajne. Tieto farby dávajú tejto webovej stránke akýsi "novinový" vzhľad.

horúčka

Tmavo, svetlošedá a červená sú v tomto dizajne zameniteľné. Zatiaľ čo tento dizajn by mohol byť trochu lepšie zorganizovaný, pokiaľ ide o to, aké farby boli použité tam, kde sa dobre držali s troma farbami titulu.

Stefan Coisson

Táto stránka používa 3 farby pomerne efektívne v jednoduchom rozložení webových stránok. Zatiaľ čo text by mohol byť lepšie organizovaný, zelené zvýraznenie vyniká pekne proti čiernej a bielej text.

Jon Tangerine

Dobre, tak to je ďalšia, ktorá trochu prekračuje rámec troch farebných schém, ale je to tak krásna stránka, ktorá kričí: "Pozrite sa na mňa!" Žlté zvýraznenia a textové odkazy (s trochou oranžového podčiarknutia) kontrastujú s čiernym, šedým a príležitostným bielym textom. krásny!

Martin Hipp

Tmavošedá, čierna a trávnatá zelená zmes, ktorá dáva tomuto miestu osviežujúci profesionálny, ale jedinečný vzhľad.

Minimálne stránky

Začína si všimnúť vzor v použití čiernej, šedej a svetlé farby na bielom pozadí? Možno tento typ farebnej schémy je populárny, pretože vytvára minimalistický vzhľad s dostatkom farby, aby upútal pozornosť ... a táto webová stránka nie je výnimkou.

Teória pohybu

Pruh čiernej na boku je pekný dotek, ktorý pridáva k "filmu" vzhľad a pocit. Sivý a červený text udržuje túto stránku jednoduchú, čo je veľmi dôležité so všetkými obrazmi, ktoré musia byť zahrnuté.

Cesta späť

Modrá spolu s odtieňmi šedej udržujú tento dizajn minimalistický a tradičný. Tri rôzne farby sa používajú pekne, aby upozornili na dôležitý text.

Grain a gram

Táto webová stránka robí skvelú prácu pri vytváraní "gentlemanovho" odvolania s mužskými tmavosivými farbami, farbou zrna (v súlade s titulom) a bielou.

Skvelé fonty

Oranžová spolu s čiernou a šedou farbou (a malý kúsok bieleho textu) pomáha rozlúštiť túto textovo ťažkú ​​stránku a urobiť ju zaujímavou.

Yuna

Táto stránka väčšinou používa tmavé a svetlé šedé geometrické tvary, ale modrá je tiež zvýrazňujúca farba spolu s trochou ružovej farby. Takže to je iná variácia čiernej, šedej a zvýrazňovanej farebnej schémy.

Pentagon

Šedé, niektoré biele a veľa modrej značky pre veľmi jednoduchú farebnú schému. Na druhej strane, modrá sa zdá trochu ohromujúca a blikajúca grafika to moc nepomáha.

Grafický dizajn v rádiu

Technicky sa na tejto stránke používajú len 3 farby: čierny a sivý text v bielych poliach a ružové pozadie s textúrou. Ale počkaj! Zatvorte stránku, znovu ju otvorte a pozadie je teraz modré, nie, žlté. Dobre, teraz môžete ukončiť opätovné otvorenie stránky. Znepokojené sú len tri farby na hranie, nie?

Pixelbot

Tmavosivá, svetlošedá a zvýrazňujúca farba znova vytvárajú jednoduchú a efektívnu farebnú schému pre návrh webových stránok.

Stránky inšpirovať

Zatiaľ čo má farba zmeny textu, keď ste kurzor myši nad ním môže byť zábava, toto môže využiť túto funkciu trochu príliš. Ale možno sa s nimi môžu dostať z dôvodu ich jednoduchého trojbarevného dizajnu.

Stefan Persson

Šedá / čierna s oranžovou a bielou farbou dodáva tomuto veľmi dobre organizovanému dizajnu. Každá farba sa zdá byť prísne používaná, čo naozaj prechádza navigáciou tejto stránky na veľké výšky.

Faust

Jednoduchá farebná schéma pomáha zmierniť zaneprázdnenosť tejto stránky; ale menej oranžovej by pomohlo dizajnu ešte viac.

Priemyselné zariadenie

Navigácia na tejto stránke je trochu iná, čo nie je vždy odporúčané. Tmavosivá, svetlošedá a biela farebná schéma však pomáha udržiavať stránky dostatočne jednoduché na to, aby sa naučili pomerne rýchlo.

Poznámka redaktora: Tento príspevok je napísaný používateľom Tara Hornor pre Hongkiat.com. Tara má titul v angličtine a píše o marketingu, reklame, brandingu, grafickom dizajne a desktop publishing. Okrem svojej kariéry písanie Tara tiež teší trávenie času so svojím manželom a dvoma deťmi.