it-swarm-eu.dev

Překlenutí mezery mezi barevnými paletami a CSS

Jsem obeznámen s weby jako kuler , dobře se orientuji v HTML/CSS/JavaScript (jako programátor) a vím, jaký druh obsahu na mém webu potřebuji. Dokážu přijít na to, jak rozvrhnout svůj obsah slušně. Nejtěžší pro mě je však zjistit, jakou barvu by měla mít každá věc (např. Odkazy, text, pozadí, další prvky). Jsem hrozný v barvách!

Například když přepnete kuler do režimu Triáda a vyberete barvu, zobrazí barvu a dva páry doplňkových barev, takže barvy jsou vždy tučně, ale stále spolupracují. Ale zkusím je vložit na stránku, jednu barvu na pozadí, jednu barvu na odkazy a jednu barvu na text, to vůbec nefunguje. Zjevně to dělám špatně!

Jaký je nejlepší způsob, jak zjistit, jaké barvy vytvořit web? Jsem absolutně hrozný v barvách a myslel jsem si, že kuler pomůže, ale není to tak snadné! Pomozte mi prosím "překlenout propast" mezi kulerem a CSS, abych si mohl rychle a snadno vybrat paletu barev a použít ji na můj web.

9
Ricket

Zní to, jako byste se snažili dát barvu na barvu (např. Červený text na zeleném pozadí). To je na oči velmi těžké!

silujte o kombinaci barev a šedé (bílá a černá jsou zde „šedé“) - např. Pokud musíte mít barevný text, položte jej na bílé nebo černé pozadí. Pokud chcete barevné pozadí, vytvořte z něj jen lehce zbarvené a poté na něj použijte bílý nebo černý text.

S barvou, méně je více. Pokud jdeš zběsile, skončíš s MySpace a ochromíš bolesti hlavy. Použijte barvu pro zvýraznění, nikoli jako obsah. Začněte černobílým designem a zkuste přidat jeden barevný prvek. Podívejte se, jak to vypadá. Pak přidejte další. Příliš mnoho? Vyjměte to znovu. Zkuste jiný prvek.

Podívejte se, jak webové stránky, které se vám líbí, používají barvu. Například, tato stránka je většinou černá a bílá, s nějakou modrou (odkazy, značky, lišta záhlaví), a jiná žlutá (proti modré, používá se velmi střídmě jako přízvuková barva). To je dnes běžný přístup.

5
Alex Feinman

Zjistěte, jaké emoce chcete, aby uživatel zažil. Vytváříte místo pro servírování kávy? Zkuste nastavit náladu pomocí barev. Musíte vědět o tom, jaké barvy vstřebávají, které emoce.

Jaké emoce se snažíte dát návštěvníkovi?

Našel jsem tento web jako velmi užitečný úvod do teorie barev: TigerColor - Úvod do teorie barev

Nezapomeňte, že výběr barev je mnohem více než jen odstíny. Budete také chtít zvážit zohlednění lehkosti a nasycení.

3
Daniel X Moore

Řekněme jen, že trojice barev nemá přesně „dobře spolupracovat“ - častěji jsou to tři barvy, které přitahují pozornost diváků stejně. Barevné palety založené na trojici fungují dobře, pokud barvy z palety jsou pouze skvrnami na prostém poli neutrálů nebo pokud jedna barva dominuje a další dvě se používají jako akcenty.

1
Mariusz Ciesla

Když se naučíte programování, vy (pravděpodobně) jste skočili a nenapsali třístupňovou architekturu od začátku jako svůj první program. Pravděpodobně jste napsali malé programy, které vám jen pomohou naučit vás o jednom malém aspektu programování.

Totéž platí pro design. Okamžité skočení a vytvoření ohromujícího a složitého designu nebude fungovat.

Jako nezařazený návrhář musíte začít co nejjednodušší. Navrhnout dobře vypadající web, který nemá bílé (nebo mírně špinavé) pozadí, vyžaduje skutečnou dovednost. Mají prosté bílé pozadí s černým textem a poté použijte tři barvy pro drobné detaily - odkazy, nadpis a tučný text a možná i záhlaví.

Když máte jednoduchý design vypadající svěží, pak se zaměřte na obsah. Když je vše v pořádku, budete mít dobrý základ pro experimentování s designem. Pak přineste více designérského vkusu, pomalu a jeden kousek najednou, takže se můžete naučit účinky jemných změn. Ber to jako vzdělání.

1
Mongus Pong

Popadněte pastelky, barevné tužky atd. A experimentujte. Jít rovnou od trojice v Kuler (nebo některý z populárních generátorů barev) na CSS může být v závislosti na barvách zasažen/zmeškán.

Držte se nejprve několika, 2 - 3 barvami. Teorie barev je podobná typografii v tom, že je k dispozici mnoho možností, ale nejlepší návrhy obvykle používají jen velmi málo dobře vybraných barev.

Zvažte také neutrální (nebo neutrální tóny) pro velké rozlohy, jako je pozadí, a výraznější barvy pro věci, jako jsou odkazy, loga atd.

Podívejte se také na ColourLovers , kde najdete nějaké skvělé nápady (nebo ještě lépe se připojte ke komunitě!).

1

Vždycky pracuji na příkladu. Příspěvek Příručka pro začátečníky k použití síly barev ve webovém design kombinuje teorii barev, o které @Daniel X More mluví o webech, které používají danou teorii barev.

Poté můžete jeden z webů přiřadit k obsahu, který máte, a odtud jako výchozí bod analyzovat harmonii barev.

1
icc97