Farebná kombinácia webdizajnu. Kombinácia farieb vo webdizajne. Výber akcentových farieb

Ľudia stále diskutujú o tom, či je obsah hlavný. Ak sa ma pýtate, úplne s nimi súhlasím a môj názor vychádza z vlastnej skúsenosti. Či už je dominantný alebo nie, je tu niečo, čo je rovnako dôležité! Čo je to, pýtate sa? Viem, že každý rád hovorí: "Nesúď knihu podľa obalu." Ale ako inak plánujete zaujať niekoho, ak nie originálnym obalom? Je zrejmé, že keď už niekoho zaujmete, môžete zvyšok úsilia venovať obsahu. Bude o farbách webdizajnu a o tom, ako ich spravovať.

Prvý dojem urobíte len raz.

Vždy existuje jedna konkrétna akcia, ktorú chcete prinútiť návštevníka vašej stránky vykonať. Toto je činnosť, na ktorú kladiete najväčší dôraz. Môže to byť tlačidlo odberu, tlačidlo „Ďalej“ alebo tlačidlo „kúpiť“.

Bez ohľadu na tlačidlo, vždy pamätajte, že to, či naň niekto klikne, závisí od toho, ako sa návštevník na vašej stránke cíti.

V tomto článku sa dozviete o 5 najobľúbenejších farbách, vďaka ktorým váš web zaujme a zaujme návštevníkov.

„Pinterest“ používa veľa červených odtieňov

Červená je bezpochyby považovaná za najhorúcejšiu farbu. Ak sa pozriete na farebnú paletu Pinterestu, okamžite si všimnete, že červená je ich primárna farba.

Červená sa často spája s láskou. Ide o výraznú a dynamickú farbu, vďaka ktorej sa môžete zamilovať do všetkého, čo je blízke tejto farbe.

Táto farba je často viditeľná v propagačných akciách, pretože jej intenzita vytvára pocit naliehavosti.

Táto intenzívna farba môže návštevníkom webových stránok predovšetkým spôsobiť vzrušenie alebo povzbudenie. Zároveň však môže aj odrádzať od túžby byť na ňom, preto treba byť vždy opatrný.

Použite červenú na zvýraznenie vášho webového dizajnu. Hodí sa k bielej, sivej, svetlomodrej alebo striebornej farbe.

Praktický príklad použitia červenej:

Ľudské oko vidí červenú farbu, keď sa pozerá na svetlo s vlnovou dĺžkou medzi 630 a 700 nanometrami. Svetlo nad týmto rozsahom sa nazýva infračervené a ľudské oko ho nevníma, no možno ho identifikovať ako teplo. - Wikipedia

Širšie využitie palety červenej farby (od jimjim421):

10 asociácií s červenou farbou:

• krvi
• vojna
• oheň
• mužskosť
• vášeň
• zvádzanie
• nutkanie
• energie
• statočnosť

"Amazon" miluje sýtu oranžovú:

Oranžová je teplá a aktívna farba, ale nie taká intenzívna ako červená. Pomaranč je viac teplý ako horúci.

Táto svetlá farba plná energie povzbudzuje ľudí, aby konali, nie ich nútia alebo nútia. Orange je len niekedy vnímaný ako intenzívny – vyzýva na akciu ako nákup, predplatenie, predaj alebo sledovanie. Pomaranč sa odporúča použiť, ak po návšteve vašej stránky chcete zanechať hosťa motivovaného, ​​radostného, ​​kreatívneho a plného entuziazmu.

Praktický príklad použitia pomaranča:

Širšie využitie oranžovej palety manekineko:

10 asociácií s oranžovou farbou:

• optimizmus
• definícia
• oheň
• varovanie
• jeseň
• náboženstvo
• výdrž
• súcit
• halloween
• organizmu

Modrá farba Facebook vytvára pocit bezpečia:

Pomocou modrej farby môžete nájsť mnoho obchodných a firemných webových stránok. Túto farbu spájame s niečím spoľahlivým, bezpečným, vyvoláva pocit dôvery a skúsenosti. Nie je preto divu, že každý obchodník, ktorému záleží na dojme, ktorý zanechá na stránke svojej firmy, uprednostňuje modrú farbu. Modrá vytvára úplne opačný pocit ako tie, ktoré zanecháva červená. Modrá nás upokojuje a vôbec sa jej nemusíme báť.

Praktický príklad použitia modrej:

Stavím sa, že si nevedel:

Prieskum, ktorý sa uskutočnil v Nemecku a bol zverejnený v roku 2009, dokázal, že modrá je obľúbenou farbou 46 percent mužov a 44 percent opýtaných žien. — Wikipedia

Širšie využitie palety modrých farieb entitydesigns:

10 asociácií s modrou:

• pravdivosť
• priateľskosť
• mágia
• chlapi
• bezodplatnosť
• POLÍCIA

Sila zelene

Cítite sa práve teraz mimoriadne optimisticky? Nechajte ma hádať - pozerali ste sa na niečo zelené? Možno ste sa práve pozerali na zelenú rastlinu - to vás nepochybne upokojilo a prinútilo vás pozerať sa na veci optimistickejšie.

Každý, kto je nejakým spôsobom spojený s ekológiou, má viac možností využiť zelenú farbu pri tvorbe svojich stránok. Venujte pozornosť 100 dolárovej bankovke. Tu prevláda zelená farba! Stránky ako Groupon majú tiež veľa zelene vo svojej značke, pretože sa priamo zaoberajú peniazmi. Zelená je veľmi osviežujúca a uvoľňujúca, zanecháva v ľuďoch pocit vyrovnanosti a inšpirácie. Predstavuje rovnováhu a harmóniu v dizajne.

Praktický príklad použitia zelenej farby:

Stavím sa, že si nevedel:

V niektorých jazykoch vrátane starej čínštiny, thajčiny, starej japončiny a vietnamčiny môže to isté slovo znamenať súčasne modrú aj zelenú. Neexistujú žiadne prírodné zdroje pre zelené potravinárske farbivo schválené americkým Úradom pre potraviny a liečivá. - Wikipedia

Širšie využitie zelenej od Skybluue2u:

10 asociácií so zelenou:

• peniaze
• chamtivosť
• závisť
• prírody
• Jar
• zdravie
• mládež
• tráva
• nádej

Yahoo! a fialová na ich logu

Fialová je farba, ktorá sa najčastejšie spája s pojmami ako predstavivosť, kreativita, dôstojnosť, šľachta a hojnosť. Žiarivé odtiene fialovej sú spojené skôr s jarou a romantikou, zatiaľ čo tmavšie odtiene fialovej s luxusom a bohatstvom. Fialová sa používa v krásnych a trendy posteľných obliečkach, pretože fialová je upokojujúcejšia ako ktorákoľvek iná farba. Je považovaná za ženskejšiu a romantickejšiu ako mužskú farbu. Pri pohľade na fialové veci pôsobí vyslovene umelo, je to preto, že táto farba je v prírode veľmi vzácna. Rovnako ako červená, aj fialová sa ľuďom zdá príliš silná a svetlá, vyvoláva v nich nutkanie niečo urobiť, akosi ich núti urobiť určitú akciu. Preto by bolo efektívne kombinovať túto farbu s čiernymi alebo bielymi farbami.

Praktický príklad použitia fialovej:

Stavím sa, že si nevedel:

V apríli 2007 vedci špekulovali, že rané archaea mohli použiť fialový pigment podobný chlorofylu na absorbovanie energie zo slnka. Ak by to tak naozaj bolo, obrovské oblasti oceánov a pobrežia by boli fialové. Táto teória sa nazýva „hypotéza Purpurovej Zeme“. — wikipedia

Širšie využitie fialovej

10 asociácií s fialovou

• bohatstvo
• štedrosť
• šľachta
• zjemnenie
• romantika
• umenie
• exotické
• duchovnosti
• luxus
• ženskosť

1WD inteligentne využíva monochromatické farby

Monochromatické farby, ako je biela, čierna, tmavošedá a svetlošedá, by sa zvyčajne mali použiť ako pozadie pri vývoji dizajnu s už prítomnými a správne umiestnenými akcentovými farbami, ktoré sú jasnejšie a sýtejšie. Pozri sa na stránku, 1stwebdesigner - 1WD. Oranžové farby používajú aj ako jasný farebný akcent – ​​ale len v harmonickej kombinácii s tmavosivou a svetlosivou farbou. A, samozrejme, biela (farba pozadia stránky). Čierna bude vždy reprezentovať modernosť, tajomstvo, eleganciu a silu. Šedá je neutrálna farba, ktorá predstavuje niečo pokojné a takmer neznáme, ako tieň. Keďže šedá môže niekedy vyzerať špinavo, biela vytvorí opačný efekt. Biela znamená čistotu, otvorenosť, jednoduchosť a minimalizmus.

Praktický príklad použitia monochromatickej farby:

Stavím sa, že si nevedel:

Digitálna monochromatická fotografia zachytáva len tie čierne, ktoré sníma snímač fotoaparátu. Pri dodatočnom spracovaní farebných obrázkov môžete transformovať vnímaný jas kombináciou hodnôt niekoľkých kanálov. - Wikipedia

Väčšie využitie monochromatickej palety munstermi

10 asociácií s monochromatickými farbami

• moc
• elegancia
• priestor
• mäkkosť
• nevinnosť
• pesimizmus
• depresie
• nuda

A aká je tvoja obľúbená farba? A aké pocity a emócie to vo vás vyvoláva?

Preklad - Stôl

Farby hrajú pri webdizajne obrovskú úlohu. Na správny výber farebnej schémy pre stránku existujú špeciálne služby. Som si istý, že každý webový dizajnér má vo svojich záložkách aspoň jednu.

Niekedy sedíte a premýšľate, ktorý odtieň modrej si vybrať ako hlavný pre stránku, trochu svetlejší alebo trochu svetlejší, alebo možno tmavší ... A stále si k nemu musíte vyzdvihnúť ďalšie. Samozrejme, môžete to urobiť od oka, ale je lepšie využiť niektorú zo špeciálnych služieb.

Nebudem hovoriť o teórii farieb (to sú príliš rozsiahle informácie), ale jednoducho tu zverejním služby, ktoré mám vo svojich záložkách a ktoré používam.

S týmto nástrojom som dlhoročný priateľ. Najpohodlnejší nástroj na výber farieb (podľa môjho názoru). Má mnoho doplnkových funkcií. Môžete napríklad vidieť príklad svetlej a tmavej strany s vybranými farbami.

Je možné vyhodnotiť, ako budú vašu farebnú schému vidieť ľudia s farbosleposťou a inými zrakovými poruchami. Môžete si vybrať farby bezpečné pre web.

Adobe Kuler je druhý webový nástroj, ktorý používam pomerne často. Výber farebnej schémy je takmer rovnaký ako na predchádzajúcej stránke, ale nemám ju rád. Okrem toho, že môžete sami vytvárať farebné schémy, môžete si prezerať a používať schémy vytvorené inými ľuďmi.

Ak to chcete urobiť, kliknite na tlačidlo v ľavom hornom menu „Sledovať“. A uvidíte galériu všemožných farebných kombinácií.

Tento nástroj je trochu podobný Colorscheme, ale má menej funkcií, ale je možné vidieť, ako budú farebné bloky vyzerať.

Túto stránku takmer nepoužívam, ale keďže ju už mám v záložkách, rozhodol som sa ju pridať.

Nasledujúce dve stránky vygenerujú paletu z obrázka podľa vášho výberu. Je to kúzlo :)

Vyberiete si ľubovoľný obrázok, ktorého farby sa vám páčia, služba ho analyzuje a poskytne vám farebnú paletu. Tieto dve stránky sa líšia iba v tom, ako im poskytnúť obrázok.

Táto stránka potrebuje Stiahnuť ▼ obrázok z počítača.

Veľmi šikovný výber farieb. Na princípe „Páči sa mi – nepáči sa mi“.

flatcolors.net

Ako už názov napovedá, tu si môžete vybrať farby pre teraz trendy, plochý dizajn. Stránka je zaujímavá tým, že výberom palety si ju môžete stiahnuť pre programy Corel a Photoshop.

materialpalette.com

Ďalším módnym trendom je materiálový dizajn. Táto stránka pomáha pri výbere farebných kombinácií pre UI (používateľské rozhranie). Okrem toho má stránka veľkú sadu ikon.

Farba je určite dôležitým zdrojom emócií. Farby dokážu naladiť ten správny tón a sprostredkovať návštevníkom potrebné emócie, dokážu vzrušiť, vyvolať množstvo pocitov a podnietiť k akcii. Je to mimoriadne silný faktor ovplyvňujúci používateľov.

Pri výbere farebnej schémy pre lokalitu je dôležité urobiť to správne, riadiť sa základnými princípmi teórie farieb. Článok rozoberá najvýznamnejšie aspekty pri výbere, základné princípy kombinovania, účel farby vo webdizajne a jej symbolický význam. Okrem toho uvidíte niekoľko dobrých príkladov podľa prevládajúcich farieb, ako aj niekoľko užitočných tipov na efektívne používanie farieb pri vytváraní webovej stránky.

Poďme sa teda zoznámiť s kúzlom farieb ...

Teória farieb: základné princípy. Schopnosť zladiť farby

Je dobré, keď máte zmysel pre vkus a môžete si ľahko vybrať farebnú schému stránky. Nie všetci ľudia to dokážu ľahko. Pre tých, ktorí si nie sú istí, ako správne kombinovať farby pri tvorbe webu, by som odporučil oboznámiť sa so základmi teórie farieb.

Zvážte farebné koliesko.

Trochu histórie: Farebné koliesko vynašiel Isaac Newton. Po doložení teórie svetla a farieb v roku 1666. Práve ona vytvorila základ pre vznik a rozvoj modernej optiky, ktorej malou a neoddeliteľnou súčasťou je webdizajn. Newton pomocou trojstenného skleneného hranolu rozložil biele svetlo na sedem farieb (do spektra), čím dokázal jeho zložitosť (fenomén disperzie), objavil chromatickú aberáciu.

Farebné koliesko je nepostrádateľným atribútom mnohých dizajnérov a umelcov po celom svete. Toto je dokonalý dôkaz teórie, že dômyselnosť je vždy jednoduchá. Kruh umožňuje vybrať farby, ktoré by spolu ladili. Skladá sa zo 6 základných farieb: červená, oranžová, žltá, zelená, modrá, fialová a sekundárne farby.
Ak chcete nájsť správnu farebnú schému, musíte použiť ľubovoľné dve farby oproti sebe, ľubovoľné tri farby v rovnakej vzdialenosti pri vytváraní trojuholníka alebo ktorúkoľvek zo štyroch farieb tvoriacich obdĺžnik (dva páry farieb oproti sebe). Farebné schémy zostávajú správne bez ohľadu na uhol natočenia.

Primárne farby
Existujú tri základné farby: červená (#ff0000 v HTML alebo #F00 v CSS), žltá (#FFFF00 v HTML alebo #ff0 v CSS) a azúrová (#0000FF v HTML alebo #00f v CSS). Nedajú sa získať zmiešaním iných farieb. Kombináciou týchto troch farieb je možné vytvoriť doplnkové farby.

Kompozitné farby
Existujú aj tri hlavné: oranžová (#ff9900 v HTML alebo #F90 v CSS), zelená (#00FF00 v HTML alebo #0f0 v CSS) a fialová (#FF00FF v HTML alebo #f0f v CSS). Môžete ich získať zmiešaním červenej a žltej (oranžová), žltej a modrej (zelená) a modrej a červenej (fialová).

Terciárne farby
Ak chcete získať jednu z terciárnych farieb, musíte zmiešať jednu základnú farbu a jednu sekundárnu farbu. Možnosti terciárnych farieb sú nekonečné.

Ďalšie farby
Doplnkové farby sú umiestnené priamo oproti sebe na farebnom koliesku: červená a zelená, modrá a oranžová, fialová a žltá. Vo vzájomnej kombinácii vytvárajú výrazný kontrast. Takéto kombinácie sa zvyčajne používajú na zvýraznenie určitých prvkov na webovej stránke.

Podobné farby
Tieto farby sú umiestnené vedľa seba na farebnom koliesku. Zvyčajne vyzerajú spolu veľmi dobre. Použitie takýchto farebných kombinácií vyvoláva u návštevníkov vašej stránky pocit pohodlia.

Farby v rôznych kultúrach: symbolika

Pri výbere gama pre vašu stránku musíte vziať do úvahy skutočnosť, že farba môže mať v rôznych kultúrach najrôznejšie významy. Kultúrny aspekt pre farebnú symboliku môže byť veľmi silný, takže si musíte byť vedomí toho, aké je publikum stránky.
Poďme zistiť, čo farby znamenajú v rôznych kultúrach:

• Čína: farba nevesty, veľa šťastia, oslavy
• India: čistota
• Južná Afrika: smútočné farby
• Východ: radosť (v kombinácii s bielou)
• Západ: vzrušenie, láska, vášeň
• USA: Vianoce (so zelenou), Valentín (s bielou)
• Hebrejsky: obeta, hriech
• Japonsko: život
• Kresťanstvo: obeta, vášeň, láska
• Feng Shui: Jang, oheň, šťastie, rešpekt, ochrana, vitalita, peniaze, uznanie

• Európa: pokojná
• Irán: smútok, farba oblohy a spiritualita
• Čína: nesmrteľnosť
• Hinduizmus: farba Krišnu
• Judaizmus: Svätosť
• Kresťanstvo: farba Krista
• Katolicizmus: farby Máriiných šiat
• Blízky východ: ochrana
• Vo svete: farba bezpečnosti
• Feng Shui: Jin, Voda, Pokoj, Láska, Liečenie, Relax, Dôvera, Dobrodružstvo
• Západ: smútok, depresia

• Európa: šťastie, nádej, radosť, zbabelosť v nebezpečenstve, slabosť
• Ázia: farba cisárstva
• Egypt: smútok
• Japonsko: Odvaha
• India: obchodníci
• Budhizmus: Múdrosť
• Feng Shui: Jang, Zem, priaznivé, slnečné lúče, teplo, pohyb

• Európa: jeseň, úroda, tvorivosť
• Írsko: protestanti (náboženskí)
• USA: Halloween (s čiernou), lacný tovar
• Hinduizmus: šafranová (broskyňová oranžová) posvätná farba
• Feng Shui: Jang, Zem, ciele, zvyšuje koncentráciu

Hnedá

• Kolumbia: prekážka predaja
• Austrálski domorodci: farby zeme, slávnostná okrová
• Feng Shui: Jang, Zem, Priemysel

zelená

• Japonsko: život
• Islam: nádej, cnosť
• Írsko: symbol celej krajiny
• Európa / USA: jar, nové narodenie, deň sv. Patrika, Vianoce (s červenou)
• USA: peniaze
• India: Islam
• Feng Shui: jin, drevo, liečenie, zdravie, upokojenie

fialový

• Thajsko: smútok (vdovy)
• Katolicizmus: smrť, smútok, ukrižovanie
• Feng Shui: Yin, farba fyzického a duševného liečenia

biely

• Európa: manželstvo, anjeli, lekári, nemocnica, mier
• Japonsko: smútok, biely karafiát symbolizuje smrť
• Čína: smútok, smrť,
• India: nešťastie
• Východ: pohreb
• Feng Shui: Jang, kov, smrť, duchovia, smútok, rovnováha, dôvera

čierna

• Európa: smútok, pohreb, smrť, nepokoje, pokoj
• Thajsko: nešťastie, zlo
• Judaizmus: nešťastie, zlo
• Austrálski domorodci: farba ľudí
• Feng Shui: jin, voda, peniaze, kariérny úspech, príjem, stabilita, emocionálna ochrana, sila

Význam farieb

Poďme sa pozrieť na to, ako môže každá farba cítiť a pozrieť sa na niektoré hotové riešenia.

Hlavne spojené s vášňou, odvahou a túžbou. Červená je farbou lásky, sily, energie, vedenia a vzrušenia. Je to výrazná farba a mali by ste si uvedomiť niektoré jej negatívne emócie: nebezpečenstvo, úzkosť.

Trpezlivosť, pokoj, pokoj, spoľahlivosť, láska, stabilita. Jedna z najobľúbenejších farieb, najmä u mužov. Je spojená so stabilitou a hĺbkou, profesionalitou, dôverou.

Farba sa najčastejšie spája so živosťou. Energický, dáva pocit šťastia. Okrem toho sa spája so zvedavosťou, zábavou, radosťou, inteligenciou, opatrnosťou.

Veselosť a kreativita. Spája sa s priateľskosťou, sebadôverou, hravosťou, odvahou, statočnosťou.

fialový

Tradične spájaný s mocou, šľachtou a bohatstvom. Múdrosť, nezávislosť, šľachta, luxus, ambície, dôstojnosť, mágia a tajomstvá.

Optimálny počet farieb. Nerobte zo svojej stránky cirkus.

Použite požadovaný počet farieb. Minimálny počet farieb môže prispieť k fádnosti vašej stránky.

Ak potrebujete zaujať návštevu, použite intenzívne farby.

Doplnkové farebné schémy môžete nájsť priblížením sa k prírode.

užitočné odkazy

Zrakové vnímanie závisí od mnohých faktorov – tvaru a obrysu predmetov, textúr, ale predovšetkým od farby. Premýšľali ste niekedy nad tým, prečo sa čierne a sivé farby cítia nepríjemne? Alebo prečo pomaranče a zelené vyzerajú tak žiarivo a šťavnato? Kombinácia farieb vo webdizajne môže vyvolať určité emócie a ovplyvniť náš postoj ku konkrétnemu predmetu.

Reťazec zrakového vnímania začína našimi očami. Informácie o farbe sa potom prenesú do hypotalamu, časti mozgu, ktorá nášmu endokrinnému systému hovorí, ktoré hormóny má produkovať. Hormóny zasa ovplyvňujú emócie a správanie človeka. Preto kombinácia farieb vo webdizajne, ako aj v akejkoľvek inej oblasti súvisiacej s vizuálnym vnímaním, zohráva dôležitú úlohu.

Nie je však vplyv farby trochu preceňovaný? Nie je žiadnym tajomstvom, že marketing sa vo veľkej miere spolieha na farby. Uskutočnilo sa množstvo výskumov, aby sa zistilo, ako farebné kombinácie vo webdizajne ovplyvňujú ciele značky, ktoré farby sú obľúbenejšie u mužov a žien atď. Napríklad štúdia vplyvu farieb na rozhodovanie o kúpe ukázala, že 83 % žien a 56 % mužov si vyberá produkty a služby podľa farby. Je zrejmé, že dobré farebné kombinácie môžu zvýšiť mieru konverzie. Preto treba k výberu farebnej schémy pre blog pristupovať múdro.

Krátka odbočka do psychológie a teórie farieb

Prečo je psychológia farieb pre blogerov dôležitá?

Skutočne, čo majú spoločné teória farieb a blogovanie? Či už ste skúsený bloger alebo úplný začiatočník, všetko závisí od toho, kto presne váš blog číta. Štúdium štatistík o návštevníkoch vášho blogu vám pomôže poznať preferencie farieb vašich čitateľov na základe veku, pohlavia a iných faktorov. Napríklad Joe Hallock vykonal štúdiu na určenie obľúbených farieb mužov a žien.

Podľa výsledkov štúdie predstavitelia oboch pohlaví uprednostňujú tieto farby:

Neobľúbená kombinácia farieb vo webdizajne pre mužov a ženy je:

Aké závery možno vyvodiť z týchto diagramov?

1. Muži aj ženy nemajú radi žltú a oranžovú farbu.
2. Ženy uprednostňujú žltú až oranžovú.
3. Muži uprednostňujú oranžovú pred žltou.

Pozoruhodné je aj to, že mužskí respondenti preferujú odtiene sivej alebo čisté achromatické farby; ženy uprednostňujú nenasýtené odtiene.

Aká farebná kombinácia vo webdizajne bude pre váš blog najúspešnejšia? Ak uverejňujete prevažne obsah pre mužov, mali by ste sa rozhodnúť pre zelenú a odtiene sivej. Pozrime sa na príklad - koniec koncov, toto je prevažne „mužská téma“. Dizajn tejto stránky je vyrobený v šedých a tmavozelených odtieňoch. Dizajn navyše obsahuje klasické čitateľné fonty a chytľavé grafické prvky. To stačí na to, aby zaujalo mužské publikum.

Ženy zase preferujú jemnejšie a svetlejšie farebné prevedenia. Preto pri vytváraní blogu primárne pre ženské publikum experimentujte s jemnými odtieňmi, napríklad variáciami fialovej alebo červenej. Tento príklad jasne ukazuje, ako môže úspešná kombinácia fialových a béžových odtieňov vyniknúť stránke medzi mnohými podobnými webovými zdrojmi.

Kde použiť farby na blogu?

Predstavte si, že vyvíjate dizajn pre novú webovú stránku alebo blog alebo vylepšujete existujúci webový zdroj. Je čas preniesť nadobudnuté vedomosti do praxe a zvoliť správnu kombináciu farieb vo webdizajne. Na tieto účely je lepšie použiť generátor farebnej schémy. Napríklad pre začiatočníkov je vhodný Adobe Color Wheel. Tento nástroj je intuitívny a pomôže vám vytvoriť farebnú schému, ktorá rešpektuje všetky pravidlá teórie farieb.

Adobe Color Wheel ponúka 6 prednastavených pracovných režimov, ktoré vám pomôžu nájsť harmonické farebné kombinácie. Nástroj tiež obsahuje jeden používateľský režim, ktorý vám umožní vybrať si sami.

Keď ste si vybrali farebnú schému pre svoj blog, stojí za to premýšľať o jej použití. Farebná schéma sa často používa na obrázok hrdinu, hlavičku, rámy, vzory a farby pozadia, tlačidlá a kontextové okná. Nezáleží na tom, či si vytvoríte vlastný dizajn alebo ho použijete, je veľmi dôležité zachovať rovnováhu medzi prvkami dizajnu webu a farbami.

Mimochodom, hotové šablóny pre tvorcov webových stránok sú rýchlou a pohodlnou možnosťou pre skúsených webových dizajnérov aj začiatočníkov. Napríklad vďaka funkcii drag-and-drop platformy MotoCMS môžete vytvoriť jedinečný dizajn jednoduchým umiestnením požadovaných prvkov do príslušných sekcií stránky. Ak chcete vidieť viac príkladov použitia psychológie farieb na konkrétnych stránkach, odporúčame vám prečítať si recenziu.

Ako vidíte, úspešná farebná kombinácia webdizajnu je skvelým nástrojom na prilákanie vašej cieľovej skupiny. Aj keď nie ste webový dizajnér, znalosť teórie farieb vám určite nezaškodí. A akú kombináciu považujete za najlepšiu pre svoj web alebo blog? Povedzte v komentároch!

Od autora: Farba je najdôležitejším prvkom webdizajnu. Ide o malý trik, ktorý používateľa nielen udrží na vašom webe, ale ho aj nasmeruje na vykonanie určitých akcií. Faktom je, že rôzne farby vo webovom dizajne na podvedomej úrovni môžu spôsobiť rôzne emócie a tieto algoritmy sa vytvorili v dávnych dobách ako výsledok ľudskej interakcie s prírodou.

Mnoho vývojárov trávi veľa času vytváraním jazykovej podpory pre webovú stránku. Málokto sa však zamýšľa nad tým, akú úlohu zohrávajú farby v našom živote. Napriek tomu viac ako 90 % našich rozhodnutí vybrať si produkt, kliknúť na odkaz, kliknúť na tlačidlo atď. je založených len na farbe. Webdizajn aktívne využíva tento nástroj, aby upútal pozornosť používateľa a povzbudil ho k interakcii.

Preto je také dôležité poznať základné princípy a trendy farieb vo webdizajne, ktorým sa budeme venovať v našom dnešnom článku. A začneme brilantnou, podľa mňa, farebnou rovnicou.

rovnica Johannesa Ittena

Švajčiarsky umelec Johannes Itten je vo vedeckých kruhoch známy ako najväčší odborník na princípy farieb v klasickom i súčasnom umení. Dlho študoval farebnú paletu rôznych prírodných predmetov, ako aj umeleckých diel všetkých čias a národov.

Farebná rovnica Johannesa Ittena vyzerá takto:

Referenčné body alebo farby prvého rádu tohto dvanásťdielneho kruhu sú červená, žltá a modrá. Do kruhu je vpísaný trojuholník farieb prvého rádu, na základe ktorého je postavený šesťuholník. Každá farba druhého rádu sa získa spojením dvoch farieb prvej úrovne. Tak dostaneme:

Oranžová = žltá + červená

Zelená = modrá + žltá

Fialová = modrá + červená

Farbu tretej úrovne možno získať zmiešaním tónov prvého a druhého rádu. V palete farieb teda vládne jasná hierarchia.

Kontrast a porovnanie

Mozog a oči sú schopné jasne rozlíšiť farebné odtiene iba pomocou kontrastu a porovnávania. Nie je žiadnym tajomstvom, že čierny štvorec na bielom pozadí vyzerá menší ako ten istý štvorec na čiernom pozadí. Čierna farba teda zmenšuje veľkosť, zatiaľ čo biela je schopná expandovať a ísť ďalej.

Za pozornosť stojí aj sedem typov kontrastných porovnaní. Samozrejme, čiernobiele farby majú najvýraznejší kontrast tmy a svetla. Modrá, červená a žltá však tvoria aj výrazné kontrastné dvojice.

Výrazový potenciál každého páru farieb pre webdizajn sa prejavuje rôznymi spôsobmi. Viac o typoch farebného kontrastu si povieme v článku „Kombinovanie farieb vo webdizajne ako efektívny marketingový nástroj“.

Moderné trendy a prístupy vo vývoji webu

Naučte sa algoritmus pre rýchly rast od nuly pri vytváraní webových stránok

Stlmenie farieb kontrastom

Podľa môjho názoru kontrastné farby webu najlepšie fungujú v minimalistickom dizajne. Napríklad web Studio Stylistik používa tyrkysové prvky na čiernom pozadí. Každý tyrkysový prvok (logo, text, obrázok), ktorý výrazne vynikne na čiernom pozadí, výrazne spevňuje grafiku a je rozhodujúca.

Výrazný text

Pomocou jasných farieb vo webovom dizajne je možné zvýrazniť určité slová. To platí najmä na slabom pozadí. Jasný výber textu ovplyvňuje vnímanie správy, dodáva jej určitý dôraz.

V nasledujúcom príklade je slovo „Láska“ vizuálne zvýraznené, čo je dobrá výzva na akciu v kombinácii s rovnakou farbou tlačidla „Zaregistrovať sa!“.

Pomocou jasných kontrastných farieb teda môžete vytvoriť umelú interakciu medzi tlačidlami a ostatnými prvkami stránky, upozorniť používateľa na tlačidlo a zlepšiť použiteľnosť vo všeobecnosti.

V tomto príklade nenápadná farba pozadia splýva s farbou produktu, aby sa zvýraznilo oranžové tlačidlo a akcia bola pre používateľa príťažlivejšia.

Výhodné farebné kombinácie

Ak chcete určiť najlepšiu farbu vo webovom dizajne svojej stránky, mali by ste v prvom rade analyzovať cieľové publikum a v druhom rade sa prispôsobiť jeho možným preferenciám. Ak je vaše publikum rozmiestnené po celom svete, skúste vytvoriť lokálne stránky.

Aké sú tajomstvá farebných kombinácií? Vezmime si napríklad burzu. V Japonsku, Spojenom kráľovstve a USA je negatívny ukazovateľ pohyblivého grafu červený a pozitívny je modrý alebo zelený.

Ale v Kórei a na Taiwane sú preferencie farieb priamo opačné. Je to spôsobené tým, že tam červená farba symbolizuje šťastie a prosperitu.

Pri výbere farebnej schémy by ste sa teda mali zamerať na vlastnosti rôznych kultúr. Aby ste to dosiahli, musíte študovať aj tie najmenšie detaily vnímania farieb jedným alebo druhým človekom, skupinou používateľov, konkrétnou osobou.

Farba je emócia

Vnímanie farieb nie je ani zďaleka univerzálnym jazykom, existujú však farby webového dizajnu, ktorých vplyv možno predvídať.

Premýšľali ste niekedy nad tým, prečo je nemocničný personál oblečený v neutrálnych bielych alebo tlmených pastelových uniformách?

Takúto voľbu nemožno nazvať náhodnou. Jemné zelené, modré, fialové tóny upokojujú, uvoľňujú a upokojujú pacientov. Vezmime si napríklad webovú stránku lekárskej fakulty. Pozrite sa na štyri farebné možnosti tejto stránky. Ktorú máte najradšej?

Vo všeobecnosti čierna znamená prísnosť a profesionalitu, avšak v lekárskom kontexte sa spája so smrťou. Červená je farba krvi, takže pre lekársku stránku tiež nie je veľmi vhodná, naznačuje zranenia, nie rehabilitáciu. Zelená a modrá by mohli dobre fungovať. Ale modrá, vidíte, je tu viac „k téme“, zelená je napokon príliš svetlá na túto tému.

Konečne

Ak sa považujete za kastu začínajúcich webových dizajnérov a stále nemáte patričné ​​skúsenosti a vkus, pokiaľ ide o výber farebnej schémy, odporúčam vám obrátiť sa na príslušné video kurzy, ktoré vám povedia zrozumiteľným jazykom pomocou skutočných príkladov , ako si vybrať harmonickú farebnú schému, ako aj riadiť ľudskú pozornosť pomocou farieb a ďalších komponentov webového dizajnu.

V tomto sa rozlúčim. Prihláste sa na odber aktualizácií nášho blogu a buďte informovaní o všetkých novinkách v oblasti webdizajnu a web developmentu. Kým sa znova nestretneme, priatelia!

Moderné trendy a prístupy vo vývoji webu

Naučte sa algoritmus pre rýchly rast od nuly pri vytváraní webových stránok