30 lepih treh barvnih spletnih strani za vaš navdih

Barva močno vpliva na obliko. Vendar pa lahko model, ki ima preveč barv, zlahka preplavi gledalca. Včasih lahko minimalistični pristop pomaga pritegniti pozornost obiskovalca do določene vsebine - prave vsebine.

V tej zbirki spletnih strani smo se osredotočili na modele, ki so za svoje uporabili tri barve primarno elementi oblikovanja. Vendar pa nekaj teh strani vključuje eno ali dve poudarjeni barvi, ki presegajo 3 glavne barve. Kljub temu so bile te spletne strani preveč dobro opravljene in dovolj blizu 3 barvnim merilom, ki jih ne moremo pomagati, ampak jih vključiti v to zbirko..

Opazujte, kako vam barve pomagajo, da se osredotočite na to, kje je to potrebno. Ali vidite, kako je bila blagovna znamka vezana na vsakega od teh modelov? Ogledate si lahko tudi, kako je uporaba polno barvne grafike ob omejeni barvni paleti še vedno uporabna, ne da bi šli preveč navzdol po minimalistični poti oblikovanja. To vam bodo pokazali naslednji primeri spletne strani, ki uporabljajo največ 3 barve še vedno lahko učinkovito.

Mehanika slike

Lep minimalistični dizajn, ki uporablja ravno dovolj barve, da pritegne pozornost na pomembno vsebino na spletnem mestu.

nclud

Veliko, modro fotografsko ozadje je lep kontrast belemu osnovnemu besedilu in zeleni blagovni znamki, ki najprej pritegne bralčevo pozornost. Svetlo modro besedilo usmerja pogled navzdol na kratek opis podjetja in seznam njihovih impresivnih strank. Lepa uporaba barv za ustvarjanje hierarhije!

Loft

Različni odtenki sive barve na beli podlagi dajejo tej spletni strani prefinjen minimalistični videz. Barvno besedilo v meniju strani služi kot vodilo pri krmarjenju po mestu.

Debeli človek-kolektiv

Tako kot njihov videz in ton blagovne znamke, je tudi ta spletna stran "kratka in sladka". Pot do ohranjanja blagovne znamke!

Creative Spark

Minus ilustracije, ta spletna stran vključuje le 3 barve v svojo zasnovo: rumeno, črno in belo, kar je lepo sklicevanje na žarnico, ko pomislite na to. In žarnica dobro deluje z imenom podjetja, Creative Spark. Zanimivo.

Pepperminted

Lepo ime in luštna večinoma 3 barvna oblika, ta je preprosta, a ustvarjalna hkrati.

Sergey Stanchev

Temna barvna shema in omejena uporaba barv dajejo temu mestu prefinjen, profesionalen videz in občutek.

Digimurai

Barve besedila oranžne in modre se usklajujejo z ilustriranim ozadjem in srčkano maskoto.

Prekinitev

Siva, modra in rožnata na belem ozadju zagotavljajo zelo "srečen" ton, ki se zdi dobra izbira za prostovoljni / dobrodelni program.

Astheria

Ta pametna zasnova uporablja barve zdravil! Bela, siva in modra barva sta ponavadi barve, ki jih vidite na škatlah za tabletke, zato so ti oblikovalci resnično imeli idejo o "oblikovanju je droga".

Dave Airey

Ah, David Airey, eden izmed najbolj priljubljenih oblikovalcev identitete blagovnih znamk v skupnosti za grafično oblikovanje. Njegovo spletno mesto je minimalistično s črnim, oranžnim in sivim besedilom na beli podlagi. Enostavno, a učinkovito!

Eduardo de La Rocque

Teksturirano ozadje izgleda kot domišljijski papir, ki ga nekateri uporabljajo za tiskanje življenjepisov in življenjepisov. Zanimivo je tudi, da rožnato-rdeče besedilo bledi v svetlo sivo, ko nad njim premikate miško.

Osem Face

Črna, bela in siva, skupaj z nekaj namigi oranžnega besedila, so glavne barve, ki se uporabljajo v tem načrtu. Te barve dajejo tej spletni strani nekakšen videz »novic«.

Vročina

Temno in svetlo sivo in rdečo se v tej zasnovi izmenično uporabljata. Čeprav je lahko ta zasnova nekoliko bolj organizirana glede na to, katere barve so bile uporabljene, so se zelo dobro držale treh barv naslova zelo dobro..

Stefan Coisson

Ta stran uporablja 3 barve precej učinkovito v preprosti postavitvi spletne strani. Čeprav je lahko besedilo bolje organizirano, zelena oznaka lepo izstopa od črno-belega besedila.

Jon Tangerine

V redu, tako da je to še ena, ki se razteza čez 3 barvno shemo, vendar je tako lepo mesto, da kriči: "Poglej me!" Rumeni poudarki in besedilne povezave (z malo oranžnega podčrtovanja) lepo kontrastirajo s črno-sivo in občasno belo besedilo. Lepo!

Martin Hipp

Temno siva, črna in zelena trava se dobro ujemata, kar daje tem mestu osvežujoč profesionalen, a edinstven videz.

Minimalna mesta

Začnite opazovati vzorec pri uporabi črne, sive in svetle barve na belem ozadju? Morda je ta vrsta barvne sheme priljubljena, ker ustvarja minimalističen videz, ki ima dovolj barve, da pritegne pozornost… in ta spletna stran ni izjema.

Teorija gibanja

Črna črta na strani je lep dotik, ki dodaja videz in občutek "filma". Sivo in rdeče besedilo ohranja to spletno stran preprosto, kar je zelo pomembno pri vseh slikah, ki jih je treba vključiti.

Pot nazaj

Modra barva in sivi odtenki ohranjajo ta dizajn minimalističen in tradicionalen. 3 različne barve se lepo uporabljajo za opozarjanje na pomembno besedilo.

Grain in Gram

Ta spletna stran je odlična naloga ustvarjanja "moške" pritožbe z moškimi barvami temno sive barve, zrnato barvo (v skladu z naslovom) in belo barvo.

Awesome Font Stacks

Oranžna barva skupaj s črno-sivo (in majhen del belega besedila) pomaga razbiti to spletno mesto, ki je težavno besedilo, in ga narediti zanimivo.

Yuna

Ta spletna stran večinoma uporablja temne in lahke sive geometrijske oblike, modra pa je tudi barva osvetljevanja, skupaj z roza. Torej, to je še ena različica črne, sive in osvetljene barvne sheme.

Pentagon

Siva, nekaj belega in veliko modre barve za zelo preprosto barvno shemo. Po drugi strani pa se modra barva zdi malce presenetljiva in utripajoča grafika ne pomaga veliko.

Grafično oblikovanje na radiu

Tehnično gledano ta stran uporablja le približno 3 barve: črno in sivo besedilo v belih poljih ter roza teksturirano ozadje. Ampak počakaj! Zaprite stran, jo ponovno odprete in ozadje je zdaj modro, ne, rumeno. Ok, nehaj ponovno odpreti stran, zdaj. Razočarani so samo tri barve, s katerimi se lahko igrate, ali ne?

Pixelbot

Tudi siva, svetlo siva in poudarjena barva omogočajo enostavno in učinkovito barvno shemo za spletno oblikovanje.

Stran navdihuje

Medtem ko ima besedilo spremeniti barvo, ko hover miško nad njim je lahko zabavno, ta lahko izkoristijo to funkcijo malo preveč. Morda pa se lahko izognejo temu zaradi preprostega, 3-barvnega dizajna.

Stefan Persson

Siva / črna z oranžno in belo dopolnjujejo to zelo dobro organizirano oblikovanje. Zdi se, da se vsaka barva drži stroge uporabe, ki resnično potrebuje navigacijo po tej strani.

Faust

Preprosta barvna shema pomaga zmanjšati zasedenost tega spletnega mesta; vendar bi manj oranžne barve še bolj pripomogla k oblikovanju.

Industrijski sklad

Navigacija tega spletnega mesta je nekoliko drugačna, nekaj se ne priporoča vedno. Toda temno siva, svetlo siva in bela barvna shema pomagajo ohranjati spletno stran dovolj preprosto, da se lahko hitro uči.

Opomba urednika: To objavo je napisal Tara Hornor za Hongkiat.com. Tara je diplomirala iz angleščine in piše o marketingu, oglaševanju, blagovni znamki, grafičnem oblikovanju in namiznem založništvu. Poleg pisne kariere Tara uživa tudi v druženju z možem in dvema otrokoma.