Webes színsémák létrehozása

01. oldal, 10

A színes és webes színsémák megértése

Alapszín - mustáros sárga. Kép: J Kyrnin

Négy alapszínséma létezik, amelyeket egy weboldalhoz használhat. A cikk minden egyes oldala képet mutat a színsémáról, és hogyan hozhat létre hasonló rendszert a Photoshopban.

Minden színséma ezt a sárga színt használja alapszínként.

02. oldal, 10

Monokromatikus webes színséma

Monokromatikus webes színséma. Kép: J Kyrnin

Ez a színséma az alapszín színű mustárú sárgáját használja, és fehér és fekete színt ad hozzá, és ennek megfelelően árnyékolja a rendszert.

A monokromatikus színsémák gyakran a legegyszerűbbek a színsémák szemében. A sötétben és árnyékban bekövetkező gyengéd változások a színek egymásba való áramlását eredményezik. Használja ezt a színsémát, hogy webhelye nehezebb legyen és összegyűjtve.

03. oldal, 10

Több monokromatikus webes színséma

Monokromatikus webes színséma. Kép: J Kyrnin

Hozzáadott egy 20% -os fekete négyzet, hogy több színt kapjon a rendszerben. Fekete vagy fehér színek hozzáadása a színekhez új színt hozhat létre a palettájába, anélkül, hogy az oldal hangzását elrontaná.

04. oldal, 10

Analóg webes színséma

Analóg webes színséma. Kép: J Kyrnin

Ez a színséma a sárga alapszínt veszi fel, és hozzáadja és kivonja a 30 fokos színárnyalatot a Photoshop színpalettán.

Az analóg színek nagyon jól működhetnek együtt, de néha rosszul ütköznek. Ügyeljen arra, hogy több emberrel tesztelje ezeket a rendszereket, mint önmagát, családját és barátait. Amikor dolgoznak, olyan helyet hoznak létre, amely színesebb, mint a monokromatikus rendszer, de majdnem olyan folyékony.

05. oldal, 10

További analóg webes színrend

Analóg webes színséma. Kép: J Kyrnin

Hozzáadott egy 20% -os fekete négyzet, hogy több színt kapjon a rendszerben.

06. oldal, 10

Kiegészítő webes színséma

Kiegészítő webes színséma. Kép: J Kyrnin

Kiegészítő színsémák, ellentétben más színsémákkal, jellemzően csak két szín van. Az alapszín és ellentétes a színes kerékkel. A Photoshop egyszerűvé teszi a kiegészítő szín elérését - egyszerűen válassza ki azt a színterületet, amelyet a Ctrl-I kiegészítéséhez kíván használni. A Photoshop megfordítja az Ön számára. Győződjön meg róla, hogy ez egy dupla rétegben történik, így nem veszíti el az alapszínét.

A kiegészítő színsémák gyakran sokkal szembetűnőbbek, mint a többi színséma, ezért óvatosan használja őket. Leggyakrabban azokat a darabokat használják, amelyeknek ki kell emelkedniük.

07. oldal, 10

További kiegészítő webes színsémák

Kiegészítő webes színséma. Kép: J Kyrnin

Ennek a verziónak a megszerzéséhez a színek alsó feléhez 50% fehérséget, a középső négyzetre pedig 30% -át adtam hozzá. Amint látja, még néhány opciót ad, de ez még mindig kiegészítő színséma.

08. oldal, 10

Triadikus webes színsémák

Triadikus webes színsémák. Kép: J Kyrnin

A triadikus színsémák három színből állnak, amelyek többé-kevésbé egyenlő távolságra vannak a színkerék körül. Mivel egy színes kerék 360 fokos, ismételten használtam a színválasztó színárnyalatát, hogy hozzáadhassam és lehúzzam 120 fokot az alapszíntől.

A triadikus színsémák gyakran nagyon élénk weboldalakat hoznak létre. De mint a kiegészítő színsémák, másképp érinthetik az embereket. Ügyeljen arra, hogy teszteljen.

Tetradikus vagy 4 színű színsémákat is létrehozhat, ahol a színek egyenlő távolságra vannak a színkerék körül.

09. oldal, 10

További triadikus webes színsémák

Triadikus webes színsémák. Kép: J Kyrnin

Mint a többi példához hasonlóan, hozzáadtam egy 30% -os fekete négyzetet a színekhez, hogy megkapja a további árnyalatokat.

10/10

Megkülönböztető webes színrendszerek

Megkülönböztető webes színrendszerek. Kép: J Kyrnin

A szépség a szemlélő szemében van, de sajnálatos tény, hogy nem minden szín együtt jár. A megkülönböztető színek olyan színek, amelyek távolodnak a színkeréktől mintegy 30 foktól távol, és nem kiegészítőek vagy egy hármas részek.

A megkülönböztető színsémák nagyon megrázóak lehetnek, és csak figyelemfelhívásra használhatók fel. Ne feledje, hogy mivel ezek a színek gyakran ütköznek, a felkeltett figyelem lehet, hogy nem pontosan az, amit keres.