30 красивих веб-сайтів з трьох кольорів для вашого натхнення
Колір значно впливає на дизайн. Проте дизайн із занадто великою кількістю кольорів може легко перевантажити глядача. Іноді мінімалістський підхід може допомогти привернути увагу відвідувача до конкретного змісту - правильного змісту.
У цій колекції веб-сайтів ми зосередилися на проектах, які використовували три кольори для своїх первинний елементи дизайну. Тим не менш, деякі з цих сайтів включають один або два кольори підсвічування за 3 основних кольори. Тим не менш, ці веб-сайти були занадто добре зроблені і досить близькі до трьох критеріїв кольору, які ми не могли не допомогти, але включити їх до цієї колекції.
Зверніть увагу на те, як кольори допомагають зосередити вашу увагу на тому, де вона потрібна. Чи можете ви побачити, як бренд був прив'язаний до кожного з цих проектів? Ви також можете бачити, як використання повнокольорової графіки разом з обмеженою палітрою кольорів все ще корисно, не йдучи занадто далеко по шляху мінімалістського дизайну. Наступні приклади покажуть вам це веб-сайти, які використовують максимум 3 кольори може бути ефективним.
Механіка зображення
Приємний мінімалістичний дизайн, який використовує достатню кількість кольорів, щоб привернути увагу до важливого вмісту сайту.
nclud
Великий, блакитний фотографічний фон - це гарний контраст з білим основним текстом і зеленим брендом, який спочатку привертає увагу читача. Світло-синій текст привертає увагу до короткого опису компанії та списку їх вражаючих клієнтів. Приємне використання кольору для створення ієрархії!
Лофт
Різні відтінки сірого на білому тлі надають цій веб-сторінці вишуканий мінімалістський вигляд. Кольоровий текст у меню сторінки виступає в якості орієнтира у навігації по сайту.
Товстун-колектив
Так само, як їхній вигляд і тон брендингу, цей дизайн сайту також є "коротким і солодким". Шлях до збереження фірмового вигляду!
Творча іскра
Мінус ілюстрації, цей сайт включає в себе тільки 3 кольори в його дизайн: жовтий, чорний і білий, який є гарним посиланням на лампочку, коли ви думаєте про це. І лампочка добре працює з назвою компанії, Creative Spark. Цікаво.
М'ята
Милий ім'я та милий переважно 3 кольоровий дизайн, це один простий, але творчий в той же час.
Сергій Станчев
Темна кольорова схема і обмежене використання кольору надають цьому сайту вишуканий, професійний вигляд і відчуття.
Digimurai
Колір тексту оранжевий і синій координати з ілюстрований фон і милий маленький талісман.
Виклик
Сірий, синій і рожевий на білому тлі забезпечують дуже "щасливий" тон, який здається гарним вибором для волонтерської / благодійної програми..
Астерія
Цей розумний дизайн використовує кольори, ну, наркотики! Білий, сірий і синій кольори, як правило, кольори, які ви бачите на коробках таблеток, так що ці дизайнери дійсно побігли з ідеєю "Дизайн - це наркотик".
Дейв Ейрі
Ах, Девід Ейрі, один з найпопулярніших дизайнерів ідентичності брендів у співтоваристві графічного дизайну. Його сайт мінімалістський, показуючи лише чорний, оранжевий і сірий текст на білому тлі. Простий, але ефективний!
Едуардо де ла Рок
Текстурований фон виглядає як химерний папір, який використовують деякі люди для друку резюме та резюме. Цікаво теж, що рожево-червоний текст зникає до світло-сірого, коли ви наводите на нього мишу.
Вісім облич
Чорний, білий і сірий кольори, а також кілька натяків оранжевого тексту є основними кольорами, які використовуються в цій конструкції. Ці кольори надають цьому сайту своєрідний вигляд "новин".
Лихоманка
Темний і світло-сірий і червоний використовуються як взаємозамінні в цій конструкції. Хоча ця конструкція може бути трохи більш добре організованою з точки зору того, які кольори використовувалися, де вони добре трималися трьох кольорів назви дуже добре.
Стефан Койссон
Цей сайт використовує 3 кольори досить ефективно в простому макеті сайту. Незважаючи на те, що текст може бути краще організований, зелений відтінок вигідно відрізняється від чорно-білого тексту.
Джон Мандарин
Гаразд, так це ще одне, що трохи простягається за 3 кольорові схеми, але це такий прекрасний сайт, що він кричить: "Подивіться на мене!" Жовті підсвічування і текстові посилання (з трохи помаранчевого підкреслення) чудово контрастують з чорним і сірим і випадковим білим текстом. Гарний!
Мартін Хіпп
Темно-сіра, чорна і зелена трава добре поєднуються, щоб дати цьому сайту освіжаючий професійний та унікальний вигляд.
Мінімальні сайти
Починаючи помічати зразок у використанні чорного, сірого та яскравого кольору на білому тлі? Можливо, цей тип колірної схеми популярний, тому що він створює мінімалістський вигляд з достатньою кількістю кольорів, щоб привернути увагу ... і цей сайт не є винятком.
Теорія руху
Смуга чорного кольору на боці - це приємний дотик, який додає до «фільму» зовнішній вигляд. Сірий і червоний текст залишають цей сайт простим, що дуже важливо з усіма зображеннями, які повинні бути включені.
Шлях назад
Синій і сірий відтінки зберігають цей дизайн мінімалістським і традиційним. 3 різних кольори красиво використовуються, щоб привернути увагу до важливого тексту.
Зерно і грам
Цей сайт робить велику роботу по створенню "джентльменського" звернення з мужественними кольорами темно-сірого кольору, кольору зерна (відповідно до назви) і білого кольору.
Дивовижні стеки шрифтів
Помаранчевий колір разом з чорним і сірим (і трохи білого тексту) допомагає розбити цей важкий для тексту сайт і зробити його цікавим.
Юна
Цей сайт в основному використовує темні і світлі сірі геометричних фігур, але синій колір також є підсвічуванням, а також трохи рожевого. Отже, насправді, це ще одна варіація чорної, сірої та кольорової схеми.
Пентагон
Сірий, деякий білий, та багато синього роблять для дуже простої кольорової схеми. З іншого боку, синій здається трохи переважним, і блимаюча графіка не допомагає.
Графічний дизайн на радіо
Технічно цей сайт використовує лише 3 кольори: чорний і сірий текст у білих коробках і рожевий текстурований фон. Але, чекайте! Закрийте сторінку, відкрийте її знову, а фон тепер блакитний, ні, жовтий. Гаразд, зараз ви можете закрити сторінку. Розчаровані є тільки три кольори грати з, не ви?
Pixelbot
Знову ж таки, темно-сірий, світло-сірий і кольоровий колір роблять для простої, ефективної колірної схеми для веб-дизайну.
Сайт надихає
Незважаючи на те, що колір тексту змінюється, коли ви наводите мишу на нього, це може бути цікаво, але це може бути занадто великим. Але, можливо, вони зможуть уникнути цього через їх простий 3-кольоровий дизайн.
Стефан Перссон
Сірий / чорний з оранжевим і білим додають до цього дуже добре організований дизайн. Кожний колір здається дотримуватися суворого користування, котрий дійсно бере навігацію цього місця до великих висот.
Фауст
Проста кольорова схема допомагає зменшити зайнятість цього сайту; проте, менш помаранчевий колір ще допомогло б дизайну.
Промисловий фонд
Навігація цим сайтом дещо інша, щось не завжди рекомендується. Проте темно-сіра, світло-сіра і біла кольорова схема допомагають зберегти сайт досить простим, щоб навчитися досить швидко.
Примітка редактора: Цей пост написано Тара Хорнор для Hongkiat.com. Тара має ступінь англійської мови і пише про маркетинг, рекламу, брендинг, графічний дизайн і настільні видавництва. Крім своєї кар'єри, Тара також любить проводити час зі своїм чоловіком і двома дітьми.
