Discover color сочетания цветов: 250 DISCOVER COLOR ideas | color, color inspiration, color pallets

Содержание

Капля Цветовая Палитра с Фото

Версия 1.6.2

— Explore amazing palettes created by other users
— Share your palettes with other color enthusiasts
— Color Names list
— Create Palettes from color codes

Разработчик Nikola Bozinovic указал, что в соответствии с политикой конфиденциальности приложения данные могут обрабатываться так, как описано ниже. Подробные сведения доступны в политике конфиденциальности разработчика.

Данные, используе­мые для отслежи­вания информации

Следующие данные могут использоваться для отслеживания информации о пользователе в приложениях и на сайтах, принадлежащих другим компаниям.

  • Геопозиция
  • Идентифика­торы
  • Данные об использова­нии

Связанные с пользова­телем данные

Может вестись сбор следующих данных, которые связаны с личностью пользователя.

  • Контактные данные
  • Идентифика­торы
  • Данные об использова­нии
  • Диагностика

Не связанные с пользова­телем данные

Может вестись сбор следующих данных, которые не связаны с личностью пользователя.

  • Геопозиция
  • Пользова­тель­ский контент
  • Идентифика­торы

Конфиденциальные данные могут использоваться по-разному в зависимости от вашего возраста, используемых возможностей или других факторов. Подробнее

Поддерживается

  • Семейный доступ

    С помощью семейного доступа приложением смогут пользоваться до шести участников «Семьи».

Glava color

The Color Game helps you find out which paint colors are perfect for your personality! Answer the questions of the game to find your right color choice!

Kalyan company leak game

8.11.2009 Glava 3 15 • Piksel: osnovne ta čke koje čine sliku • Što je rezolucija ve ća ove ta čke su sve bliže jedna drugoj • Rezolucija: npr. 1024 x 768 = 786.432 piksela • Kvalitet slike zavisi od rezolucije i tzv. dubine boja (ili bitske dubine) • Dubina boje ( Color depth ) se odnosi na broj razli čitih boja Sound Credits: No Flash? Download FEED THE HEAD for Mac and PC here!

ГЛАВА 7. ЦВЕТОВЫЕ ЗАЛИВКИ, ОБВОДКИ, ВНЕШНИЙ ОБЛИК, СТИЛИ И ЭФФЕКТЫ. В векторной трафике различаются векторный контур как таковой (собственно проволочный» геометрический каркас), параметры обводки (например, толщина …

Azure cost analysis api

Glava large color Celbet posude za cvijeće (izvorno znane kao pitar / pitari), izrađene celbet tehnikom (celuloza-beton) mogu biti lijepi ukras svakog doma u okućnicama, terasama, dnevnom boravku i svakom mjestu gdje je moguće imati cvijeće koje će posađene u ovim posudama doći još više do izražaja. Glava AS is a Norwegian industrial company with headquarters in Askim. The name is a portmanteau of the Norwegian word glassvatt, meaning glass wool. Glass wool used as insulation material is the company’s main product.

Patricia Glava-Librarian: [email protected] Also let me know so I can put something on the website in regards to their service. DVD of 2015 Class Reunion It’s Great! Ken Kiesser had taken movie pictures of the 2015 Class Reunion. He was nice enough to send me the master copy. Are you interested in ordering a copy.?

Chevy 2500 for sale under dollar4000

75th Anniversary Alumni. This academic year is a celebration of our past and an excitement for our future. Learn more about the amazing people who helped shape our 75 years of history.

Scott joplin bethena piano sheet

Download Guava fruit stock photos. Affordable and search from millions of royalty free images, photos and vectors.

Army ait instructor pay

Bogata izbira kartuš in tonerjev znamke HP po izjemno ugodnih cenah. Zagotavljamo hiter, enostaven in poceni nakup. Oglejte si ponudbo.

Jan 19, 2012 · Review: Glayva (Scotch Whisky Liqueur) 84.5/100 a review by Chip Dykstra (Aka Arctic Wolf) Posted January 19, 2012 Glayva (a Scotch Whisky Liqueur) was created by Edinburgh whisky merchant Ronald Morrison in 1947, and (according to the Glayva website) the recipe has remained unchanged since the day it was first crafted.

Nanchangmac

Ghazan was an earthbending master, fugitive, and member of the Red Lotus put into criminal custody under the Order of the White Lotus in 158 AG after participating in an attempt to kidnap Avatar Korra.2 He possessed the rare ability to lavabend. He eventually took his own life when faced with the certainty of going to jail otherwise after a failed attempt to kill Bolin and Mako. 1 History 1.1 … Anatomija psa obuhvata anatomske studije vidljivih dijelova tijela pasa.Detalji o strukturi se izuzetno razlikuju od pasmine do pasmine, više nego kod bilo koje druge životinjske vrste, divlje ili pripitomljene, [1] jer su psi vrlo promjenjivi u visini i težini.

Glava (bungtod sa Macedonia, Opština Čaška) Glava (tubud sa Macedonia, Sveti Nikole) , 41°54′08″N 21°51′49″E  /  41.9023°N 21.86353°Ö  / 41.9023; 21.86353  ( Glava (tubud sa Macedonia, Sveti

Hierarchical clustering multidimensional data python

Color или colour? Это зависит от того, на каком диалекте вы говорите — британском или американском. Color и colour переводятся как «цвет», плюс они имеют несколько десятков…

Simple syrup is 1 part sugar to 1 part water. A staple in any beverage maker’s repertoire.

Best aim assist settings fortnite switch

Najcjelovitija usporedba cijena on-line, savjeti i mišljenja o proizvodima i vodiči po kupovini. Pronađite najbolje cijene i uvjerite se gdje je najbolje kupiti – Jeftinije.hr

Dmc colors hex

Dmc colors hex

Hex #9dc183 RGB 157 193 131 Olive Green Codes: Hex #708238 RGB 112 130 56 Lime Green Codes: Hex #c7ea46 RGB 199 234 70 Hunter Green Codes: Hex #3f704d RGB 63 122 77 Jade Green Codes: Hex #00A86B RGB 0 168 107 Artichoke Green Codes: Hex #8F9779 RGB 143 151 121 Fern Green Codes: Hex #4F7942 RGB 79 121 66 Jungle Green Codes: Hex #29AB87 RGB 41 171 …

  • Color Categories. Arts & Crafts Floss Matches Beige Thread Matching Light Tints In Embroidery Pastel Tones In Needlework Wedding Colors For Needlework. Palette Tags. accented neutral color scheme, beige and orange, beige color variations, beige dmc thread, beige thread palette, dmc embroidery thread, light colors, shades of beige

  • There are a lot of colors. But then I could assign hex colors easily. After a couple of hours, I ended up with this. For anyone else that wants to use it, go for it.

  • Here’s the 2019 F1 Team Color Hex Codes, seems in TV Graphics and the F1 site. | The most of the teams maintain the colors from the last season. Alfa and Racing Point inherited Sauber and Force…

    Recently, I wrote a set of instructions and a made a video about my favorite, fantastic free online tool, the Band Weaving Pattern Editor, created by Jeff Bigot.I hope they will help users to take advantage of many of the cool features of the program.

    Amazon.com: dmc color chart. Skip to main content. Try Prime EN Hello, Sign in Account & Lists Sign in Account & Lists Returns & Orders Try Prime Cart. All

    Stock dmc meters selling mix Colors Cross Stitch Cotton Embroidery Thread high quality same as Metallic embroidery thread, DMC brand, so it is expensive. Listing price is for one piece, 8 meter in total.

    • The TE Connectivity DEUTSCH DMC-M is standardized by European Specification EN4165 / ARINC 809. The DMC-M 2 or 4 Way Module is a rectangular modular connector offering inherent flexibility, space/weight savings and robustness. In addition, this product offers composite housings, aluminum wire capability and shunting configurations.

      Stripe cc checker

      There are a lot of colors. But then I could assign hex colors easily. After a couple of hours, I ended up with this. For anyone else that wants to use it, go for it.

    • The ADJ Ultra Hex Par 3 great for lighting stages and also uplighting a venue. Daisy-chain up to 20 units together and have the entire venue light up for the entire night with the long life low heat LEDs. Produce wide washes with smooth color mixing from the 63 built-in color macros.

      Nissan altima sport mode

      Anchor Threads … Anchor Threads Mar 30, 2018 — DMC Floss to RGB Values Conversion Chart — Read online for free. DMC assigned floss color numbers to RGB values conversion chart, thanks to www.xstitchtreasures.com

  • HEX: Color Name: Lum: Hue: Sat: Lig: Color: 255: 245: 238: #FFF5EE: Seashell: 97: 25: 100: 97: 247: 231: 206: #F7E7CE: Champagne: 91: 37: 72: 89: 255: 229: 180: #FFE5B4: Peach: 91: 39: 100: 85: 245: 222: 179: #F5DEB3: Wheat: 88: 39: 77: 83: 250: 214: 165: #FAD6A5: Sunset: 86: 35: 89: 81: 251: 206: 177: #FBCEB1: Apricot: 85: 24: 90: 84: 237: 201: 175: #EDC9AF: Desert Sand: 82: 25: 63: 81: 255: 179: 71: #FFB347: Pastel Orange: 76: 35: 100: 64: 222: 184: 135: #DEB887: Burlywood: 74: 34: 57: 70 …

    • Find helpful customer reviews and review ratings for sportuli Firewood Drill Bit Wood Splitter — Hex Shank Log Breaker Reamer Woodworking Tools for Electric Drill Machine 32mm at Amazon.com. Read honest and unbiased product reviews from our users.

      Hoi4 change country name command

    • Find here Busbar Support manufacturers & OEM manufacturers India. Get Contact details & address of companies manufacturing and supplying Busbar Support across India.

      Rru lte huawei

    • These page give you a color picture of the DMC floss colors arranged in color families (not by The picture comes from DMC thread color book. Although not exact, the colors are fairly accurate.

      Mouse not working on mousepad

    • Madeira USA offers embroidery thread in a variety of machine embroidery thread colors for every job and project, from Classic Rayon and Polyester embroidery thread to Luna Glow in the Dark embroidery thread!

      Fnaf pizzaplex

    • 8s 6 27935-58 — 414da-8 hex 4329 514da-8 hex 5497 8P 8 27915 — 414DA-8 HEX OR 8N 4329 514DA-8 HEX 5404 8S 8 27935 — 414DA-8 HEX OR 8N 4329 514DA-8 HEX 5404

      Elevator lighting code

    • We’ve searched the Internet to bring you the best possible prices on Delica beads everyday. We have thousands of Delicas: all colors and sizes:

      Uscis estimated wait time vs estimated case completion time

    • DMC. Color. Название цвета. blanc.

      Systemverilog queue randomization

    • DMC Floss to RGB Values Conversion Chart — Read online for free. DMC assigned floss color numbers to RGB values conversion chart, thanks to www.xstitchtreasures.com

      Wilson and fisher windsor gazebo

    • Aug 4, 2018 — Coordinating colors for hand embroidery. See more ideas about Dmc floss, Color, Cross stitch floss.

      Mopar a833 23 spline

    • 8s 6 27935-58 — 414da-8 hex 4329 514da-8 hex 5497 8P 8 27915 — 414DA-8 HEX OR 8N 4329 514DA-8 HEX 5404 8S 8 27935 — 414DA-8 HEX OR 8N 4329 514DA-8 HEX 5404

      Plate tectonics simulation lab

    • Pastebin.com is the number one paste tool since 2002. Pastebin is a website where you can store text online for a set period of time.

      Fingerprint appointment

    • Quickly and accurately convert nearly any thread color to Robison-Anton! If you prefer to use Robison-Anton Embroidery Thread but have had difficulty finding the best matching color for an embroidery design that specifies a different brand of thread, this tool is for you!

      Gmc mitre saw parts

    • DMC Safe-T-Cable — 9/64″ Hex Wrench DMC is well known through out the aerospace industry for the quality and capability of the Tool Kits that they manufacture. The packaging materials (case, inset, and instructions) are manufactured to specifically meet the most demanding handling conditions.

      Evpn route type 2

    • Schwimmflosse für Bodysurf / Bodyboarden / Lifeguarding / Ozeanschwimmen. fourteam sport & fahion GmbH, Hamburg

      Vscode unresolved import sys

    • Color Samples are for Illustrative Purposes Only. Actual color may vary slightly from your monitor. Check out our Gallery for samples of some of these colors on completed projects! *Listed Prices good for available colors only.

      Pronoun case answer key

    • The TE DEUTSCH DMC-M has set the modular connector standard in the aerospace & military industries since the 1980’s, and is now standardized by European Specification EN4165. These EN4165 connectors have a lightweight, mass-saving rectangular design perfect for new designs and retrofitting with contact arrangements from sizes 24 to 8.

      Pakistan satta bazar

    • Dec 23, 2020 · The pandemic has meant we leave our homes far less often, and that means fending for ourselves when it comes to coffee. But too many of us have old, cheap coffee makers or worse, pod-based ones at hom

      Ferris wheel problem calculus

    • Search results for DMC at Sigma-Aldrich. Compare Products: Select up to 4 products. *Please select more than one item to compare

      Practice and problem solving answer key 8th grade

    • Jul 31, 2012 · Blue turned out to be most popular across the board, followed by green for men and purple for women. The color preferences break down as follows: A sample of 1,974 men and women were asked whether…

      Is urine homogeneous or heterogeneous

    • Recently, I wrote a set of instructions and a made a video about my favorite, fantastic free online tool, the Band Weaving Pattern Editor, created by Jeff Bigot.I hope they will help users to take advantage of many of the cool features of the program.

      Escape room level 24

    • Find here Busbar Support manufacturers & OEM manufacturers India. Get Contact details & address of companies manufacturing and supplying Busbar Support across India.

      Hemohim cancer

    • 8s 6 27935-58 — 414da-8 hex 4329 514da-8 hex 5497 8P 8 27915 — 414DA-8 HEX OR 8N 4329 514DA-8 HEX 5404 8S 8 27935 — 414DA-8 HEX OR 8N 4329 514DA-8 HEX 5404

      Bengal kitten silver

    • In Minecraft, there are a number of built-in color codes and format codes that you can use in chat and game commands. Color codes can be used to change the color of text in the game, assign team…

      Charlie and the chocolate factory comprehension questions and answers

    • Floss Conversion charts for Bucilla and Dimensions kits to Anchor, DMC and J & P Coates. If color does not appear when you print, check your browsers printing settings and enable printing…

      Ram rebel shocks

    • Schwimmflosse für Bodysurf / Bodyboarden / Lifeguarding / Ozeanschwimmen. fourteam sport & fahion GmbH, Hamburg

      How to calculate monthly income from biweekly paycheck

    • Red is also the color of Holly berries, which is said to represent the blood of Jesus when he died on the cross. Red is also the color of Bishops robes. These would have been worn by St. Nicholas and then also became Santa’s uniform! Gold. Gold is the color of the Sun and light — both very important in the dark winter.

      Does nest work with hot water baseboard heaters

    • dmc — Glock Model — Please Select — 17 Longslide 17/22 Gen 2/3/4 19 Gen 5 19/23 Gen 2/3/4 19X 20/21 Gen 3/4 26 Gen 5 26/27 Gen 3/4 29/30 Gen 3/4 30s 34 Gen 5 34/35 Gen 3/4 36 w/ Rail 36 w/o Rail 40 MOS 41 42 43 43X 45 48 17 Gen 5

      Lines police cad codes

    • We’ve searched the Internet to bring you the best possible prices on Delica beads everyday. We have thousands of Delicas: all colors and sizes:

      Rumus kuno togel 2019

    • The iconic, interlocking BU, whose roots on campus reach back nearly 100 years, takes its place at the forefront of a Baylor University Brand now united.

      Unit 7 progress check mcq ap world history

    • Finding your true birthstone color isn’t always easy. Some months have gems that can be multiple colors, and other months have multiple gems associated with them! Below is a birthstone chart I made so you can more easily determine what your true birthstone color is.

      V6 accord supercharger

    • The DMC R package (1) will help with that.It looks like it only supports hexadecimal codes, but you can convert RGB colors using the rgb function from the grDevices package (Use maxColorValue = 255 if you are using RGB versus rgb).

      Swf animations physics

    • Pick a color value format, input two valid CSS color values in the format you chose, and pick the number of midpoints you’d like to see. The palette will show the colors you input as well as the requested number of midpoint colors, and the values of those colors. All numbers are rounded to the nearest integer.

      2010 buick lacrosse brake torque specs

    • dmc — Beretta Model — Please Select — APX APX Compact M9A3 84/85 92A1 92FS M9A1 M9A1 Compact Nano Pico PX4 Stormn Compact (Mid Size) PX4 Storm Full Size PX4 Storm Subcompact

      Pixel art minecraft pokemon

    • Convert RGB values to DMC threads and find threads that are similar to others — adjust patterns and substitute missing colors with ease! Click on the name of a DMC thread below or enter the RGB values of a color to find the most similar threads

      Sqlite create function

    • Apr 12, 2020 · HxD is a freeware hex editor, a tool that can open and edit computer code. In the right hands, it’s a powerful utility that can inspect, compare, and verify files, disks, disk images, memory, and …

      Toyota rav4 torque converter recall

    • If you struggle also with this because of your color blindness, Color Name & Hue might help you. Try it out. Try it out. With this little tool you can either enter RGB (Red-Green-Blue) values, HSB (Hue-Saturation-Brightness) numbers or a hexadecimal code for a color, to find its closest match of a named color and its corresponding hue.

      Printful location for etsy

    • Nov 25, 2020 · It is a trademarked color of Tiffany & Co., which bears the same number (1837) on the Pantone Matching System (PMS) as the year Tiffany & Co. was founded. The color is so easily associated with Tiffany & Co. that their trademarked “little blue box” is instantly recognized and widely considered the premium presentation for fine jewelry.

      This application has failed side by side

    • Generate a nice color gradient. Just enter two colors and our tool generates a perfect color gradient and the fitting css code.

      Dry goods storage containers

    • “HEX” manufactures a wide range of DMC insulators for Control Panels, Boards etc. in various types viz. Conical, Cylindrical, Hexagonal, Hex-Cylindrical. The sizes range from the height of 25mm to 75mm. The extruded brass insert varies accordingly from M6 to M12, for the fixing of insulators.

      Radgrid max column width

    • Damaniel’s RGB to DMC color converter. To use, enter a color using the Red, Green, and Blue entry boxes. Click ‘Convert to DMC!’ and the nearest match will be shown on the right. The nearest match value includes the DMC floss ID, the R, G, and B values of that floss, as well as a representative color swatch.

      Ai shoujo housing mods

    • Colt 1911 classic government .45 acp pistol blue o1911c

    • Ktm 65 gear ratio

    • Scout dana 44 truss

    • R6 glacier code

    • Sims 4 cas wheel

    • Ccell dart charging instructions

    • Vairog ammunition review

    • Sikh christmas

    • Mock crime scene ideas

    • Denon rc 1219 manual

    • Walkspeed script pastebin

    • Ninja proxy vpn

    • Docverify notary

    • Super mario galaxy flying hack

    • Jpql correlated subquery

    • Zoneminder default login

    • Pioneer avh 120bt wiring harness diagram

    • Tank calculation software

    • Free satoshi app

    • Hero wars adventure buffs

    • Auri theories

    • Samsung tu850d review cnet

    • Diy pellet hopper

    • Microsoft wireless 900 keyboard not working

    • Nordictrack commercial 1750 tablet holder

    • Windshield replacement registration sticker ny

    • Indoxploit rw r

    • Galaxy s7 microphone replacement

    • Samsung galaxy a10 power button not working

    • Velocity walking lab

    • Prayer for reconciliation with an ex

    • Big ideas math 7.

      7 answers

    • I7 9700 non k review

    • Asus armoury crate not working

    • Free daily horoscope

    • Cat c7 ifs kit

    • How to update meccanoid

    • 2008 ford f150 ac compressor replacement cost

    • Linq orderby func

    • Srt4 bws dyno

    • Power transformer for sale

    • Ampleon stock

    • Python turtle tree

    • Pam4 vs nrz

    • Bypass hood latch sensor

    • 5e elemental metamagic

    • How much does biomat pay for plasma

    • Professional apology letter for miscommunication

    • Area and perimeter of rectangle and square

    • Dynamics 365 order management

    • Linear spring dashpot model

    • All expo marker colors

    • Cox internet speed test free

    • Invisible bar at top of screen windows 10

    • Pet stores in nj that sell bunnies

    • The final earth 2 save file

    • Fiu spot survey

    • Launcher pro apk download free

    • Etsy or redbubble reddit

    • Unity ik limb

    • Cassandra update using timestamp

    • Can we drink water after eating dry fruits

    • Remove a bid on ebay

    • V4l2 video capture example

  • Lateral compartment muscle that plantar flexes

    • Pet avatar maker

    • Vintage camper van accessories

    • M7 bayonet mods

    • Repeater pellet rifle

    • Saudi whatsapp groups

    • Windows 7 public network cannot change

    • R ggplot2 add multiple lines

    • Usa studies weekly week 30 crossword answers 5th grade

    • Fitbit unsynced

    • Lee kwan young academy

  • Freightliner classic dash frame

    • Ich guidelines for stability

    • Microscope labeling quiz answers

    • Dell d3100 vs d6000

    • California lash technician licensing regulations

    • Forest river wildwood heritage glen 314bud

    • Fault leaderboard

    • Dart big m block weight

    • Home depot flush valve

    • Experimental design lesson plan

    • Return of the black prince cinematic

  • Sig p320 rmr cover plate

    • Automotive properties for lease sacramento

    • Klipper caselight

    • Weatherproof 2×4

    • Fnaf 1 apk here

    • Cottage farms hibiscus

    • Rx 580 vs 1660 super fortnite

    • Gavita pro 1000e manualandspecft100x75

    • A bag contains red and blue marbles such that the probability of drawing a blue marble is 3

    • Gamecrook board kings

    • Magnavox bluetooth fm transmitter instructions

  • Cost to wrap gx 460

    • Edison nj ori number

    • Eufy security app review

    • Key inventory template

    • 2020 specialized turbo levo for sale

    • Mycelium experiments

    • Mock past papers 2020

    • Proxy error 502 tunnel connection failed

    • White german shepherd puppies for sale in va

    • Jig streamers

    • Mass of creation lamb of god

  • Construction master 5 rake wall

    • Samsung galaxy tab 4 sm t231 lollipop firmware download

    • Signs you will never get pregnant

    • Docker oracle client

    • Browning 1922 pistol parts

    • Aussiedor craigslist

    • Robux to money converter 2020

    • Pokemon reddit deals

    • 1977 chevy van heater core replacement

    • Terraform azure ad role assignment

    • A bridge to the starry skies season 2

  • Golang connect to snowflake

    • Redline iptv renewal

    • V8 landcruiser injector problems

    • Elodea leaf under microscope 10x

    • Fork assembly

    • Car accident durham

    • Msbna preferred savings rate

    • Hornady sst slug problems

    • Country valances

    • Swtor how to get level 70 mods

    • Income elasticity of demand questions

    • Nov 20, 2017 · You can add colors from a color palette, an external image, a color picker, or a color-related dialog box, such as the Edit Fill dialog box. In addition, you can add colors from an imported image or object. As objects are created, the colors within those objects are automatically added to the Document palette. Ap chemistry 2020 reddit

    Руководство дизайнера по теории цвета, цветовым кругам и цветовым схемам

    Когда вы просматриваете ленту новостей, что привлекает ваше внимание? Скорее всего, это видео с YouTube, картинки, анимированные GIF-файлы и другой визуальный контент, верно?

    Хотя текстовый контент всегда важен при поиске ответов на вопрос, создание визуальных элементов, таких как инфографика, диаграммы, графики, анимированные GIF-файлы и другие изображения, которыми можно поделиться, может творить чудеса, привлекая внимание читателей и улучшая вашу статью или отчет.

    Я знаю, о чем вы можете подумать: «Я не знаю, как создавать потрясающие визуальные эффекты. Я не творческий человек».

    Привет. Я Бетани, и я первым скажу вам, что я не артистичен от природы. И все же я нашел сильные стороны в визуализации данных в HubSpot, где я провел большую часть своих дней, создавая инфографику и другие визуальные эффекты для сообщений в блогах.

    Итак, хотя я бы не сказал, что я от природы, артист, я научился создавать привлекательный визуальный контент. Вы тоже можете.

    И вы можете сделать это, изучив теорию цвета. Считайте это своим вводным курсом, и мы рассмотрим следующие темы:

    Что такое теория цвета?

    Теория цвета является основой основных правил и рекомендаций, касающихся цвета и его использования для создания эстетически приятных визуальных эффектов. Понимая основы теории цвета, вы можете начать анализировать логическую структуру цвета для себя, чтобы создавать и использовать цветовые палитры более стратегически. Результат означает пробуждение определенной эмоции, атмосферы или эстетики.

    Почему теория цвета важна в веб-дизайне?

    Цвет является важным аспектом, если не самым важным аспектом дизайна, и может влиять на значение текста, то, как пользователи перемещаются по определенному макету, и на то, что они чувствуют при этом.

    Понимая теорию цвета, вы сможете более целенаправленно создавать впечатляющие визуальные эффекты.

    Хотя существует множество инструментов, которые помогут даже самым нехудожественным из нас создавать привлекательные визуальные эффекты, для задач графического дизайна требуется немного больше базовых знаний о принципах дизайна.

    Возьмем, к примеру, выбор правильных цветов. Сначала это может показаться простым, но когда вы смотрите на цветовое колесо, вам захочется, чтобы у вас была некоторая информация о том, на что вы смотрите.

    Прочтите, чтобы узнать о терминах, инструментах и ​​советах, которые вы должны знать, чтобы выбрать лучшие цвета для своих дизайнов.

    Теория цвета 101

    Давайте сначала вернемся к уроку рисования в средней школе, чтобы обсудить основы цвета.

    Помните, что слышали о первичных, вторичных и третичных цветах? Они очень важны, если вы хотите понять все остальное о цвете.

    Основные цвета

    Основные цвета — это те цвета, которые нельзя создать, комбинируя два или более других цвета вместе. Они очень похожи на простые числа, которые не могут быть созданы путем умножения двух других чисел и вместе.

    Есть три основных цвета:

    Считайте основные цвета своими родительскими цветами, связывая ваш дизайн с общей цветовой схемой. Любой один из этих цветов или их комбинация могут стать препятствием для вашего бренда, когда вы перейдете к изучению других оттенков, тонов и оттенков (мы поговорим о них через минуту).

    При разработке или даже рисовании основными цветами не ограничивайтесь только тремя основными цветами, перечисленными выше. Например, оранжевый не является основным цветом, но бренды, безусловно, могут использовать оранжевый в качестве основного цвета (поскольку мы в HubSpot это хорошо знаем).

    Знание того, какие основные цвета создают оранжевый, — это ваш билет к определению цветов, которые могут хорошо сочетаться с оранжевым — с учетом правильного оттенка, тона или оттенка.

    Это подводит нас к следующему типу цвета…

    Дополнительные цвета

    Вторичные цвета — это цвета, которые образуются путем комбинирования любых двух из трех основных цветов, перечисленных выше. Ознакомьтесь с моделью теории цвета выше — посмотрите, как каждый вторичный цвет поддерживается двумя из трех основных цветов?

    Есть три вторичных цвета: оранжевый , фиолетовый и зеленый . Вы можете создать каждый, используя два из трех основных цветов. Вот общие правила создания вторичного цвета:

    • Красный + желтый = Оранжевый
    • Синий + Красный = Фиолетовый
    • Желтый + Синий = Зеленый

    Имейте в виду, что указанные выше цветовые смеси работают только в том случае, если вы используете чистейшую форму каждого основного цвета.Эта чистая форма известна как оттенок цвета , и вы увидите, как эти оттенки сравниваются с вариантами под каждым цветом в цветовом круге ниже.

    Третичные цвета

    Третичные цвета создаются при смешивании основного цвета со второстепенным.

    С этого момента цвет становится немного сложнее. И если вы хотите узнать, как эксперты выбирают цвет в своем дизайне, вы должны сначала понять все остальные компоненты цвета.

    Наиболее важным компонентом третичных цветов является то, что не каждый основной цвет может совпадать со второстепенным цветом для создания третичного цвета.Например, красный не может гармонично сочетаться с зеленым, а синий не может гармонично сочетаться с оранжевым — обе смеси приведут к слегка коричневому цвету (если, конечно, это не то, что вы ищете).

    Вместо этого, третичные цвета создаются, когда основной цвет смешивается со второстепенным цветом, который находится рядом с ним на цветовом круге ниже. Этому требованию соответствуют шесть третичных цветов:

    • Красный + фиолетовый = Красно-фиолетовый (пурпурный)
    • Красный + Оранжевый = Красно-оранжевый (киноварь)
    • Синий + фиолетовый = Сине-фиолетовый (фиолетовый)
    • Синий + зеленый = Сине-зеленый (бирюзовый)
    • Желтый + оранжевый = Желто-оранжевый (янтарный)
    • Желтый + зеленый = Желто-зеленый (зеленовато-желтый)

    Колесо теории цвета

    Хорошо, отлично. Итак, теперь вы знаете, каковы «основные» цвета, но мы оба знаем, что выбор цветовых комбинаций, особенно на компьютере, включает в себя гораздо более широкий диапазон, чем 12 основных цветов.

    Это стимул, стоящий за цветовым кругом, круговой диаграммой, на которой показаны каждый первичный, вторичный и третичный цвет, а также их соответствующие оттенки, оттенки, тона и оттенки. Визуализация цветов таким образом помогает вам выбирать цветовые схемы, показывая, как каждый цвет соотносится с цветом, который идет рядом с ним на шкале цветов радуги.(Как вы, наверное, знаете, цвета радуги по порядку: красный , оранжевый , желтый , зеленый , синий , индиго и фиолетовый .)

    При выборе цветов для цветовой схемы цветовое колесо дает вам возможность создавать более яркие, светлые, мягкие и темные цвета, смешивая белый, черный и серый с исходными цветами. Эти смеси создают варианты цвета, описанные ниже:

    оттенок

    Оттенок в значительной степени является синонимом того, что мы на самом деле имели в виду, когда произносили слово «цвет».«Все основные и второстепенные цвета, например, являются« оттенками ».

    Оттенки важно помнить при объединении двух основных цветов для создания вторичного цвета. Если вы не используете оттенки двух основных цветов, которые смешиваете вместе, вы не создадите оттенок вторичного цвета. Это потому, что в оттенке меньше всего других цветов. Смешивая два основных цвета, которые несут в себе другие оттенки, тона и оттенки, вы технически добавляете к смеси более двух цветов, делая окончательный цвет зависимым от совместимости более чем двух цветов.

    Если бы вы, например, смешали оттенки красного и синего, вы бы получили фиолетовый, верно? Но смешайте оттенок красного цвета с оттенком синего, и вы получите взамен слегка окрашенный фиолетовый.

    оттенок

    Вы можете узнать термин «оттенок», потому что он довольно часто используется для обозначения светлых и темных версий одного и того же оттенка. Но на самом деле оттенок — это технически цвет, который вы получаете, когда добавляете черный к любому заданному оттенку. Различные «оттенки» просто указывают на то, сколько черного вы добавляете.

    Оттенок

    Оттенок — это противоположность оттенка, но люди не часто различают оттенок цвета и оттенок цвета. Когда вы добавляете белый цвет к цвету, вы получаете другой оттенок. Итак, цвет может иметь как оттенки, так и оттенки.

    Тон (или насыщенность)

    Вы также можете добавить к цвету как белый, так и черный цвет, чтобы создать тон. Тон и насыщенность по сути означают одно и то же, но большинство людей будут использовать насыщенность, если говорят о цветах, создаваемых для цифровых изображений.Тон будет чаще использоваться для рисования.

    Аддитивная и субтрактивная теория цвета

    Если вы когда-либо играли с цветом в какой-либо компьютерной программе, вы, вероятно, видели модуль, который перечислял цвета RGB или CMYK с некоторыми числами рядом с буквами.

    Вы когда-нибудь задумывались, что означают эти буквы?

    CMYK

    CMYK означает голубой, пурпурный, желтый, ключевой (черный). Это также те цвета, которые указаны на ваших чернильных картриджах для вашего принтера. Это не совпадение.

    CMYK — это субтрактивная цветовая модель . Это называется так, потому что вам нужно отнять от цветов, чтобы получить белый цвет. Это означает, что верно обратное: чем больше цветов вы добавляете, тем ближе вы становитесь к черному. Непонятно, правда?

    Подумайте о печати листа бумаги. Когда вы впервые кладете лист в принтер, вы обычно печатаете на белом листе бумаги. Добавляя цвет, вы блокируете прохождение белых волн.

    Затем, предположим, вы должны были положить распечатанный лист бумаги обратно в принтер и снова что-то напечатать на нем.Вы заметите, что области, которые были напечатаны дважды, имеют цвета, близкие к черному.

    Мне легче думать о CMYK с точки зрения соответствующих ему чисел. CMYK работает по шкале от 0 до 100. Если C = 100, M = 100, Y = 100 и K = 100, вы получите черный цвет. Но если все четыре цвета равны 0, вы получите настоящий белый цвет.

    RGB

    Цветовые модели

    RGB, с другой стороны, разработаны для электронных дисплеев, в том числе компьютеров.

    RGB означает красный, зеленый, синий и основан на аддитивной цветовой модели световых волн.Это означает, что чем больше цвета вы добавляете , , тем ближе вы подходите к белому. Для компьютеров RGB создается с использованием шкалы от 0 до 255. Таким образом, черный цвет будет R = 0, G = 0 и B = 0. Белый цвет будет R = 255, G = 255 и B = 255.

    Когда вы создаете цвет на компьютере, ваш цветовой модуль обычно отображает числа как RGB, так и CMYK. На практике вы можете использовать любой из них для поиска цветов, а другая цветовая модель будет соответствующим образом адаптироваться.

    Однако многие веб-программы предоставляют только значения RGB или HEX-код (код, присвоенный цвету для CSS и HTML).Итак, если вы разрабатываете цифровые изображения или для веб-дизайна, RGB, вероятно, ваш лучший выбор для выбора цвета.

    Вы всегда можете преобразовать дизайн в CMYK и внести коррективы, если это когда-нибудь понадобится для печатных материалов.

    Как выбрать цветовую схему

    1. Учитывайте свой цветовой контекст.
    2. Обратитесь к цветовому кругу для определения аналогичных цветов.
    3. Обратитесь к цветовому кругу для определения дополнительных цветов.
    4. Сделайте акцент на однотонных цветах одного оттенка.
    5. Используйте тройную цветовую схему для создания высокого контраста.
    6. Создайте разделенную дополнительную цветовую схему.
    7. Не ограничивайтесь предустановками, но начните с одного цвета.

    Теперь, когда у нас есть все основы теории цвета, давайте поговорим о том, как на самом деле использовать эти новые знания для создания дизайнов, которые улучшат ваш бренд и найдут отклик у вашей аудитории.

    Вы, наверное, раньше замечали, что одни цвета отлично смотрятся вместе, а другие — нет.Выбранные нами цвета могут помочь улучшить дизайн, а могут отвлечь его от дизайна.

    Когда вы разбираетесь в дизайне графики, важно помнить, что то, как мы воспринимаем цвета, зависит от контекста, в котором мы их видим.

    1. Учитывайте свой цветовой контекст.

    Цветовой контекст относится к тому, как мы воспринимаем цвета, поскольку они контрастируют с другим цветом. Посмотрите на пары кружков в приведенном ниже примере, чтобы понять, что я имею в виду.

    Середина каждого круга одинакового размера, формы и цвета.Единственное, что меняется — это цвет фона. Тем не менее, средние круги кажутся мягче или ярче в зависимости от контрастного цвета за ними. Вы даже можете заметить движение или изменение глубины только на основе одного изменения цвета.

    Это потому, что то, как мы используем два цвета вместе, меняет наше восприятие. Итак, когда вы выбираете цвета для своего графического дизайна, подумайте о том, какой контраст вы хотите во всем дизайне.

    Например, если вы создаете простую гистограмму, хотите ли вы темный фон с темными полосами? Возможно нет.Скорее всего, вы захотите создать контраст между полосами и самим фоном, поскольку вы хотите, чтобы ваши зрители фокусировались на полосах, а не на фоне.

    Однако выбрать цвета с высокой контрастностью не всегда так сложно, как выбрать цвета, которые хорошо смотрятся вместе.

    Для меня это самый сложный выбор цвета. Я мог часами выбирать цвета для инфографики просто потому, что нужно время, чтобы понять, что лучше всего смотрится вместе.

    Но на самом деле у меня обычно не бывает часов, чтобы просто выбирать цвета.(И это, вероятно, было бы пустой тратой времени, даже если бы у меня было несколько часов.)

    К счастью, существуют логические правила создания совместных цветовых схем.

    2. Для определения аналогичных цветов обратитесь к цветовому кругу.

    Аналогичные цветовые схемы образуются путем сочетания одного основного цвета с двумя цветами непосредственно рядом с ним на цветовом круге. Вы также можете добавить два дополнительных цвета (которые находятся рядом с двумя внешними цветами), если хотите использовать пятицветную схему вместо трех цветов.

    Аналогичные структуры не создают темы с высококонтрастными цветами, поэтому они обычно используются для создания более мягкого и менее контрастного дизайна. Например, вы можете использовать аналогичную структуру для создания цветовой схемы с осенними или весенними цветами.

    Мне нравится использовать эту цветовую схему для создания более теплых (красный, оранжевый и желтый) или более холодных (пурпурный, синий и зеленый) цветовых палитр, подобных приведенной ниже. Между этими цветами нет большого контраста, но разве они не просто красиво смотрятся вместе?

    Я бы, вероятно, использовал эту палитру для разработки изображения, а не инфографики или гистограммы, поскольку я хотел бы, чтобы все элементы изображения хорошо сочетались друг с другом.

    3. Для определения дополнительных цветов обратитесь к цветовому кругу.

    Вы, возможно, догадались, но дополнительная цветовая схема основана на использовании двух цветов, расположенных прямо напротив друг друга на цветовом круге, и соответствующих оттенках этих цветов.

    Дополнительная цветовая схема обеспечивает максимальный цветовой контраст. Из-за этого вы должны быть осторожны с тем, как использовать дополнительные цвета в схеме. Лучше всего использовать преимущественно один цвет, а второй использовать в качестве акцентов в своем дизайне.

    Дополнительная цветовая схема также отлично подходит для диаграмм и графиков. Высокая контрастность помогает выделить важные моменты и выводы.

    Однако, если бы я использовал эти цвета в инфографике, мне, вероятно, потребовалось бы использовать более светлый цвет для фактического фона. Можете ли вы представить себе выбор одного из апельсинов в качестве фона с синими акцентами и текстом? Вероятно, это было бы слишком сложно и трудно читать.

    4. Сосредоточьтесь на монохромных цветах одного оттенка.

    Использование монохроматической схемы позволяет создавать цветовую схему на основе различных оттенков и оттенков одного оттенка. Хотя ему не хватает цветового контраста, он часто выглядит очень чистым и отполированным. Это также позволяет вам легко изменять темноту и яркость ваших цветов.

    Мне нравится использовать монохромные цветовые схемы для диаграмм и графиков, но только тогда, когда в создании высокой контрастности нет необходимости. Тем не менее, монохроматические схемы не имеют тенденции «всплывать», поэтому, если вы ищете яркую и привлекающую внимание цветовую схему, это не лучший выбор.

    Обратите внимание на все монохромные цвета, которые подпадают под красный оттенок, основной цвет.

    5. Используйте тройную цветовую схему для создания высокого контраста.

    Триадические цветовые схемы предлагают высококонтрастные цветовые схемы, сохраняя при этом тот же оттенок. Триадные цветовые схемы создаются путем выбора трех цветов, которые равномерно размещаются в линиях вокруг цветового круга.

    Цветовые схемы

    Triad полезны для создания высокого контраста между каждым цветом в дизайне, но они также могут показаться подавляющими, если все ваши цвета выбраны в одной и той же точке на линии вокруг цветового круга.

    Чтобы приглушить некоторые из ваших цветов в триадической схеме, вы можете выбрать один доминирующий цвет и экономно использовать другие или просто приглушить два других цвета, выбрав более мягкий оттенок.

    Трехмерная цветовая схема отлично смотрится в графике, такой как гистограммы или круговые диаграммы, потому что она обеспечивает контраст, необходимый для сравнения.

    Однако, если бы я использовал эту цветовую схему для создания инфографики, я бы с большей вероятностью выбрал один цвет в качестве цвета фона, например желтый или светло-зеленый, и более темный контрастный цвет в качестве доминирующего цвета. Затем я мог бы использовать остальные три цвета в качестве акцентов повсюду. Изменяя интенсивность цветов в дизайне, я могу выделить важные моменты и выводы.

    6. Создайте разделенную дополнительную цветовую схему.

    Разделенная дополнительная схема включает один доминирующий цвет и два цвета, непосредственно смежные с дополнительным доминирующим цветом. Это создает более тонкую цветовую палитру, чем дополнительная цветовая схема, при этом сохраняя преимущества контрастных цветов.

    Разделенная дополнительная цветовая схема может быть трудно сбалансирована, потому что в отличие от аналоговых или монохроматических цветовых схем, все используемые цвета обеспечивают контраст (аналогично дополнительной схеме).

    Я могу представить себе использование следующей раздельной дополнительной цветовой схемы различными способами. Я мог бы использовать это в диаграмме или графике, потому что это дает мне необходимый контраст, а цвета остаются визуально привлекательными.

    Я мог бы также представить себе использование этих цветов в инфографике, хотя я бы немного поэкспериментировал с цветами, чтобы увидеть, какие пары лучше всего смотрятся вместе.

    Положительным и отрицательным аспектом раздельной дополнительной цветовой модели является то, что вы можете использовать любые два цвета в схеме и получить отличный контраст … но это также означает, что также может быть сложно найти правильный баланс между цветами. В результате вы можете немного поиграть с этим, чтобы найти правильную комбинацию контраста.

    Независимо от того, какую цветовую схему вы выберете, постарайтесь не забыть, что нужно вашей графике. Если вам нужно создать контраст, выберите цветовую схему, которая даст вам это.С другой стороны, если вам просто нужно найти лучшие «версии» определенных цветов, поиграйте с монохромной цветовой схемой, чтобы найти идеальные оттенки и оттенки.

    Я обнаружил, что простое понимание того, как создаются цветовые схемы, помогает мне выбрать правильную цветовую схему. Если я просто подумаю: «Какова цель этого рисунка?» Я могу начать определять, сколько (или сколько) контраста мне нужно.

    Помните, что если вы создаете цветовую схему с пятью цветами, это не значит, что вам нужно использовать все пять.Иногда просто выбор двух цветов из цветовой схемы выглядит намного лучше, чем объединение всех пяти цветов в одном изображении.

    7. Не ограничивайтесь предустановками, но начните с одного цвета.

    Прежде чем я отправлю вас создавать потрясающие изображения для улучшения ваших сообщений в блогах и социальных сетях, позвольте мне дать вам несколько дополнительных советов по выбору цветов:

    • Не придерживайтесь предустановок. Почти каждая программа, которую вы используете, автоматически предоставит вам предустановленные цвета. Избавьтесь от предустановок и исследуйте цвет самостоятельно.Не позволяйте программе решать, как вы используете цвет в своем дизайне.
    • Начните с одного цвета, который вам нравится. Каждый раз, когда я что-то создаю, я начинаю с одного цвета и на его основе строю цветовую схему. Если вы попытаетесь начать с нескольких цветов, вам будет труднее найти гармонию между вашими цветами.
    • Сохраните свои цветовые схемы. Если вы найдете цвет (или цветовую схему), который вам нравится, возможно, он вам пригодится позже. Я бы не советовал использовать одну и ту же цветовую схему для каждой диаграммы или рисунка, которые вы создаете, но вы всегда можете использовать разные схемы по-разному позже.
    • Практика ведет к совершенству. Чем больше вы играете с цветом и практикуете дизайн, тем лучше у вас получается. Никто не создает свой шедевр с первого раза.

    Инструменты цвета

    Было много теории и практической информации, чтобы понять, какие цвета лучше всего сочетаются друг с другом и почему. Но когда дело доходит до фактического выбора цветов во время проектирования, всегда полезно иметь инструменты, которые помогут вам выполнять работу быстро и легко.

    К счастью, есть ряд инструментов, которые помогут вам найти и выбрать цвета для ваших дизайнов.

    Adobe Color

    Один из моих любимых цветных инструментов, которые я использую при разработке чего-либо — будь то инфографика или просто круговая диаграмма — это Adobe Color (ранее Adobe Kuler).

    Этот бесплатный онлайн-инструмент позволяет быстро создавать цветовые схемы на основе цветовых структур, которые были объяснены ранее в этом посте. После того, как вы выбрали цвета в схеме, которые вам нужны, вы можете скопировать и вставить коды HEX или RGB в любую программу, которую вы используете.

    Он также содержит сотни готовых цветовых схем, которые вы можете изучить и использовать в своих проектах. Если вы являетесь пользователем Adobe, вы можете легко сохранить свои темы в своей учетной записи.

    Справочник цветов Illustrator

    Я провожу много времени в Adobe Illustrator, и одна из моих наиболее часто используемых функций — это руководство по цвету. Цветовая шкала позволяет вам выбрать один цвет и автоматически сгенерирует для вас пятицветную схему. Это также даст вам ряд оттенков и оттенков для каждого цвета в схеме.

    Если вы переключите основной цвет, цветовая шкала переключит соответствующие цвета в этой схеме. Таким образом, если вы выбрали дополнительную цветовую схему с основным синим цветом, как только вы переключите свой основной цвет на красный, дополнительный цвет также переключится с оранжевого на зеленый.

    Как и Adobe Color, в справочнике цветов есть несколько предустановленных режимов для выбора нужной цветовой схемы. Это поможет вам выбрать правильный стиль цветовой схемы в программе, которую вы уже используете.

    После того, как вы создали желаемую цветовую схему, вы можете сохранить эту схему в модуле «Цветовые темы» для использования в вашем проекте или в будущем.

    Руководства по предустановленным цветам

    Если вы не являетесь пользователем Adobe, вероятно, вы хотя бы раз пользовались продуктами Microsoft Office. Во всех продуктах Office есть предустановленные цвета, которые вы можете использовать и экспериментировать для создания цветовых схем. В PowerPoint также есть несколько предустановок цветовой схемы, которые вы можете использовать, чтобы вдохновить вас на создание своего дизайна.

    Расположение цветовых схем в PowerPoint будет зависеть от того, какую версию вы используете, но как только вы найдете цветовые «темы» своего документа, вы можете открыть настройки и найти коды RGB и HEX для используемых цветов.

    Затем вы можете скопировать и вставить эти коды, чтобы использовать их в любой программе, которую вы используете для проектирования.

    Я знаю, что в этом посте много теории. Но когда дело доходит до выбора цветов, понимание теории, лежащей в основе цвета, может творить чудеса в том, как вы на самом деле используете цвет.Это может упростить создание фирменных визуальных элементов, особенно при использовании шаблонов дизайна, где вы можете настраивать цвета.

    Примечание редактора: этот пост был первоначально опубликован в октябре 2018 года и был обновлен для полноты.

    23 популярных цветовых сочетания, любимых более 90 000 человек!

    Сегодня я перечисляю самые удивительные и популярные цветовые комбинации для стартапов и дизайна логотипов.

    Я занимаюсь брендингом и дизайном веб-сайтов более 15 лет.

    Я знаю, какие сочетания цветов использовать.

    И я знаю, где их найти.

    По данным сайта Colorhunt, цветовые комбинации, представленные ниже, получили более 90 000+ лайков!

    Людям нравятся эти цветовые сочетания.

    Они популярны по какой-то причине … Потому что они чертовски хороши!

    Предлагаем 23 невероятных цветовых сочетания для вашего стартапа.

    PS: Я также добавил значения HEX рядом с каждой цветовой схемой, чтобы вы могли использовать их в своем любимом редакторе.

    1. Синий, зеленый и розовый (9,588 ♥ ️)

    Прекрасное яркое цветовое сочетание для дизайна веб-сайта или логотипа.

    2. Оранжевый, кремовый и темно-синий (2360 ♥ ️)

    Еще одна отличная комбинация цветов для веб-сайтов и цветов логотипов от Colorhunt.

    3. Аква-блюз (2520 ♥ ️)

    Прекрасная успокаивающая цветовая комбинация для финансового веб-сайта или дизайна логотипа.

    4. Синие и желтые (3323 ♥ ️)

    Поразительно прекрасное цветовое сочетание. Отлично подходит для новых стартапов и цветов логотипов.

    5. Красный, кремовый и зеленый (3430 ♥ ️)

    Великолепное сочетание цветов для нового стартапа в области биотехнологий.

    6. Синий, зеленый и розовый (2774 ♥ ️)

    Одна из самых любимых цветовых комбинаций, представленных на Colorhunt.

    7.Оттенки зеленого (8251 ♥ ️)

    Еще одна интересная цветовая схема для логотипа или стартапа.

    8. Синий, красный и зеленый (5427 ♥ ️)

    Еще один пример множества отличных цветовых сочетаний для веб-сайтов и цветов логотипов.

    Сделайте свой стартап за 60 секунд

    Нажмите здесь, чтобы начать

    9. Синие, красно-кремовые (2755 ♥ ️)

    Один из самых интересных сочетаний цветов, прекрасный синий.

    10. Красные и синие (3034 ♥ ️)

    Отличный образец цвета для дизайна логотипа.

    11. Светло-зеленый, кремовый, красный и темно-синий (3856 ♥ ️)

    Идеальная цветовая схема для нового стартапа или дизайна логотипа.

    12. Красный, желтый и синий (2814 ♥ ️)

    Идеально подходит для вашего следующего проекта. Эти цвета такие яркие. Они отлично смотрятся на экране.

    13.Красный, кремовый, зеленый и синий (2915 ♥ ️)

    Определенно одна из удачных цветовых комбинаций для веб-сайтов.

    14.

    Бирюзовый, кремовый, оранжевый и красный (6477 ♥ ️)

    Прекрасное и счастливое цветовое сочетание для стартапа с более молодой аудиторией.

    15. Синий, зеленый и розовый (4002 ♥ ️)

    Цветовая схема логотипа кого-нибудь? Приведенные ниже цвета действительно работают.

    16. Оттенки синего (7276 ♥ ️)

    Великолепная цветовая схема для стартапа в области финтех.

    17. Красный, бело-синий (4965 ♥ ️)

    Идеальные цвета, которые вдохновят ваш следующий стартап или дизайн логотипа.

    18. Синий, зеленый и красный (5253 ♥ ️)

    Набор ярких цветов, одна из лучших цветовых комбинаций для веб-сайтов.

    19. Розовый, кремовый, зеленый и темно-синий (5061 ♥ ️)

    Уникальная цветовая схема, которая прекрасно сочетается с дизайном логотипа.

    20. Синий, желтый, кремовый и красный (2650 ♥ ️)

    Яркая и уникальная цветовая схема для вашего следующего логотипа.

    21. Серый, зеленый, оранжевый и красный (2186 ♥ ️)

    Модная цветовая гамма, которая обязательно привлекает внимание и привлекает внимание.

    22. Серый, зеленый и синий (628 ♥ ️)

    Хорошая серьезная цветовая комбинация, идеально подходящая для стартапа в сфере страхования или плавания.

    23. Синий, зеленый и желтый (514 ♥ ️)

    Прекрасная естественная и естественная цветовая гамма, идеально подходящая для биотехнологического стартапа или логотипа.

    Заключение

    Итак, вот и все, мои коллеги-предприниматели, производители и сторонние дельцы!

    23 удивительных, тщательно подобранных и популярных цветовых схемы, которые вдохновят вас на создание вашего следующего веб-сайта или логотипа.

    Если вы знаете кого-то, кому нужно немного цветового вдохновения для своего следующего дизайна логотипа или стартапа, обязательно поделитесь с ним моими 23 главными рекомендациями по цвету.

    Наконец, если вам нужно еще больше потрясающих цветовых комбинаций, обязательно загляните в Colorhunt.

    Полное руководство [Бесплатная загрузка]


    В контент-маркетинге цвет — это эмоциональный сигнал.

    В океане контент-маркетинга цвет может помочь вам выделиться.

    Это то, что заставляет вашу аудиторию видеть то, что вы хотите, чтобы они видели, чувствовать то, что вы хотите, и делать то, что вы от них хотите. От того, какие оттенки вы выберете, зависит удобство использования и читабельность контента.Это то, что делает понимание психологии цвета настолько важным для успеха вашего контента .

    Однако неправильный выбор цвета также может негативно повлиять на воздействие вашего сообщения. Совершите ошибку, и ваш отличный контент и ваш замечательный призыв к действию будут легко проигнорированы. Даже НАСА заботится о цвете; достаточно, чтобы они предоставляли бесплатные онлайн-ресурсы, чтобы помочь людям, не являющимся дизайнерами, выбрать правильные оттенки.

    Прочитав этот пост, вы поймете основы теории и психологии цвета.Кроме того, мы добавили бесплатную шестнадцатеричную цветовую таблицу, чтобы с легкостью подобрать нужные цвета с помощью любого инструмента дизайна.

    Готовы стать экспертом? Давайте начнем!

    Загрузите сейчас

    Plus, присоединяйтесь к нашему списку рассылки, чтобы оставаться в курсе.

    Успех! Ваша загрузка должна начаться в ближайшее время. Или вы можете скачать его вручную здесь.

    Загрузить сейчас

    Начнем с основ теории цвета

    Понимание того, как работает цвет, не только для художников, которые целый день окунают руки в краски и пигменты.Любой маркетолог должен понимать основы теории цвета, потому что независимо от того, какой цвет вы используете в своем контенте.

    Основной цвет

    Основные цвета — это три цвета, составляющие все остальные цвета. Это красный , синий и желтый . Эти три цвета можно использовать для создания следующего уровня цветов, называемого вторичными цветами .

    Конечно, когда речь идет об основных цветах, существует множество исключений.Если вы говорите о теории цвета в отношении света, вашими основными цветами будут голубой, пурпурный и желтый. Не забываем CMYK для печати и RGB для экранов или мониторов. И при смешивании краски имеет значение, какой именно пигмент вы используете, чтобы получить этот красный цвет, чтобы придумать правильный новый цвет. Но давайте будем простыми и будем придерживаться красного , синего и желтого .

    Дополнительный цвет

    Дополнительные цвета: фиолетовый , зеленый и оранжевый .Они созданы с использованием основных цветов. Если вы посмотрите на цветовое колесо, вы найдете вторичные цвета между двумя основными цветами.

    Таблица цветов:

    • красный + синий = фиолетовый
    • синий + желтый = зеленый
    • красный + желтый = оранжевый

    Третичный цвет

    Третичные цвета заменяют второстепенные цвета на один шаг дальше . Это «двухименные» цвета, такие как красно-фиолетовый , красно-оранжевый , желто-зеленый и т. Д.

    Они создаются путем добавления одного основного цвета больше, чем другого, создавая не настоящий вторичный цвет. В итоге он становится ближе к основному цвету.

    Чистый цвет

    Первичные , вторичные и третичные цвета без добавления белого, черного или третьего цвета являются чистыми (или насыщенными) цветами. Это насыщенные, яркие, веселые и незапятнанные цвета.

    Это цвета детских игрушек, детских садов и летней одежды.

    Оттенки

    Когда к чистому цвету добавляется белый, получается оттенок. Некоторые называют их пастельными цветами. Они светлее и бледнее, чем чистый цвет, и не такие интенсивные.

    Диапазон оттенков от чуть более белого до почти белого.

    оттенков

    Когда к чистому цвету добавляется черный, создается оттенок. Они затемняют и приглушают яркость чистых цветов и варьируются от чуть более темного до почти черного.

    тонов

    Когда к чистому цвету добавляется серый (черный + белый), создается тон .Вы часто слышите, как люди говорят, что цвет нужно «смягчить», имея в виду, что он слишком интенсивный, и они хотят снизить уровень интенсивности.

    Добавление черного и белого в разных количествах к цвету быстро снижает интенсивность.

    Завершенное цветовое колесо

    Уф! Итак, у нас есть полное цветовое колесо с первичными , вторичными и третичными цветами , плюс их оттенков , оттенков и оттенков .Вы можете увидеть, как все это сочетается друг с другом, на цветовом круге ниже.

    Холодные цвета находятся на левой стороне колеса, в синем и зеленом цветах. — теплые цвета. — все на правой стороне колеса, желтые и красные.

    Теперь, когда вы понимаете теорию цвета и цветовое колесо, вы можете целенаправленно использовать цвет в своем контент-маркетинге.

    Правильное использование контраста с цветом

    Когда дело доходит до цветовой техники, использование контраста особенно важно, и, вероятно, именно он заставит вас больше всего спорить с дизайнером.

    Контрастность — это то, как один цвет отличается от другого. Это то, что делает текст или объекты отличными от фона. Высокая контрастность — это когда цвета легко отделяются друг от друга. Низкая контрастность — это когда они этого не делают.

    Часто люди предполагают, что разница в цвете — это то, что создает контраст, но это не так. У вас могут быть два совершенно разных цвета, но они не имеют никакого контраста, потому что их тон одинаков. Чтобы проверить контрастность ваших цветов, превратите их в оттенки серого и проверьте их контраст.

    Цвета в чистом виде различаются по тому, насколько они светлые и темные.

    Например, желтый светлый, а синий — более темный. Желтый и оранжевый мало контрастируют друг с другом, несмотря на то, что они разные цвета. Когда разные цвета имеют одинаковый тон (уровень серого, как вы только что узнали), они также не будут иметь большого контраста. При принятии решения о контрасте недостаточно просто выбрать два разных цвета.

    Использование высокой и низкой контрастности

    Как правило, высокая контрастность — лучший выбор для важного контента, потому что его легче всего увидеть.Темный на светлом или светлый на темном — это легче всего читать. Это может быть не интересно, но читается .

    Однако одно предостережение: Если все очень контрастно, ничего не выделяется, и через некоторое время это утомляет глаза. (Например, подумайте о черных экранах компьютеров с ярко-зеленым текстом.)

    Дизайнеры часто предпочитают низкоконтрастные методы. Им нравится делать вещи красивыми, но красивый — не всегда лучший для удобочитаемости. Сходные цветовые комбинации тон в тон очень популярны, и, хотя их тонкость довольно привлекательна, их также трудно читать людям.

    Совет для профессионалов: Постарайтесь найти баланс между красивыми цветовыми схемами и удобочитаемостью для оптимальной четкости изображения.

    Чтобы использовать похожие цвета и получить желаемый контраст, создает цветовую схему с дополнительными и аналогичными цветами . Это что? Продолжаем читать!

    Выбор сочетания цветов

    Цветовой круг может помочь вам выбрать отличные цветовые комбинации для вашей кнопки призыва к действию, вашей инфографики и всплывающего окна вашей коллекции потенциальных клиентов.

    Простые сочетания цветов помогут вам в долгосрочной перспективе.

    Исследование, проведенное в Университете Торонто, показало, как люди, использующие Adobe Kuler, выявили, что большинство людей предпочитают простых цветовых комбинаций, которые опираются только на от 2 до 3 любимых цветов .

    Людям нравится простота; это облегчает понимание вашего контента, если им не нужно интерпретировать его с помощью множества цветов. И помните, что цвет имеет значение, поэтому каждый цвет добавляет или убирает ваше сообщение.

    Слишком много цветов может сбивать с толку. Так как же выбрать эти 2 или 3 цвета? Цветовой круг может помочь.
    Вернуться к началу

    Использование дополнительных (противоположных) цветов

    Дополнительные цветовые комбинации выделяют вещи.

    Дополнительные цвета — это «противоположные» цвета. Они противоположны друг другу на цветовом круге, что означает, что им не хватает одного цвета, который им противоположен.

    Они противоположны географически и по цвету и создают некое визуальное напряжение, потому что они настолько противоположны друг другу.

    Вы даже можете заметить, что некоторые из ваших любимых спортивных команд используют дополнительные цвета. От футбола до хоккея — разные цвета используются для создания отличных цветовых сочетаний.

    Синий — противоположность оранжевому.

    Красный цвет противоположен зеленому.

    Желтый — противоположность фиолетового.

    Противоположности притягиваются!

    Когда человеческий глаз видит картину, полную различных видов зелени, любой кусочек красного будет удивительно хорошо выделяться.Почему?

    Потому что красный цвет противоположен зеленому . Когда глаз смотрит на множество объектов одного цвета, он хочет увидеть противоположное для визуального перерыва. Использование дополнительных цветов — самый простой способ выделить что-то. Используйте их с осторожностью, чтобы ваш контент не выглядел слишком резким.

    Вам не нужно 50% оранжевого и 50% синего, потому что ни один цвет не побеждает, и он вызывает расстройство глаз.

    Совет для профессионалов: выберите основной цвет в качестве основного, а затем акцентируйте его дополнительным цветом, чтобы получить соотношение 7: 3.Это обеспечивает красивое сочетание цветов, но также позволяет глазам отвлекаться на противоположный цвет.

    Давайте в качестве примера рассмотрим домашнюю страницу CoSchedule. Какие цвета ты видишь?

    В основном это синий , но наша самая важная кнопка, кнопка «Начать бесплатно сейчас», — это оранжевый . Оранжевый цвет противоположен синему. В темно-синем море ваш глаз естественным образом заметит оранжевый быстрее, чем любой другой цвет. Мы также позаботились о том, чтобы оранжевая кнопка контрастировала с темно-синей, чтобы сделать ее визуально более заметной.

    Внимание: борьба с дальтонизмом

    Небольшое предостережение: Красный и зеленый, два дополнительных цвета, представляют собой липкую проблему. Некоторые люди страдают дальтонизмом и не могут различать определенные цвета, а сочетание красного и зеленого — распространенная проблемная комбинация. Цвета с большим количеством красного и зеленого в них тоже некачественны. Знаете ли вы, что Facebook синий, потому что Марк Цукерберг дальтоник к красно-зеленому? Он лучше всех видит блюз.

    В приведенном выше примере показаны три типа дальтонизма: дейтераноп, протаноп и тританоп.Подобно Марку, который лучше всего видит синий, неудивительно, что синий является одним из самых популярных цветов, поскольку он простирается даже за пределы дальтонизма.

    Чтобы помочь с дальтонизмом при использовании дополнительных цветов, помните, что должен быть высокий контраст. Старайтесь никогда не использовать цвет исключительно как источник информации. По возможности также включайте текст в графики и инфографику.

    Высокая контрастность и дополнительный текст гарантируют, что даже при наличии дальтонизма ваши изображения будут удобочитаемыми и приятными для просмотра.

    Использование разделенных дополнительных цветов

    Если вы хотите использовать три цвета вместо двух, используйте разделенных дополнительных цветов схемы — это способ извлечь выгоду из силы дополнительных цветов, но добавить третий цвет в вашу палитру. Чтобы использовать его, вы выберете один цвет в качестве основного цвета, а затем два цвета, смежные с его противоположным цветом.

    Например, если мы решили выбрать зеленый в качестве основного цвета, мы будем смотреть через цветовое колесо в поисках его дополнительного цвета, красного.Затем посмотрите на два цвета рядом с ним. Теперь у нас есть зеленый, красно-оранжевый и красно-фиолетовый для идеальной дополнительной цветовой схемы.

    Разделенная дополнительная цветовая схема не имеет такого же уровня напряженности, как дополнительная цветовая схема, но все же визуально захватывающая для вашего глаза. Это также добавляет разнообразие в вашу цветовую схему, которую можно использовать очень динамично и осмысленно.

    Использование аналогичных цветов

    Аналогичные цвета располагаются рядом друг с другом на цветовом круге.Они «связаны», своего рода семейство цветов, которое создает приятные и непринужденные визуальные эффекты. Они не дергаются, не противоположны и не конфликтуют. Они также не отличаются друг от друга. Аналогичные цвета могут создавать тонкий и красивый контент, но вам может потребоваться добавить дополнительный цвет, чтобы выделить какой-либо конкретный элемент.

    Использование монохроматических цветов

    Монохромные цвета — это один цвет с его оттенками, оттенками и тонами. Они даже более мягкие и тонкие, чем аналогичные цвета, поскольку это цветовая палитра, основанная на одном цвете. Монохромные цвета отлично работают в сочетании с одним дополнительным цветом. На веб-сайте CoSchedule мы используем монохромные синие цвета с оранжевым для контента, который хотим привлечь внимание.

    Большинство дизайнеров — при использовании дополнительных цветов — объединяют богатую коллекцию монохромных цветов с одним дополнительным цветом.

    Использование цветов треугольника, прямоугольника и квадрата

    Нетрудно создавать цветовые комбинации, которые расширяют границы легкой силы дополнительных противоположностей и связанных с ними аналогичных и монохроматических палитр.Все, что вам нужно, это треугольник, прямоугольник и квадрат.

    Треугольник (триада) — это цветовая комбинация, состоящая из трех цветов, которые равномерно распределены по цветовому кругу.

    Прямоугольник (четырехугольник) представляет собой цветовую комбинацию, состоящую из четырех цветов, которые составлены из двух дополнительных пар.

    Квадрат похож на палитру прямоугольника, но два набора дополнительных пар — это цвета, равномерно распределенные по кругу.

    Эти три комбинации могут быть визуально шумными, если вы не будете осторожны. Лучшее применение — использовать один цвет в качестве доминирующего, а другие — для выделения содержимого. Комбинация треугольников особенно ярка; три — это «стабильное» число, и использование трех цветов стабилизирует зрение.

    Психология цвета в маркетинге

    Цвет — важный инструмент, поскольку он влияет на то, как мы думаем и ведем себя. Цвет указывает нашему глазу, куда смотреть, что делать и как что-то интерпретировать.Он помещает контент в контекст. Это помогает нам решить, что важно, а что нет. Именно поэтому вам, как контент-маркетологу, нужно понимать, что цвета значат для людей.

    Несмотря на то, что психология цвета изучалась и анализировалась с течением времени, психологическое воздействие цвета все еще является умеренно субъективным.

    Мы не все одинаково реагируем на цвета, поскольку у всех нас есть предыдущий опыт использования цветов из значимых событий, культур, людей и воспоминаний. Однако есть несколько общих моментов о том, как люди реагируют на цвет, и это то, что мы собираемся рассмотреть.

    Психология цвета красного

    Красный — очень мощный, динамичный цвет, который отражает наши физические потребности, будь то проявление привязанности и любви или изображение ужаса, страха и выживания. Красный также является очень энергичным цветом, который может изображать дружелюбие и силу, но также может быть требовательным и проявлять агрессию в зависимости от контекста.

    В целом, если вы хотите, чтобы ваше присутствие было действительно сильным или быстро привлекло чье-то внимание, красный цвет — ваш лучший выбор.Просто не забывайте использовать его экономно, чтобы избежать крайне негативных реакций, которые он может так легко разбудить.

    Красный обычно встречается: Стоп-сигналы, День святого Валентина и фильмы ужасов.

    Психология цвета апельсина

    Оранжевый имеет очень интересное психологическое значение, поскольку он сочетает в себе силу и энергию красного с дружелюбием и весельем желтого. Смесь делает апельсин хорошим представителем физического комфорта в нашем тепле, пище и убежище.(Это даже стимулирует наш аппетит, так что будьте осторожны, если вы голодны!)

    Оранжевый также известен как цвет мотивации, придает позитивный настрой и общий жизненный энтузиазм. В целом, оранжевый отлично подходит для обеспечения комфорта в трудные времена и создания ощущения веселья или свободы в ваших визуальных эффектах.

    Апельсин обычно встречается: Фрукты, спортивные мероприятия и настольные игры.

    Психология цвета желтого

    Желтый — это воплощение радости, счастья, бодрости, оптимизма — что угодно.Все, что нравится, почти всегда желтое. Длина волны желтого особенно велика, что делает его одним из самых сильных психологических значений, а также является самым легким для визуального восприятия цветом. (Знаете ли вы, что желтый цвет — это первый цвет, на который реагируют младенцы?)

    Когда вам нужно поднять кому-то настроение, повысить его уверенность или вдохновение, используйте желтый цвет. Однако избегайте слишком частого использования желтого, потому что он, как известно, делает нас более критичными, вызывая проблемы с самооценкой, страх или беспокойство.Найдите правильный баланс желтого, который будет мотивировать, а не унижать других.

    Часто встречается желтый цвет: Транспортные переходы и знаки, смайлики и витрины на фасадах.

    Психология цвета зеленого

    Зеленый — цвет баланса и гармонии. Он дает нам более четкое представление о том, что правильно и что неправильно, поскольку зеленый сочетает в себе баланс как логического, так и эмоционального. Зеленый — один из наиболее часто встречающихся цветов в природе, отражающий жизнь, покой и мир.Это также признак роста, будь то физический объект, такой как растения, или наш доход и богатство.

    В целом, если вы хотите изобразить здоровье, отдых и снятие стресса, зеленый — ваш цвет. Хотя у зеленого есть незначительные отрицательные аспекты, такие как чрезмерное владение и материализм, он оказывает более положительное влияние, чем большинство других цветов.

    Зеленый цвет обычно встречается: Природа, экономический обмен, магазины товаров для здоровья и рестораны.

    Психология цвета синего

    Blue известен своим доверием и надежностью.Это надежно, ответственно и душевно успокаивает. Уже по этой причине это один из самых любимых цветов во всем мире.

    В отличие от красного, синий дает больше психической реакции, чем физической, что позволяет нам расслабиться, успокоиться и подумать о наиболее идеальной ситуации. К сожалению, это также один из последних цветов, который можно увидеть, и при использовании в больших количествах он может восприниматься как далекий, холодный или недружелюбный.

    В целом, синий — любимый цвет, который может дать чувство спокойствия и доверия при построении отношений, особенно в маркетинге.

    Синий: Тренировочные центры, больницы и спа.

    Психология цвета фиолетового

    Фиолетовый наиболее известен своим воображением и духовностью. Он обладает энергией и силой красного, а также стабильностью и надежностью синего, что делает его идеальным балансом между физическим и духовным. Фиолетовый часто используется, чтобы показать роскошь, верность, храбрость, таинственность и магию.

    Это очень интригующий цвет, он успокаивает, но также дает пространство для тайн и новых идей.Вот почему творчество чаще всего ассоциируется с фиолетовым цветом. При использовании пурпурного не используйте его слишком часто, так как он также может вызвать слишком много самоанализа или отвлечения, поскольку мысли начинают гадать.

    Фиолетовый обычно встречается: Волшебные шоу, сказки и предметы роскоши.

    Психология цвета розового

    Pink — более мягкая, менее насыщенная версия красного, создающая чувство сострадания и безусловной любви. Хотя это очень физический цвет, он скорее успокаивает, чем стимулирует, что делает его идеальным цветом для заботы, понимания и воспитания тех, кто в этом нуждается.

    Розовый — знак надежды. Он также известен как очень романтичный, поскольку показывает сочувствие и чувствительность. Если использовать слишком много розового, он может сильно истощить, показать недостаток мощности и даже незрелость. В целом, розовый может стать отличным противовесом красному при правильном использовании.

    Розовый обычно встречается: Больные раком, маленькие детские предметы и товары для ванной.

    Психология цвета коричневого

    Коричневый, возможно, не самый визуально стимулирующий цвет, но является отличным признаком структуры, безопасности и защиты.Будь то семья, друзья или материальное имущество, коричневый цвет предлагает постоянную поддержку.

    Это также очень серьезный, простой цвет, который можно использовать там, где черный может быть слишком интенсивным. Недостаток коричневого заключается в том, что это самый безопасный цвет, который может показаться сдержанным, запланированным и скучным. В целом, используйте его при необходимости, но не слишком сильно от него зависите.

    Коричневый обычно встречается: Кемпинги, предметы домашнего обихода и кафе.

    Психология цвета золота

    Золото имеет несколько разных значений в зависимости от вашей культуры.Однако во всем мире золото неизменно олицетворяет некоторые вариации очарования, уверенности, роскоши и сокровища. В нем также может быть элемент дружелюбия, изобилия и процветания, что естественно привлекательно. Однако слишком много золота может показаться эгоистичным, гордым и самодовольным. Подобно коричневому и черному цветам, старайтесь использовать золото более экономно, чтобы выделить, а не быть главной достопримечательностью.

    Золото: Роскошные изделия, кольца и трофеи.

    Психология цвета черного

    Черный — это цвет изысканности, серьезности, контроля и независимости. Хотя его также можно использовать, чтобы показать зло, тайну, депрессию и даже смерть. Черный — очень сдержанный цвет, в котором полностью отсутствует свет, поскольку отсутствуют все цвета. Ему нравится оставаться скрытым, контролировать и быть отделенным от других. По этой причине черный цвет — отличный цвет, обеспечивающий высокую контрастность и удобочитаемость. К сожалению, поскольку это очень яркий цвет, слишком много черного может вызвать печаль и общий негатив, поэтому используйте его экономно и в тексте чаще, чем сами визуальные эффекты.

    Черный обычно встречается: Профессиональная одежда, предметы роскоши и лимузины.

    Психология цвета белого цвета

    Белый — это полный и чистый цвет, который является прекрасным примером чистоты, невинности, чистоты и покоя. Белый цвет также может обозначать новые начинания, обеспечивать чистый лист и дает освежение для новых идей. Поскольку белый цвет имеет равный баланс всех цветов, он может служить примером нескольких значений, причем равенство перевешивает их все.Белый — отличный цвет для простоты, чистоты и создания идей; однако не используйте слишком много белого, так как это может вызвать изоляцию, одиночество и пустоту.

    Обычно встречается белый цвет: Свадьбы, фоны веб-сайтов и залы ожидания врачей.

    Другие научные открытия цвета

    Яркие цвета

    Фабер Биррен, исследователь цвета 20-го века и автор книги Color Psychology And Color Therapy , обнаружил кое-что интересное в общих цветовых группах.

    Он обнаружил, что яркий свет и яркие цвета способствуют активности «больших мышц» , тогда как более мягкие и глубокие цвета лучше способствуют умственным и зрительным задачам . Он также обнаружил, что красный стимулирует нашу нервную систему, а синий расслабляет ее. Красный и родственные ему цвета также заставляли людей переоценивать течение времени, в то время как более холодные цвета, такие как зеленый и синий, были наоборот.

    Это означает, что:

    • Яркие цвета способствуют физической активности, но замедляют течение времени.
    • Более холодные и мягкие цвета лучше подходят для умственной деятельности и заставляют время лететь незаметно.
    Культурный цвет

    Цвет также означает разные вещи в разных культурах. По словам исследователя Джо Хэллока, «эскимосы используют 17 слов для обозначения белого цвета применительно к различным условиям снега, тогда как на северо-западе США их всего 4 или 5».

    Каждая культура понимает цвет по-разному. Он играет важную роль в религии, политике, церемониях и искусстве.Культура, в которой находится ваша аудитория, влияет на то, как они понимают более глубокие значения цвета. Даже контекст, в котором вы используете цвет, влияет на значение цвета. Например, в Индии красный цвет означает чистоту, а в США — страсть и особые праздники.

    Связь слов с цветом

    В ходе опроса людей просили выбрать цвет, который они ассоциируют с определенными словами.

    • Доверие: Большинство выбрали синий цвет (34%), за ним следуют белый (21%) и зеленый (11%)
    • Безопасность: Синий вышел на первое место (28%), за ним следуют черный (16%) и зеленый (12%)
    • Скорость: Красный был подавляющим фаворитом (76%)
    • Дешевизна: На первом месте оранжевый (26%), затем желтый (22%) и коричневый (13%)
    • Высокое качество: Черный был явным победителем (43%), затем синий (20%)
    • Высокие технологии: Это было почти поровну: черный был лучшим выбором (26%), а синий и серый вторым (оба 23%)
    • Надежность: Синий был лучшим выбором (43%), за ним следовал черный (24%)
    • Смелость: Большинство выбрали фиолетовый (29%), затем красный (28%) и, наконец, синий (22%)
    • Страх / Террор: Первое место заняли красные (41%), затем черные (38%)
    • Развлечения: Оранжевый был лучшим выбором (28%), за ним следовал желтый (26%) и затем фиолетовый (17%).

    Синий цвет явно нравится людям, но кроме этого мало что можно сказать.

    В зависимости от контекста остальной части вашего контента черный может означать высокое качество и доверие или может означать страх и ужас. Он не может сделать это сам по себе, но в окружении вашего контента выбор цвета может на ступеньку поднять ваше предполагаемое значение.

    Предпочтительные цвета по полу

    Обобщая результаты многих исследований, блог Kissmetrics опубликовал отличную инфографику о том, как мужчины и женщины по-разному реагируют на цвет. У мужчин и женщин разные цветовые предпочтения.

    Согласно блогу Kissmetrics и Hallock:

    • Синий цвет предпочитают как мужчины (57%), так и женщины (35%), хотя мужчины предпочитают его больше.
    • Мужчинам больше всего не нравится коричневый цвет, а женщинам — оранжевый.
    • Нелюбимые цвета также считались «дешевыми».
    • Мужчины лучше переносят ахроматические цвета (т. Е. Оттенки серого).
    • Женщины предпочитали оттенки, а мужчины предпочитали чистые или затемненные цвета.
    • Большинство мужчин (56%) и женщин (76%) в целом предпочитали холодные цвета.
    • Оранжевый и желтый становятся все менее популярными по мере того, как оба пола становятся старше.

    Как правило, женщины видят больше цветов, чем мужчины. Они более осведомлены о небольших различиях в цвете в пределах цветовой гаммы.

    Это может объяснить, почему мужчины просто называют цвет синим … синим. Женщины же видят лазурный, небесный, бирюзовый, бирюзовый и все виды синего. Возможно, это сочетание способности визуально видеть больше различий и признания того, что оно достойно более конкретного названия.Возможно, мужчины лучше переносят как бесцветную, так и яркую цветовую палитру, потому что они не так чувствительны к природе и нюансам цвета, как кажется женщинам.

    Что это значит для вас?

    Ну, ваша аудитория в основном мужчины или женщины? Какого они возраста? Привлекают ли цвета, которые вы используете в своем контент-маркетинге, эту аудиторию или отталкивают? Если ваша аудитория, в частности, женщины, вы должны тщательно выбирать цвета, которые не будут слишком хриплыми. Если вы продаете предметы роскоши, вам следует избегать расцветок, которые считаются дешевыми.

    Цвета настроения и эмоции (инфографика)

    Существует несколько обобщенных представлений о том, что определенные цвета часто означают для большого количества людей, причем каждый цвет имеет связанные с ним отрицательные и положительные эмоции.

    Цвет и узнаваемость бренда

    То, как люди ведут себя, когда видят цвет, напрямую влияет на ваши конверсии. Они нажмут кнопку на вашем призыве к действию? Будут ли они читать вашу всплывающую картинку? Заметят ли они вашу подписку по электронной почте?

    По данным Института исследований цвета, люди оценивают ваш контент за 90 секунд или меньше .И до 90% этого суждения за такой короткий промежуток времени зависит от цветов, которые они видят. Блогер Нил Патель дает дополнительное доказательство того, как цвета влияют на ваш коэффициент конверсии, показывая, что 85% потребителей принимают решение о покупке, основываясь на цвете, и что полноцветная реклама в журналах узнается на 26% чаще, чем простая старая черно-белая реклама.

    Фактически, цвет помогает людям узнавать ваш бренд на 80%. Важно тщательно выбирать цвет и придерживаться его.

    Когда дело доходит до того, чтобы заставить людей нажать кнопку или зарегистрироваться, вопрос не в том, какой цвет является волшебным и заставляет это происходить постоянно.Это вопрос пассивных и активных цветов, высоких и низких контрастов и противоположностей, как в нашем примере CoSchedule, где оранжевая кнопка выделялась из синего.

    И вопрос в том, какой цвет лучше всего подходит для вас.

    Тестирование ваших лучших цветов: пример из практики CoSchedule

    Сочетание оранжевого и синего цветов — мощное сочетание. Это довольно безопасно в отношении дальтонизма и неоднократно получает положительные оценки людей как комбинацию.

    Но достаточно ли просто выбрать отличную комбинацию?

    Вовсе нет; вам нужно знать, как использовать эти цвета по отдельности.Давайте посмотрим на CoSchedule и наши рекламные акции в Facebook в качестве примера. За последний год мы создали несколько дизайнов, некоторые с синим фоном, а другие с оранжевым фоном.

    Рекламные акции с оранжевым фоном постоянно заставляли людей нажимать чаще, чем тех, у кого синий фон! Хотя в этом был смысл. Подумайте о Facebook. Это преимущественно синяя сеть, поэтому наше оранжевое изображение выделялось больше, чем синее.

    Это не означает, что вы должны использовать оранжевый цвет.Это означает, что мы протестировали наши два цвета и обнаружили, что оранжевый работает лучше всего.

    Это означает, что мы протестировали наши два цвета и обнаружили, что оранжевый работает лучше всего. для нас на Facebook. Он может даже отличаться от социальной сети к социальной сети, поэтому убедитесь, что вы проводите собственное тестирование.

    То, что работало в Facebook, может отличаться от Twitter. Вам нужно самостоятельно выяснить, совпадает ли ваша красная кнопка с зеленой кнопкой (как обнаружил Hubspot). Цвет остальной части страницы, вашего контента и объектов размещения будет отличать ваши результаты от того, что обнаружил кто-то другой.

    Теперь вы эксперт по психологии цвета!

    Цвет вообще интересно изучать как с теоретической, так и с психологической точки зрения.

    От Ньютона, Гете, Иттена, Геринга, Юнга-Гельмгольца, Биррена или Мюллера (да, на протяжении всей истории было много теорий о цвете), скромный цветовой круг рассматривался и пересматривался снова и снова. Цвет влияет на нас, и наше поведение изучается неоднократно.

    Когда дело доходит до выбора цвета, вы должны протестировать. Вы не можете знать, как ваша аудитория отреагирует на ваши цвета в вашем контенте и макете, не создав продуманные A / B-тесты, чтобы определить, какие цветовые комбинации и места размещения генерируют наибольшее количество потенциальных клиентов и трафика в вашем контенте.

    Ранний черновик этого поста был написан и создан Джули Нейдлингер. Последний раз он был обновлен 29 августа 2018 г., автор: Ashton Hauff .

    29 августа 2018

    цветовых палитр и цветовых схем пользовательского интерфейса

    Дизайн — это коммуникация.Так же, как писатели используют слова для общения со своими читателями, дизайнеры используют визуальный язык, чтобы предоставить нужный опыт. У дизайнеров есть множество различных инструментов для создания правильного визуального языка и цвет — один из самых мощных инструментов в их арсенале.

    Отличные цветовые палитры могут создать правильный настроения и мотивации посетителей действие. Но при разработке нового продукта часто бывает трудно определиться с цветовую схему, потому что существует очень много возможных цветовых комбинаций. В этом статьи, я расскажу об основах того, что учитывайте при выборе цветовой палитры для вашего продукта.

    Основы теории цвета

    Перед погружением в подробностях о том, как выбрать цветовую палитру для вашего следующего проекта важно понимать несколько основных терминов о цвет.

    Оттенок

    Оттенок — одно из основных свойств цвета. Это значит и цвет, и оттенок цвета (цвет, смешанный с черным). Например, синий, зеленый, оранжевый и желтый — каждый из них является оттенком.

    Шкала оттенков цвета

    Насыщенность

    Насыщенность цвета — это интенсивность цвета.По мере увеличения насыщенности цвета кажутся чище.

    Насыщенность цвета

    Тон

    Тон получается путем смешивания цвета с серый.

    Пример цветового тона. Изображение по шестнадцатеричному цвету.

    Оттенок

    Оттенок представляет собой смесь цвета с белым, который уменьшает темноту.

    Пример цветового оттенка

    Вот как все элементы работают вместе:

    График терминологии смешения цветов

    Основная цветовая схема

    Цветовой круг — обязательный инструмент для создание цветовых палитр.Всем, кто хочет создать свою цветовую схему, следует воспользуйтесь цветовым кругом.

    Цветовой круг

    Ниже приведены три основных стандарта цветовой схемы. которые упрощают создание новых схем, особенно для начинающих:

    Монохроматическая

    Монохроматическая цветовая схема — самая простая создать, потому что он создан из разных оттенков одного оттенка. Цвета в эта схема хорошо сочетается друг с другом, оказывая успокаивающее действие. Но несмотря на простота, легко создать скучный интерфейс, используя монохроматическую схему, так что будьте осторожный!

    Монохроматическая цветовая схема

    Аналог

    Аналогичные цвета представляют собой группы из трех цветов которые находятся рядом друг с другом на цветовом круге.Как следует из названия, аналогичный цветовые палитры создаются с использованием аналогичных цветов. Обычно используется один цвет в качестве доминирующего цвета, в то время как другие используются для обогащения схемы.

    Аналогичная цветовая схема

    Дополнительные

    Дополнительные цвета противоположны каждому другой на цветовом круге. Высокая контрастность дополнительных цветов создает яркий вид. В своей основной форме дополнительные цветовые схемы состоят из только два цвета, которые сильно контрастируют. Эта схема используется для привлечения внимание зрителя.

    Дополнительная цветовая схема

    6 вещей, которые следует помнить при создании цветовой палитры для вашего пользовательского интерфейса

    Многие дизайнеры подбирайте цвета на основе своей интуиции. Хотя этот подход сам по себе неплох, результат зависит от вашего личного вкуса, а также от интуиции, которую сложно стандартизировать. В этом раздел, я хочу поделиться более системным подходом к выбору и использованию цвета. Вот несколько основных правил, которые нужно помнить при работе с цветом.

    1. Всегда начинайте с оттенков серого

    Выбирать цвета — это весело, и поэтому дизайнеры уделяют этому занятию много времени.Но прежде пробуя различные цветовые комбинации для вашего пользовательского интерфейса, важно помнить состояние вашего пользовательского интерфейса. Если вы только в начале процесса проектирования, лучше начать с черно-белого или оттенков серого. Почему? Потому что это будет помочь вам сохранить концентрацию. Ваше внимание будет направлено на создание отличного визуального иерархия вашего макета, а не выбор цвета для призыва к действию кнопки.

    2. Будьте проще

    Применение цвета в дизайне имеет много дел с балансом, и чем больше цветов вы используете, тем сложнее достичь баланса. Использование слишком большого количества цветов — распространенная ошибка дизайна. Это обычная ошибка для неопытные дизайнеры, потому что они часто выбирают цвета случайным образом и в конечном итоге создание эффекта радуги (когда продукты имеют столько цветов, что они становятся крайне отвлекает).

    Обычно рекомендуется использовать максимум 3 основных цвета в вашей цветовой схеме. Согласно исследованию, проведенному в Университете Торонто, о том, как люди использовали Adobe Color, большинство людей заявили, что предпочитают простые цветовые комбинации, основанные только на двух или трех цветах.

    3. Правило 60-30-10

    Теперь мы знаем, что наша цветовая схема должна иметь максимум три цвета, пора узнать, как выбрать эти три цвета. В этом нам поможет известное правило декорирования. 60-30-10 — это правило дизайна интерьера. В нем говорится, что для создания визуально стабильной композиции вы необходимо использовать 60% для вашего доминирующего оттенка, 30% для вашего вторичного цвета и 10% для акцентного цвета. Основная идея этого правила заключается в том, что вторичный цвет поддерживает основной цвет, но достаточно отличается, чтобы выделить их.А также акцентный цвет используется для создания фокусных точек. В дизайне пользовательского интерфейса акцентные цвета используется для выделения ключевого сообщения или функционального элемента (например, вызова кнопка действия).

    Фотография в масштабе 60/30/10. Изображение предоставлено UxPlanet.

    4. Учитывайте эмоциональное воздействие цветов.

    Хорошо известно, что цвета могут вызывать эмоции. Эмоции, которые вызывают цвета, определяют, как пользователи воспринимают ваш продукт. Вот почему, когда вы выбираете цветовую палитру для своего продукта, важно не только думать о том, как все выглядит, но и думать о том, как они тоже чувствуют.

    Вот как обычно воспринимаются цвета в Западный мир:

    • Красный. Сила, страсть, опасность, важность
    • Апельсин. Резвая, шустрая, дешевая
    • Жёлтый. Веселая, приветливая, внимательная
    • Зеленая. Натуральный, безопасный, свежий
    • Синий. Спокойный, надежный, заслуживающий доверия
    • Purple. Роскошно, романтично, духовно
    • Розовый. Женственность, молодость, невинность
    • Черный. Утонченный, резкий, загадочный
    • Белый. Чистота, чистота, здоровье
    • Серый.Нейтральный, формальный, изысканный

    Стоит отметить, что это общие ассоциации, и точное значение может варьироваться в зависимости от контекста. Значение цветов также существенно различается в зависимости от культуры. Если вы хотите узнать больше о значении цвета в разных частях мира, ознакомьтесь со статьей «Символизм цветов и значения цветов во всем мире».

    4. Найдите вдохновение

    Создание цветовой схемы может быть трудным, особенно если вы пытаетесь сделать это с нуля.Чтобы упростить, искать вдохновение. Попробуйте просмотреть изображения, чтобы найти то, что вам нравится:

    • Фотографии природы. Это общеизвестный факт, что природа — лучшее вдохновение. Так что ты можешь взять свой любимый снимок и получить из него цветовую схему с помощью одного из этих инструментов.
    • Видео. Музыкальные клипы и фильмы являются отличным источником вдохновения для визуальных дизайнеров.

    После того, как вы найдете нужное изображение, вы можете использовать инструмент Coolors, чтобы выбрать из него цвета.

    Выбор цвета из изображения

    Кроме того, вы можете посетить Dribbble Colors, где вы можете фильтровать работы дизайнера по цвету.

    Dribble упрощает поиск и фильтрацию по цвету. Изображение предоставлено Dribble.

    5. Используйте готовые цветовые палитры

    Что делать, если знаете, какие цвета вы должны быть в вашей цветовой схеме, но не знаете, как выбрать эти цвета? Ты можете искать готовые цветовые палитры.

    Adobe Color — отличный инструмент как для создания, так и для поиска цветовых схем.

    Adobe Color поможет вам найти цветовую схему в несколько кликов.

    Вы также можете ознакомиться с рекомендациями по материальному дизайну.

    Образцы цветов материального дизайна

    5. Учитывайте доступность

    Примерно 8% мужчин и 0,5% женщин страдают той или иной формой дальтонизма. Это 1 из 12 мужчин и 1 из 200 женщин. Хотя существует несколько форм этого состояния, наиболее распространенным является дальтонизм на красный / зеленый цвет. Человек, страдающий этой формой дальтонизма, обычно не видит изменений как красного, так и зеленого цветов.

    Цветовой круг при недостатке красно-зеленого

    Убедитесь, что выбранная вами схема будет удовлетворить потребности пользователей с дальтонизмом или дефицитом цветового зрения (ССЗ). Дальтонизм принимает разные формы (в том числе красно-зеленый, сине-желтый и монохромный), поэтому важно использовать несколько визуальных подсказок, чтобы сообщать важные состояния в вашем продукте. Помимо цвета используйте элементы, такие как штрихи, индикаторы, узоры, текстура или текст для описания действия и содержание.

    Избегайте использования только красного и зеленого цветов для передачи информации, поскольку это может вызвать затруднения у людей, которые не могут различать красные / зеленые символы.

    Чтобы избежать проблем с доступностью при проектировании, рекомендуется самостоятельно испытывать дальтонизм во время проектирования. NoCoffee Vision Simulator для Chrome можно использовать для моделирования нарушений цветового зрения и состояний слабовидения. Например, используя параметр «Дефицит цвета», параметр «Дейтеранопия», вы можете просматривать веб-страницы в оттенках серого. Это поможет сделать ваш дизайн доступным для пользователей с нарушениями зрения.

    Снимок экрана nocoffee vision

    Наличие достаточного цветового контраста — еще одна вещь, о которой вам нужно помнить при работе над своим пользовательским интерфейсом.Когда вы используете цвета в тексте, имейте в виду, что размещение двух цветов с низким контрастом рядом друг с другом может затруднить чтение вашей копии.

    Цветовой контраст в тексте

    Выработайте привычку проверять контрасты, чтобы цвета фона и переднего плана отображались с достаточным контрастом для дальтоника или человека с ослабленным зрением. Это не так сложно, все, что вам нужно сделать, это проверить коэффициент контрастности. Коэффициенты контрастности показывают, насколько цвет отличается от другого цвета (обычно обозначаемого как 1: 1 или 21: 1).Чем выше разница между двумя числами в соотношении, тем больше разница в относительной яркости между цветами. W3C рекомендует следующие коэффициенты контрастности для основного текста и текста изображения:

    • Мелкий текст должен иметь контрастность не менее 4,5: 1 на его фоне.
    • Крупный текст (14 пт полужирным / 18 пт обычный и выше) должен иметь коэффициент контрастности не менее 3: 1 по сравнению с задний план.

    И хорошая новость в том, что вам не нужно проверять коэффициент контрастности вручную.Вы можете использовать такой инструмент, как Color Contrast Checker, чтобы проверить свои цветовые комбинации всего за несколько кликов.

    Заключение

    Цвет — чрезвычайно мощный инструмент в арсенале дизайнеров, но это также непростой инструмент для освоения. Надеюсь, что упомянутые выше правила помогут вам подобрать подходящую цветовую схему. Пришло время попробовать эти правила на практике. Помните, что лучший способ достичь совершенства в цветовых схемах — это создать их.

    Изображение любезно предоставлено Авалон Ху.

    Используйте теорию цвета, чтобы выбрать лучшие цвета для ваших дизайнов

    «Она была так взбешена, что увидела красный».

    «Когда идет дождь, он чувствует себя синим».

    «Они позеленели от зависти».

    Цвет может вызывать эмоции, успокаивать, настораживать и даже раздражать! Это один из самых доступных аспектов дизайна, но в то же время это очень сложный технический предмет. Давайте кратко рассмотрим теорию цвета, чтобы вы могли использовать ее принципы и тактику, чтобы сделать убедительный выбор цвета для своих дизайнов.

    Если вы исследуете цвет для проекта, мы включили несколько привлекательных палитр для каждого раздела и добавили шестизначные «шестнадцатеричные» коды для этих цветов. Возьмите ручку и запишите те, которые вам нравятся, или представьте их своим хорошим друзьям, мисс Копировать и мистеру Пасту.

    Познакомьтесь с цветовым кругом

    Это традиционное цветовое колесо с 12 спицами может показаться простым, но на самом деле его изобрел один из величайших ученых всех времен, сэр Исаак Ньютон, еще в 1666 году. По сути, он показывает цвета расположены по кругу, чтобы обозначить отношения между ними.Это цветовое колесо по-прежнему является стандартом для искусства и визуального дизайна и использует цветовую модель RYB (красный-желтый-синий), но есть и другие (CMYK для печати и RGB для экранов).

    Основные цвета в цветовой модели RYB

    В традиционном цветовом круге есть три основных цвета, из которых происходят все остальные цвета: красный, синий и желтый. Поскольку эти цвета рассматриваются как основные строительные блоки, их можно использовать вместе, чтобы передать темы простоты, надежности и силы.

    Вторичные цвета в цветовой модели RYB

    Смешайте два основных цвета вместе, и вы получите вторичный цвет. Вторичные цвета в этой цветовой модели — оранжевый, фиолетовый и зеленый.

    Третичные цвета в цветовой модели RYB

    Есть шесть третичных цветов, которые формируются путем смешивания основного и вторичного цветов. Иногда их называют «двухименными» цветами, но они содержат больше основного цвета, чем второстепенного.

    Некоторые люди называют красно-пурпурный пурпурный; красно-оранжевый, как киноварь; сине-пурпурный, как фиолетовый; сине-зеленый, как бирюзовый; желто-оранжевый, как янтарь; и желто-зеленый, как шартрез.

    Использование цветовой гармонии для выбора цвета

    При выборе цветовой схемы один из подходов, который вы можете попробовать, — это выбрать цвета, которые хорошо гармонируют, естественно. Идея цветовой гармонии заключается в том, что создаваемая вами комбинация идеально сбалансирована с нужным количеством контраста. Цель состоит в том, чтобы придумать дизайн, который не был бы слишком мягким, но и не слишком противоречивым.

    Как выбрать аналогичные цвета для ваших дизайнов

    Аналогичные цвета располагаются бок о бок на цветовом круге.Совместное использование этих цветов создает успокаивающее и безмятежное ощущение, потому что цвета естественно сочетаются друг с другом. Подумайте об осенних листьях: прилив красных, оранжевых и желтых цветов. Однако, чтобы не усыпить зрителя, вы можете использовать черный, белый или серый для контраста или добавить дополнительный цвет к своей схеме.

    Как выбрать дополнительные цвета

    Еще один путь к гармонии — комбинировать дополнительные цвета, расположенные прямо напротив друг друга на колесе (например, фиолетовый и желтый).Эти цветовые комбинации имеют максимальную контрастность, создавая захватывающий яркий дизайн. Но будьте осторожны, не злоупотребляйте этим методом, иначе ваш дизайн может оказаться слишком решетчатым.

    Как выбрать триадную цветовую схему для ваших дизайнов

    Триадные цветовые схемы состоят из трех цветов, равномерно расположенных друг от друга, образующих треугольник на цветовом круге. При использовании триадных цветовых схем важно выбрать один цвет в качестве основного цвета, а два других должны действовать как вспомогательные.Это предохраняет дизайн от излишнего безумия и помогает создать пути для направления внимания туда, куда вы хотите.

    Работа с разделенной дополнительной цветовой схемой

    Разделенная дополнительная цветовая схема является лучшим выбором для начинающих дизайнеров, потому что в ней трудно ошибиться. Начните с одного цвета и посмотрите на цветовое колесо, чтобы найти его прямое дополнение — вместо того, чтобы выбирать этот цвет, выберите два аналогичных цвета по обе стороны от него. Так, например, если ваш первый цвет желто-зеленый, посмотрите на красно-фиолетовый, но выберите фиолетовый и красный в качестве второго и третьего цветов.

    Вам не нужно выбирать аналогичные цвета, отличные от прямого дополнения всего на одну галочку; пока они находятся на одинаковом расстоянии от прямого дополнения, это работает.

    Выбор четырехцветной цветовой схемы для вашего дизайна

    Если ваша цветовая схема включает четыре цвета, она четырехцветная (префикс «тетра» означает «четыре»). Для прямоугольной четырехугольной (также называемой «двойной комплементарной») цветовой схемы выберите две дополнительные пары. Поскольку пары расположены напротив друг друга на цветовом круге, они обеспечивают хороший контраст, но вам нужно следить за балансом между теплыми и холодными цветами.Вы можете сделать это, выбрав, следует ли подчеркнуть теплоту или прохладу, а затем просто более экономно использовать противоположные цвета.

    Выбор квадратной четырехцветной цветовой схемы

    Похожий, но немного другой подход — это квадратная цветовая схема; каждый цвет равномерно распределен по цветовому кругу, поэтому между всеми цветами существует одинаковое напряжение. В своем дизайне вы можете выбрать один из них, который будет доминировать, а другие использовать в качестве акцентов.

    Как выбирать цвета по тональному диапазону

    Цветовой круг, как мы его здесь изобразили, показывает чистые оттенки на внешней стороне колеса.Чистые оттенки — это самая насыщенная версия цвета — это яркие, насыщенные цвета, все со схожими значениями. Использование только чистых оттенков в дизайне может подорвать последний нерв вашего зрителя. Вместо этого вы можете свободно использовать оттенки, оттенки и тона этих оттенков.

    Что такое оттенки, оттенки и тона?

    Оттенки, оттенки и тона — это вариации оттенка, созданные путем объединения чистого оттенка с черным, белым или обоими.

    • Добавьте белый цвет к оттенку, и вы получите оттенок , который будет менее интенсивным и менее насыщенным.Их также называют пастелью (см. Ниже).

    • Добавьте черный цвет к оттенку, и вы получите оттенок , более темный, насыщенный и насыщенный цвет.

    • Добавьте черный и белый (серый), чтобы создать тон этого оттенка.

    Дизайн со средними цветами

    Средние цвета находятся на полпути между светлым и темным. Хотя вы можете создать приглушенную цветовую схему, полностью основанную на средних тонах, вы также можете выбрать цветовую палитру, которая фокусируется на средних тонах с одним насыщенным оттенком в качестве цвета акцента.Или вы можете использовать другие рычаги дизайна, такие как размер, движение или форма, чтобы сосредоточить внимание на приглушенном дизайне.

    Выбор пастельных тонов

    Эти цвета, также называемые «оттенками», представляют собой бледные версии насыщенных оттенков. Пастельные цвета — это культурный пробный камень, который появляется каждые несколько десятилетий (кухни 50-х, эпизоды полиции Майами 80-х, фильмы Уэса Андерсона 2000-х) и вызывают успокаивающую, беззаботную атмосферу. Поскольку пастель состоит из всех основных, дополнительных и третичных цветов, вы можете комбинировать их, используя аналогичные, дополнительные, дополнительные, дополнительные и т. Д., Цветовые схемы или добавить немного гравитации с более богатым акцентным цветом.

    Выбор нейтральных цветов

    Нейтральные цвета, также называемые «ахроматическими», — это цвета, которым не хватает яркого оттенка. Наиболее распространенными нейтральными цветами являются серый, черный, белый, коричневый, коричневый и кремовый. Как и средние тона, нейтральные цвета красиво сочетаются с ярким акцентным цветом или вместе создают приглушенную цветовую схему. Некоторые нейтралы могут принимать оттенки цветов, с которыми они расположены рядом, так что имейте это в виду.

    Как выбрать теплые и холодные цвета

    Если вы разделите цветовое колесо пополам линией посередине, у вас будут теплые цвета (красный через желтый) с одной стороны и холодные цвета (от сине-зеленого до синего). фиолетовый) с другой.Эта основная группа часто ассоциируется с миром природы, где «теплые» цвета отражают дневной свет или закат, а «холодные» цвета отражают воду и небо. Есть некоторые разногласия по поводу точного разделения теплых и холодных цветов, когда речь идет о зеленом. Некоторые цветовые круги будут отображать как теплый зеленый, так и холодный зеленый цвет. Имеет смысл!

    Дизайн с использованием теплых цветов

    Теплые цвета кажутся «продвинутыми» в дизайне, что означает, что они кажутся длиннее, крупнее и ближе к зрителю.Чтобы создать контраст, вы можете сочетать яркий теплый цвет с дополнительным цветом, который будет прохладным. Считается, что теплые цвета вызывают чувство возбуждения, энергии и страсти.

    Дизайн с использованием холодных цветов

    Холодные цвета создают ощущение спокойствия и надежности. Их часто считают «удаляющимися» — они заставляют вещи казаться более далекими. Чтобы создать контраст, вы можете комбинировать холодный цвет с дополнительным цветом, который обязательно должен быть теплым.

    Создание монохроматической цветовой схемы

    Монохроматическая цветовая схема основана на одном оттенке, с вариациями, сделанными путем изменения его насыщенности.Дизайн с этой цветовой схемой, который иногда называют «тон в тон», можно рассматривать как а) элегантно простой или б) драматический образ, или и то, и другое. Как и в случае с другими цветовыми схемами, монохромные оттенки одного оттенка хорошо смотрятся с контрастными цветами здесь и там. Особенно важно опираться на другие элементы дизайна, чтобы обеспечить контраст и фокус.

    Теперь, когда у вас есть теория цвета в заднем кармане, узнайте, как указать цвета, которые вы выбрали, с помощью шестнадцатеричных кодов, палитры цветов и т. Д.Или вы можете получить свои цвета из генератора цветовой палитры, который извлекает цвета из фотографии. Вы хотите ощутить все вашего цвета, прежде чем выбрать несколько? Затем щелкните свой веселый путь через каджиллион цветов на наших цветных страницах — это похоже на дискотеку, которую радуга устраивает внутри калейдоскопа.

    Изучите цвета для своего следующего дизайн-проекта:

    Что такое теория цвета? | Фонд дизайна взаимодействия (IxDF)

    Выбор наилучшего сочетания цветов для интерактивного макета — это, как может показаться, не игра в угадывание. Зная, какие из них использовать, вы сэкономите время (и избавитесь от головной боли). Если вы сделаете это правильно, ваши пользователи останутся на связи.

    С первых дней развития искусства и дизайна использование цвета следовало многим правилам и рекомендациям, которые вместе известны как теория цвета .

    Цветовая схема — один из первых элементов, передающих идею дизайна как на визуальном, так и на психологическом уровне. На самом деле цветовая гамма — один из важнейших элементов; это потому, что при правильном использовании цвет может отражать нишу и даже общую маркетинговую стратегию бизнеса.

    В этой статье мы кратко рассмотрим различные цветовые классификации, чтобы освежить вашу память о тех классах графического дизайна, которые вы посещали в университете. Мы уверены, что этот контент будет не только звонком, но и вдохновит вас на творчество.

    Цветовой круг

    Отношения между цветами можно показать с помощью цветового круга.

    Цветовой круг показывает связи между разными цветами на основе красного, желтого и синего содержимого каждого цвета. Впервые он был разработан сэром Исааком Ньютоном в 1666 году.


    Автор / Правообладатель: Maximkaaa. Условия авторского права и лицензия: Public Domain

    Самый полезный и наиболее часто используемый вариант цветового круга показан на изображении выше, который включает красный, красно-оранжевый, оранжевый, оранжево-желтый, желтый, желто-зеленый, зеленый, зелено-синие, синие, сине-пурпурные, пурпурные и пурпурно-красные комбинации. (Камень, 2008).

    Блейхер (2011) заявил, что цветовое колесо можно разделить на три основных типа цветов на основе комбинации основных цветов, используемых для создания окончательного цвета, а именно:

    • Основные цвета — желтый, красный и синий.Это основные цвета, которые нельзя разделить на более простые цвета.
    • Вторичные цвета — создаются путем смешивания двух основных цветов. Вторичные цвета — оранжевый, зеленый и фиолетовый. Смешивание желтого и красного дает оранжевый; смешивание синего и желтого дает зеленый цвет, а смешивание синего и красного дает фиолетовый.
    • Промежуточные или третичные цвета создаются путем смешивания основных и дополнительных цветов для образования гибрида, например желто-оранжевого, красно-оранжевого, красно-фиолетового, сине-фиолетового, сине-зеленого и желто-зеленого.На цветовом круге большего размера, чем показанный выше, смесь промежуточных, вторичных и основных цветов создаст четвертичные цвета.

    Тщательное понимание цветового круга и взаимосвязи между цветами позволяет дизайнерам лучше понимать цвет и знать, как выбирать цвета для своего дизайна. Мы скоро к этому вернемся.

    Достижение гармонии в цвете

    Цвета следует выбирать таким образом, чтобы они были более эстетичными и удобными для пользователей.Это означает, что неплохо подумать о том, какую цветовую схему вы будете использовать в начале процесса дизайна. То, как сочетаются цвета, может либо добавить к внешнему виду, либо отвлечь от него.


    Автор / правообладатель: Неизвестен. Условия авторского права и лицензия: Неизвестно

    Согласно Bleicher (2011), существует пять основных цветовых схем (а также некоторые комбинации и варианты этих схем), которые позволяют дизайнерам достичь гармонии в своих проектах:

    Монохроматическая схема

    монохроматическая схема основана на цветах, созданных из разных оттенков (созданных путем добавления черного или белого к исходному цвету), тонов и оттенков одного оттенка.Теоретически это самая простая из всех схем. Монохроматическая схема обычно используется в минималистичных дизайнах, потому что один оттенок должен приводить к менее отвлекающему макету.

    С другой стороны, эта схема означает, что вы не можете использовать несколько цветов для облегчения визуализации информации в пользовательском интерфейсе (UI). Это единственная цена простоты.

    Аналогичная цветовая схема

    Аналогичная схема основана на трех цветах, расположенных рядом друг с другом на цветовом круге (например,г., красный, красно-оранжевый и красно-фиолетовый). Эту схему легко найти в природе — представьте себе деревья осенью, когда листья меняют цвет.

    Есть вариант этой схемы, аналог «high-key». Это достигается путем смешивания ваших аналогичных оттенков с белым. Эта версия обычно встречается в искусстве импрессионизма, особенно в раннем искусстве импрессионизма. Достигается эффект, при котором цвета кажутся «переливающимися» и «размытыми» друг в друге — если смотреть с расстояния, это может создать иллюзию того, что используется только один цвет.

    Дополнительные схемы

    Дополнительные цветовые схемы используют одну (или несколько) пар цветов, которые при объединении «компенсируют друг друга». Например, когда вы комбинируете два цвета, получается белый или черный (или что-то очень похожее на шкале серого). По этой причине эта схема также известна как схема «противоположных цветов».

    Когда вы кладете два дополнительных цвета рядом друг с другом, они показывают наибольший контраст. В современной теории цвета используются пары красный / голубой, зеленый / пурпурный и синий / желтый.

    Разделенно-дополнительная (иногда «Составная гармония») Схема

    Это комбинация использования дополнительной цветовой схемы и аналогичной цветовой схемы. По сути, выбираются дополнительные цвета, а затем цвета по обе стороны от них на цветовом круге также используются в дизайне. Считается, что это смягчает воздействие дополнительной цветовой схемы, которая в некоторых ситуациях может быть слишком смелой или слишком резкой для глаза зрителя.

    Triadic

    Триадная схема основана на использовании трех цветов на равных расстояниях друг от друга на цветовом круге.Самый простой способ найти триадную схему — поставить равносторонний треугольник на колесо так, чтобы каждый угол касался одного цвета. Три цвета будут расположены точно на 120 ° друг от друга.

    Эти схемы считаются яркими (даже если сами оттенки нет) — они сохраняют гармонию, но обеспечивают высокий уровень визуального контраста. Вы можете найти триадные схемы во многих произведениях искусства, поскольку с помощью триадной схемы легче добиться приятного визуального результата, чем при использовании дополнительной схемы.

    Tetradic

    В схемах Tetradic используются два набора дополнительных пар: четыре цвета. Они могут создавать очень интересные визуальные впечатления, но их трудно поддерживать в равновесии. Почему? Это потому, что один цвет тетрадной схемы должен преобладать над другими цветами, не подавляя их полностью. Равное количество каждого цвета часто приводит к очень неловкому виду — это последнее, что вы хотите, чтобы ваши пользователи видели.

    Квадрат (вариант тетрадика)

    Квадратная схема — это вариант тетрадной схемы.Вместо того, чтобы выбирать две дополнительные пары, вы помещаете квадрат на цветовом круге и выбираете цвета, лежащие в его углах. Таким образом, вы найдете четыре цвета, равномерно разнесенные под углом 90 ° друг от друга. В отличие от четырехцветной цветовой схемы, этот подход часто работает лучше всего, когда все цвета равномерно используются во всем дизайне.

    Цветовая температура

    Цвета можно использовать для передачи эмоционального контента, а также для улучшения внешнего вида вашего веб-сайта. Сейчас мы говорим о перемещении людей, о пробуждении страстей и чувств у наших пользователей.Здесь стоит отметить, что культура, пол, опыт людей и т. Д. Также будут влиять на то, как цвета будут резонировать с ними, и что исследования пользователей являются лучшим индикатором эмоциональной реакции на цвет, чем следующие рекомендации, основанные на цветовом круге. Например, знаете ли вы, что в Китае красный цвет распространен, потому что он символизирует счастье и процветание, а белый цвет считается погребальным или символизирует несчастье? Кроме того, китайская культура имеет уникальный цвет — qing — что-то вроде голубовато-зеленого серого, или «grue».В Греции желтый цвет означает печаль, а красный — это понятие в Южной Африке. Цвет — это большая проблема в том, как люди из разных уголков мира интерпретируют ваш дизайн. Небольшое исследование имеет большое значение.

    Однако, если вы хотите следовать подходу цветового круга, есть три индикатора цветовой температуры: «теплый», «холодный» и «нейтральный»:

    • Теплые цвета — Это цвета, расположенные на половине цветовой круг, включающий желтый, оранжевый и красный.Считается, что эти цвета отражают такие чувства, как страсть, сила, счастье и энергия.
    • Холодные цвета — Это цвета, расположенные по другую сторону цветового круга, включая зеленый, синий и фиолетовый. Считается, что холодные цвета отражают спокойствие, медитацию и успокаивающие впечатления.
    • Нейтральные цвета — Говорят, что они не отражают какие-либо особые эмоции. Эти цвета включают серый, коричневый, белый и черный.

    Ваш выбор цветовых категорий будет зависеть от того, чего вы пытаетесь достичь с помощью своего веб-сайта.По возможности всегда следует тестировать свои цветовые палитры с пользователями, чтобы убедиться, что сделанный вами выбор отражает их реалии. Почти всегда легче установить и протестировать цветовую палитру на ранних этапах процесса разработки, чем в конце. Помимо всего прочего, это может сэкономить ваше драгоценное время.

    The Take Away

    Цвет, несомненно, является важной частью эстетической привлекательности дизайна. Основание вашей цветовой палитры на одной из существующих цветовых схем может облегчить достижение правильного баланса с самого начала.

    Цветовой круг — это основной инструмент, созданный сэром Исааком Ньютоном в 1666 году. В нем мы находим:

    • Основные цвета
    • Вторичные цвета
    • Промежуточные или Третичные цвета

    Мы должны стремиться точно настроить наш выбор цветов для создания максимальной гармонии, учитывая в то же время следующее, чтобы выбрать наиболее подходящую схему:

    • Монохроматическая схема
    • Аналогичная цветовая схема
    • Дополнительные схемы
    • Сплит-комплементарная (составная гармония) схема
    • Триадическая
    • Тетрадическая
    • Квадрат

    Цветовая температура — еще одно важное соображение; это та роль, которая может заинтересовать людей и заставить их увлечься нашей работой.Вы всегда должны проводить пользовательское тестирование цветовых схем, если это возможно, а в идеале — в начале процесса проектирования. Кроме того, всегда помните, что цвета имеют множество культурных коннотаций, поэтому убедитесь, что вы знаете о них!

    С другой стороны, помните, что вы должны передавать , а не , то есть только с цветом. Около 8% людей, в основном мужчины, страдают дальтонизмом, и цвет не всегда доступен. Даже в этом случае цвет — это инструмент, который может улучшить другие элементы вашего дизайна.Считайте его крупным ингредиентом, который может оживить вашу работу и привлечь ваших пользователей, заставив их больше заботиться о вашем продукте, услуге или сообщении.

    Где узнать больше

    Ссылка

    Изображение героя: Автор / Правообладатель: Джордж Филд. Условия авторских прав и лицензия: Public Domain.

    12 основных советов по выбору цветовой схемы веб-сайта

    Знаете ли вы, что 85 процентов покупателей принимают решение о покупке товара на цвете?

    Это правда.

    Сначала я обнаружил, что этот показатель был потрясающим.

    Но если учесть, насколько мы управляемы визуально, как люди, это имело смысл.

    Визуальные стимулы направляют почти все, что мы делаем.

    Так почему же все должно быть иначе, когда дело доходит до покупки?

    И только подумайте о некоторых из крупнейших мировых брендов.

    Большинство из них, как правило, имеют четкую цветовую схему, связанную с их фирменным стилем.

    В «Макдоналдсе» — красно-желтый.

    Для Dell он синий.

    И так далее.

    Цвет и брендинг

    Как мы все знаем, создание прочного бренда жизненно важно.

    Это ключевой ингредиент в построении доверия, в том, чтобы потребители чувствовали себя комфортно, и в создании долгосрочных защитников бренда.

    А что является неотъемлемой частью бренда?

    Его логотип.

    Цветовая гамма, которую компания выбирает для своего логотипа, навсегда переплетается с ее фирменным стилем.

    Согласно исследованию, «Цвет увеличивает узнаваемость бренда на 80 процентов».

    Итак, я думаю, будет справедливо сказать, что цветовая схема очень важна.

    Есть еще кое-что, о чем нужно помнить. Цвет бренда коррелирует со значением бренда .

    Конечно, есть некоторый компромисс между причиной и следствием, но взгляните на эту статистику:

    Ценные бренды заботятся о цвете . Много!

    Если бы вы пошли и возились с цветами существующего бренда, это полностью изменило бы восприятие этого бренда.

    Взгляните на эти примеры с сайта TheLogoFactory.com

    Вы можете мгновенно, определить искусственные логотипы, и вы, , почувствуете, что-то другое, окружающее этот бренд!

    Цветовая схема веб-сайта

    Подобно тому, как очень важно выбрать правильный цвет для логотипа вашего бренда, не менее важно выбрать правильную цветовую схему для вашего веб-сайта.

    Вы не хотите выбирать цветовую схему наугад или основывать ее на том, «что вам нравится».

    Конечно, вы хотите получить потрясающую эстетику и «сделать это популярным», но цветовая схема — это то, о чем вы хотите хорошенько подумать.

    Почему?

    «Люди подсознательно судят об окружающей среде или продукте в течение 90 секунд после первого просмотра. От 62 до 90 процентов этой оценки основано только на цвете ».

    Если вы выберете правильную цветовую схему, которая естественным образом ориентирована на вашу демографию, вы уже выиграли половину битвы.

    Теперь я хотел бы предложить 12 важных советов о том, как выбрать идеальную цветовую схему для веб-сайта, основываясь на исследованиях и моем личном опыте.

    1. Понять, как цвет влияет на эмоции

    Первое, что я рекомендую, — это ознакомиться с тем, как цвет влияет на человека на эмоциональном уровне.

    Вот подробное описание того, как различные цвета кнопок с призывом к действию влияют на покупателей в Северной Америке.

    Обратите внимание, что влияние цвета может варьироваться в зависимости от географического положения.

    Например, цвет, который нравится американским покупателям, необязательно может понравиться покупателям из Индии.

    Я также наткнулся на справочник Color Emotion Guide , в котором объясняются эмоции, которые мы связываем с цветами, и приводятся некоторые примеры брендов, использующих каждый цвет.

    Я предлагаю потратить некоторое время на рассмотрение этих примеров и подумать о психологическом значении различных цветов.

    2. Учитывайте общую демографию

    Теперь я хочу, чтобы вы подумали о своей целевой демографической группе.

    С кем вы пытаетесь связаться и продать?

    Какие эмоции вы пытаетесь вызвать?

    Это чрезвычайно важные вопросы, которые стоит задать себе.

    Я рекомендую ознакомиться с этой информацией от Fast Company, которая объясняет эмоции и психологию, лежащие в основе общих цветов.

    Учитывайте личность и эмоции вашей целевой аудитории.

    Затем выберите лучший цвет, который будет основным цветом для цветовой схемы вашего веб-сайта.

    Например, если вы компания, производящая экологически чистые продукты, лучше всего выбрать зеленый, потому что он ассоциируется с природой и здоровьем.

    3. Учитывать пол

    Хотя это не относится ко всем, некоторые компании в основном обслуживают людей определенного пола.

    Если вы одна из этих компаний, вам нужно знать, какие цвета у мужчин и женщин самые любимые, а какие — нелюбимые.

    Исследование, проведенное Джо Хэллоком « Color Assignments », показало, что в среднем каждый пол имеет определенные цветовые предпочтения.

    Вот о чем я.

    Как видите, мужчинам очень нравится синий и не нравится коричневый и фиолетовый.

    Женщины любят синий и фиолетовый и не любят коричневый и оранжевый.

    Это еще один фактор, о котором следует помнить.

    4. Учитывать возрастную группу

    Есть кое-что, о чем следует подумать, что может быть неочевидно — возрастная группа.

    Знаете ли вы, что цветовые предпочтения человека могут меняться с возрастом?

    Согласно исследованию Джо Хэллока, это правда.

    Вот любимые цвета людей по возрастным группам.

    Вот наименее любимый цвет людей по возрастным группам.

    Если в вашей демографической группе преобладает определенная возрастная группа, это тоже будет важным фактором.

    5. Пройдите «Цветную викторину»

    Если вам нужна небольшая помощь в выборе основного цвета, вы можете пройти тест от Grasshopper.

    Вас спросят, например, «что лучше всего описывает ваших клиентов» и «какой тип продукта вы предлагаете».

    Это быстро и легко (всего семь вопросов), но может указать вам правильное направление, если вы не знаете, в каком направлении двигаться.

    6. Избавьтесь от предубеждений

    Вот ошибка, которую я видел многие компании при выборе цветовой схемы.

    И это на основании их личных предпочтений, а не психологии.

    Если ваш любимый цвет — синий, очень заманчиво сделать его основным цветом.

    Но если вы — косметическая компания, ориентированная на женщин, это будет ошибкой, и вам, как правило, лучше выбрать фиолетовый или розовый.

    Это просто то, о чем нужно помнить, потому что вы не хотите, чтобы ваши личные предпочтения в конечном итоге приводили к затратам на ваши продажи и потенциально размывали ваш бренд со временем.

    7. Решите, сколько цветов использовать

    Итак, на этом этапе вы должны иметь в виду основной цвет.

    А теперь пора выяснить, сколько всего цветов вы хотите использовать.

    Хотя для этого не существует универсальной формулы, я хотел бы указать на то, что называется правилом 60-30-10.

    Короче говоря, это правило используется для создания цветовой схемы в таких областях, как дизайн интерьера и мода, и включает разделение трех цветов на процентное соотношение для создания «идеальной гармонии».

    Вот как все это ломается.

    • 60 процентов доминирующего цвета
    • 30 процентов вторичного цвета
    • 10 процентов акцентного цвета

    Это означает, что основной цвет будет составлять примерно 60 процентов места на вашем веб-сайте, вторичный цвет будет составлять 30 процентов, а цвет акцента будет составлять 10 процентов.

    Если вам нужен пример правила 60-30-10, не ищите ничего, кроме Quick Sprout.

    Обратите внимание, что зеленый является основным цветом, белый — второстепенным, а черный — основным.

    Итак, когда все это сводится к минимуму, это означает, что идеальное количество цветов для использования было бы … барабанная дробь, пожалуйста!

    Три.

    Я не говорю, что вам нужно использовать три цвета, но это хорошее число, к которому нужно стремиться.

    Использование более четырех цветов может сделать вещи сложными и совершенно уродливыми.

    8. Выберите цветовую гамму

    Теперь вам нужно определить, какой набор цветов вы хотите использовать.

    Я не эксперт по дизайну, но одна вещь, которую вы определенно захотите достичь, — это контраст.

    Лично я предпочитаю сайты со светлым фоном и более темными контрастами на переднем плане.

    Это должно облегчить восприятие ваших посетителей и создать по крайней мере определенную эстетическую привлекательность.

    Вот хороший пример.

    Однако есть сайты, которые неплохо справляются с темным фоном.

    Возьмем, к примеру, «Чудо-хлеб».

    9. Проконсультируйтесь с цветовым кругом

    Помните, еще в классе рисования вы узнали о «цветовом круге»?

    Что ж, это может быть огромным подспорьем при выборе цветовой схемы сайта.

    Что вы хотите сделать, так это выбрать либо «аналогичные цвета», которые похожи и расположены рядом друг с другом на цветовом круге, либо «дополнительные цвета», которые находятся прямо напротив друг друга на цветовом круге.

    Вот о чем я.

    Один из возможных вариантов дополнительных цветов — желтый и фиолетовый.

    Еще бы зеленый и оранжевый.

    Один из вариантов аналогичных цветов — оранжевый и красный.

    Другой будет зелено-синим.

    10. Используйте вспомогательные инструменты

    Вот совет по оптимизации процесса.

    Используйте такой инструмент, как Colorspire.

    Это дает вам быстрый и простой способ протестировать различные цветовые комбинации, чтобы лучше понять, как они будут выглядеть на вашем веб-сайте.

    Это поможет сэкономить много времени и поможет подобрать наиболее подходящую цветовую комбинацию.

    Или, если Colorspire вам не нравится, я рекомендую посмотреть этот список отличных инструментов для выбора цветовой схемы веб-сайта.

    11. Ознакомьтесь с конкурентами

    Вы также можете многому научиться у конкурентов в вашей отрасли.

    Я рекомендую проверить как минимум три веб-сайта прямых конкурентов и поискать общие закономерности в их цветовой гамме.

    Это должно дать вам представление о том, какие типы тонов они используют.

    Оттуда у вас есть один из двух вариантов.

    1. Создайте аналогичную цветовую схему, подходящую для обычной формы
    2. Идите в противоположном направлении, чтобы выделиться из группы.

    Я лично сторонник второго варианта, если вы хотите создать свой собственный бренд.

    12. Сравните несколько разных цветовых схем

    Вот в чем дело.

    Вам не обязательно использовать первую цветовую схему, которую вы придумали.

    На самом деле, это может быть очень ограничивающим фактором.

    Я предлагаю придумать три или четыре разные цветовые схемы и сравнить каждую бок о бок.

    Пусть ваши коллеги или деловые партнеры сделают то же самое, чтобы понять, что работает, а что нет.

    Затем сузьте его, пока не найдете цветовую схему, подходящую для вашего бренда, до T.

    Заключение

    Не нужно быть всемирно известным художником, чтобы придумать работающую цветовую схему для веб-сайта.

    Это просто вопрос понимания психологии цвета и эмоций, которые вызывают различные цвета.

    Вы также захотите получить базовое представление о правиле 60-30-10 и о том, как работает цветовое колесо.

    Путем экспериментов, проб и ошибок вы сможете найти оптимальную цветовую схему веб-сайта.

    В конечном итоге это позволит вам установить эмоциональную связь с большим количеством посетителей и может способствовать снижению показателя отказов, увеличению времени, проведенного на вашем сайте, и более высокому коэффициенту конверсии.

    Все это может иметь огромное влияние на ваш бизнес.

    Какие факторы вы учитываете при выборе цветовой схемы?

    Узнайте, как мое агентство может привлечь огромное количество трафика на ваш веб-сайт

    • SEO — разблокируйте огромное количество SEO-трафика. Смотрите реальные результаты.
    • Контент-маркетинг — наша команда создает эпический контент, которым будут делиться, получать ссылки и привлекать трафик.
    Обновлено: 13.04.2021 — 14:49

    Добавить комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *