A szín hatalmas erő a tervező kezében. Felhívja a szemed, érzelmeket vált ki és értelmet közöl. Ahhoz, hogy képet kapjon arról, mennyire fontos a szín, a szín hatásának a marketingre című, széles körben idézett tanulmányában a kutatók felfedezték, hogy egyes termékek esetében az emberek által a termékekkel kapcsolatos pillanatnyi döntések 90% -a kizárólag színre épülhet.
Tehát a színek hatékony használata fontos a formatervezési mintáknál. De a különböző színkombinációk kidolgozása is nehéz. Minden színnek megvan a maga jelentése, és végtelen számú kombináció létezik.
Ez a cikk útmutatóként szolgál ahhoz, hogy színpalettákat találhasson ki tervei alapján. Arra ösztönzi Önt, hogy többet fedezzen fel a színekkel, ami segít abban, hogy intuitív érzéke legyen a jó színkombinációkhoz.
Amint többet keres a színekkel, intuitív érzéke lesz a jó színkombinációkhoz.Színpaletta kiválasztása
Néha a színpaletta hirtelen inspiráció eredménye. De legtöbbször szisztematikus megközelítésből származik.
Határozza meg a célt
Mielőtt bármi mást tenne, először határozza meg a tervezés célját. A jó design összehangolja színpalettáját a céljával.
Tegye fel magának a következő kérdéseket:
- Mi az az üzenet, amelyet el akar küldeni a tervével?
- Mi a célja a tervezésnek? Informatívnak lenni? Meggyőzni?
- Milyen érzelmeket akarsz kiváltani a tervedből?
Tervezésének útmutatóként kell szolgálnia az Ön számára a színpaletta kiválasztásakor.
Azonosítsa a közönségét
Az emberek másképp érzékelik a színeket. Ahogy Fairchild fogalmazott, a szín egy pszichológiai jelenség, amely a megfigyelőn belül merül fel. A színek személyes preferenciáik, kulturális nevelésük és tapasztalataik alapján eltérő hatással vannak az emberekre. Mint ilyen, annak megértéséhez, hogy az emberek hogyan reagálnak a tervedre, meg kell határoznod a közönséget.
Míg a szín egyes jelentései egyetemesek a közönség körében, mások nem. A zöld univerzálisan képviseli a természetet, mivel a növényzet színe. Azonban egy olyan színt, mint a vörös, kultúrákonként eltérő módon értelmeznek. A nyugati világban a vörös tűzzel, erőszakkal és hadviseléssel jár. Ehhez társul a szeretet és a szenvedély is. Kínához hasonló országok azonban a vöröset a jóléthez és a boldogsághoz társítják.
Mivel a színeknek nagyon sokféle jelentése van, fontos, hogy a tervezőként alkalmazott mentális színmodelleket a közönségéhez illesszük.
Ha többet szeretne megtudni arról, hogy mit jelentenek a színek a különböző országokban és demográfiai szempontból, olvassa el A szín pszichológiája a marketingben és a márkaépítésben, valamint A szín jelentése című cikket.
A színelmélet áttekintése
A színpaletta kiválasztásakor néha hasznos ismerni egy kis színelméletet. A színelmélet logikai felépítés és gyakorlati útmutató a színek keveréséhez. Mindent felölel a színkörtől kezdve az egyes színek jelentéséig.
Jó alapozó a Canva Alapszínelmélete és a Hubspot Színelmélet 101. A színelmélet érdekes alkalmazásáról a Miért Facebook kék? A tudomány a színek mögött a marketingben.
Keressen ihletet
Néha nehéz elképzelni a tervezéséhez megfelelő színpalettát. Nem baj, remek művészek lopnak . Vagy inkább más művészektől merítenek ihletet.
A színpaletta inspirációjának szokásos gyanúja az olyan oldalak, mint a Dribbble és a Behance. Ha színes inspirációt szeretne találni egy adott tervezési stílushoz, például az anyag kialakításához, használhat olyan webhelyet, mint a MaterialUI. A lapos kivitel megfelelője megtalálható a FlatUIColors oldalon.
Ezek a webhelyek hasznosak, de próbálja meg megvizsgálni azokat a terveket, amelyek az adott médiumon kívülről származnak. Ez segít Önnek váratlanul egyedi és kellemes színpalettákat találni. Példaként megnézheti a belsőépítészetet.
Ha valami másra vágyik, keressen színes ihletet más kultúrák tervezésében. Például a koreai zenei videók készletei ismertek színes és szemet gyönyörködtető színpalettájukról. Minden képkocka inspirációs forrásként szolgálhat.
Színes inspirációért nem kell Koreába mennie. Mindenhol ott van, beleértve a mindennapi életét is. Legközelebb, ha kimegy, álljon meg, hogy értékelje a körülötted lévő színeket.
Ha talál valamit, ami inspirál, készítsen hozzá színpalettát. Használhatja a szemcseppentő eszközt a kedvenc tervezési programjában a színpaletta kigúnyolásához és szükség esetén a beállítások elvégzéséhez.
Hozzon létre egy tervezési rendszert
A tervezési rendszer, amelyet néha stílus útmutatónak is neveznek, egy olyan keret, amely összefoglalja az összes elemet, amely a tervezésbe belemegy. Ez magában foglalja a gomboktól a tipográfiáig mindent. Fontolja meg például, hogy milyen gombokat fog használni, és hogyan néz ki a navigációs sáv.
A tervezési rendszer példájához tekintse meg a Salesforce tervezési rendszerét. Még több példa: íme egy 50 aprólékos stílusú útmutató, amelyet minden indulónak meg kell látnia az indítás előtt.
A színpaletta kiválasztása előtt hasznos kialakítani egy tervezési rendszert, még akkor is, ha ez csak egy durva vázlat. Ezzel képet kap arról, hogy milyen elemei vannak, és hogyan alkalmazhatók rájuk a színei.
A színpaletta kiválasztása során a legjobb, ha ragaszkodik a KISS (Tartsd egyszerű, hülyén) elvhez. Minél kevesebb a szín, annál jobb. A legtöbb tervezési rendszer esetében a következő szerkezet jó kezdet:
- Háttér
- Elsődleges akcentus
- Másodlagos akcentus
- Hiba színe
- A siker színe
Az elsődleges szín az a szín, amelyet a legfontosabb gombokhoz és ékezetekhez leggyakrabban használ. Sok vállalatnál ez is a logójuk színe.
A másodlagos szín az a szín, amelyet a másodlagos műveletek megkülönböztetéséhez használ. Például elsődleges és másodlagos gombok. A hiba és a siker színei, általában a piros és a zöld, a tervezési állapotokat közvetítik. Például a sikerről vagy a hibáról szóló értesítések.
Válasszon színpalettát
Most, hogy inspirációval és a tervezési rendszer durva vázlatával van felszerelve, itt az ideje, hogy színpalettát válasszon.
Alapszínes palettákhoz szeretem egymás mellé rakni a színeimet, akárcsak egy művész a festékpalettájukhoz.
Itt az ideje, hogy minden szín ihletet vegyen, és színpalettákat hozzon létre belőlük. Minél több, annál jobb. Ne féljen egyedül is kísérletezni a színekkel.
Amikor szűkíti a színpaletta lehetőségeit, gondoljon vissza az első két szakaszra, ahol meghatározta a tervezés célját és közönségét. Tegye fel magának a következő kérdéseket:
- Milyen színek érhetők el?
- Milyen színeknek van vizuális hatása és vonzza a szemed?
- Világos vagy sötét színvilágra van szüksége? Melyik napszakban fogják használni az emberek a termékét?
- Milyen hangulatot akarsz közvetíteni a terveddel? Valamelyik színpalettád ezt jobban csinálja, mint a többi?
Amint azt az utolsó szakaszban említettem, a színeknek más szerepük lesz a tervezési rendszerben. Ez azt is jelenti, hogy az egyes színek más súlyt hordoznak a rendszerben. Például a háttérszíneit gyakrabban használják, mint az akcentusszíneket.
Emiatt néha jó gyakorlat egy különféle méretű formákból álló kidobó kialakítása, amelyek mindegyik mérete nagyjából megegyezik az adott oldal színének előfordulási gyakoriságával és átlagos felületével.
Példaként itt találjuk az Invision színpalettáját.
A geometriai ábrázolás ilyennek tűnhet.
Színpaletták alkalmazása
Hogy képet kapjon arról, hogyan alkalmazható a színek a tervezési rendszereken, vessünk egy pillantást az Airbnb-re. Az Airbnb elsődleges színe a Rausch, amelyet az utcáról neveztek el, amelyről a cég származott. Kazan másodlagos színként szolgál, a két szürkét háttérszínként használják.
A legtöbb oldalnál az Airbnb ködös szürkét használ háttérként. Láthatja, hogy a rausch-t használják elsődleges színükként olyan fontos műveletek hangsúlyozására, mint például egy lista lefoglalásának kérése.
Kazan, a türkiz színű, megragadja és leköti a szemed. Figyelje meg, hogyan bókol az elsődleges színnel.
A hibaüzeneteknél az Airbnb világospiros színt használ, ami vitathatatlanul egy árnyalatú rausch. A piros a felkiáltójellel együtt azonnal felhívja a szemed és értesíti a rendszer állapotáról.
Induljon el anélkül, hogy színe lenne a tervezésben. Összpontosítson az elemek elrendezésére és elhelyezésére. Miután elégedett volt azzal, amije van, akkor elkezdheti alkalmazni a színpalettát a tervezésén.
Gondoljon a vizuális hierarchiára a tervezés során. Gondolja át, hogy milyen tervezési összetevőket szeretne kiemelni, és rendelje hozzá a megfelelő színt. Fontolja meg a színek különböző árnyalatainak használatát például az egérmutató és a kattintás állapotához.
Tekerje be
A szín a kísérletezésről és az iterációról szól. Ha jobban szeretne dolgozni a színnel, az egyetlen válasz az, hogy több munkát végezzen. Gondoljon a színre, mint adalékanyagra. Ha nincs meg a terv elrendezése és funkcionalitása, akkor annyi színpalettával kísérletezhet, amennyit csak akar.
A színekkel történő tervezés megtanulása végtelenül értékes egy tervező számára. Ahogy egyre jobban kiválasztja a színpalettákat, fejlesztheti a színkombinációk megjelenítésének képességét egy rajzon, mielőtt megérintene egy tervezőprogramot.
Szeretném tudni, hogyan működik a szín. Mi a folyamatod? Nyugodtan hagyjon nekem jegyzetet vagy csipeget.
PS Ha tetszett ez a cikk, sokat jelentene, ha megnyomná az ajánlás gombot, vagy megosztaná ismerőseivel.
