7 способов использования синего в цветах вашей фирмы / Хабр
Эта статья о том как использовать синий цвет в логотипе и фирменном стиле. Мы собрали самые популярные оттенки и сочетания синего, вы узнаете, где их применяют чаще всего и какого эффекта можно добиться с их помощью. Эта статья будет полезна всем, кто использует синий в дизайне своего проекта или еще думает, какой цвет выбрать.
Классический синий
Источник
Источник
Источник
Роль классического синего — хороший парень. Он консервативный, выглядит чисто, опрятно, успокаивает и вызывает доверие. Главные ассоциации с синим — небо и вода, холод и спокойствие. Синий цвет отлично сочетается с белым, его удобно использовать как фон.
Это любимый цвет ай-ти индустрии и соцсетей, производителей электроники, автомобильных гигантов и банков. В качестве иллюстраций выступают компании с мировым именем: Twitter, Ford, Intel, Yota, Вконтакте, логотипы Windows 8, 10 и многие, многие, многие другие.
Логомашина, к примеру, использовала классический синий, чтобы создать легкий, воздушный стиль для компании Pixel. Мы опирались на принадлежность к ай-ти индустрии, открытость и профессионализм проекта. Несложные элементы округлой формы на большом расстоянии друг от друга и теплый оттенок синего дали нужный эффект.
Источник
Классический синий не вызывает отторжения. Он подойдет, если вы позиционируете свой проект как надежного партнера, которому можно доверять.
Это символ креативности, открытости и новизны. Дизайнер используют осветленность оттенка чтобы показать настроение компании — Ford использует более темный, Twitter наоборот — более светлый, легкий.
Синий + красный
Источник
Источник
Источник
Дизайнеры любят использовать оттенки синего в сочетании с яркими, активными цветами. Самый популярный симбиоз — пара синий + красный. Это контрастное сочетание привлекает внимание на фоне одноцветных конкурентов.
Известные примеры легко найти в индустрии моторных масел: Mobil, Chevron, Valvoline. Любят двуколор и автопроизводители. Самый популярный пример сочетания синего и красного —PEPSI. В этом случае красный на втором месте. Упаковки и рекламные баннеры «пепси» — сочетание синего и белого.
Синий и красный можно использовать в разных пропорциях, в зависимости от эмоций, которые вы хотите вызвать. Например, красный фон с синим знаком, может шокировать и резать глаза. Синий фон и красный знак — наоборот, успокаивает, только намекает на агрессивное настроение. Фирменный стиль построенный на сочетании этих цветов похож на мужчину в классическом костюме, который надел галстук с Микки Маусом.
Ментоловый
Источник
Источник
Источник
Ментоловый расположен на границе между зеленым и синим. Так называют оттенки, от аквамарина до цвета морской волны. Он создает ощущение свежести, легкости, нежности и чистоты. Самые популярные ассоциации с ним — мята и тропическое море.
Кофейный бренд Matiz использует ментоловый как основной цвет, в сочетании с желтым, коричневым, красным и фиолетовым — в зависимости от сорта кофе. Производитель натуральной косметики — 2b (Bio & Beauty) построил фирменный стиль на сочетании ментолового с темно-серым. Melez Tea, Made Coffee, создатели пользовательских интерфейсов Blank — используют его как фон. Для американских ювелиров Tiffany & Co ментоловый вообще стал настоящим культом. Наши дизайнеры тоже выбрали ментоловый цвет, создавая фирменный стиль для продавцов мороженого Мятный Слон. Ассоциации с легкостью, свежестью и близостью к природе подошли компании лучше всего. Ментоловый дополняют соломенный и белый цвета, а также мелкие разноцветные элементы.
Источник
Ментоловый подходит тем, кто производит еду или открывает кафе, креативным агентствам, дизайнерам интерьера, продавцам нижнего белья. Он поможет проекту стать узнаваемым в любой другой сфере.
Ультрамарин
Источник
Источник
Источник
Цвет-провокатор. Последние двадцать лет он ассоциируется с экраном компьютера времен DOS, поэтому иногда его называют «компьютерным синим». Сегодня это намек на связь с прошлым ай-ти индустрии и ее основами. Представьте себе девушку, которая пришла в вечернем платье и, например, кроссовках — это провокация или акт протеста, которые привлекают внимание и запоминаются.
Компьютерный синий — это холодный и строгий цвет, с ним часто используют рубленый шрифт без засечек, который имеет общий размер для всех букв алфавита, он легко читается и называется гротескным.
Компьютерный синий чуть темнее классического, ненатуральный и очень насыщенный.
Его редко используют крупные компании, на ум приходит только Western Digital, зато небольшие креативные команды или агентства которые организуют концерты, создатели сайтов и программного обеспечения выделяются на общем фоне своими яркими синими «экранами».
Когда мы разрабатывали фирменный стиль для Digital Motion, то использовали холодный синий в сочетании с белым и голубыми оттенками. Образ дополнили колоритные «системные» шрифты, создав ассоциацию с интерфейсом Windows.
Источник
Компьютерный синий — рискованный шаг, который в первую очередь говорит о вашей оригинальности. Он нравится не всем, зато это отличный способ выделиться на фоне конкурентов. Это цвет для проектов с узкой целевой аудиторией, например производителей субкультурной одежды или выставок современного искусства.
В любой другой сфере его также можно использовать для уничтожения шаблонов. Ультрамарин выполнит свою задачу, если вы, во-первых, хотите показать что занимаетесь чем-то особенным, а во-вторых, что у вас есть вкус.
Синий — основа для других цветов
Источник
Источник
Популярный прием, который используют чтобы создать ощущение яркости и многообразия.
Издательства и производители программного обеспечения выбирают основным цветом темно-синий. Туристические компании, кафе и производители одежды — более пастельные тона, подчеркивающие легкость и отношение к продукту, как к чему-то сделанному своими руками. И тот и другой приемы вызывают у многих людей доверие, создают позитивное настроение.
На основе этого сочетания выстраивают свой фирменный стиль туристические компании Eccentric Travels, Sankeo, студия анимации Gotham Pro Animated, финансисты Open View и многие другие. Интересным для наших дизайнеров была работа над фирменным стилем Crowd Back, платформы для создания опросов и голосований. Образ строился на ассоциации с прямой речью и круговой диаграммой, намек на множество существующих мнений. Центральным элементом стиля стала буква “C”, стилизованная под графический значок прямой речи.
Источник
Сочетание основного синего с множеством других цветов — хороший способ привлечь внимание к вашему бренду.
Благородный синий
Источник
Источник
Источник
У многих людей темно-синий ассоциируется с богатством и привилегированным положением. Это отличная основа для белого, серебряного или золотого и в этой роли темно-синий успешно заменяет черный цвет. На его фоне хорошо выделяются элементы окрашенные в серебряный, белый или золотой цвет. Он легко сочетается с другими оттенками синего.
Темно-синий используют бренды, фундамент имиджа которых — качество продукции или изначально высокий статус. Королевский синий популярен среди государственных учреждений, банков, адвокатских контор, элитных гостиниц и ресторанов. Образы элитарности, строгости и оправданного консерватизма которые несет темно-синий цвет используются в качестве «демонстрации силы». Самые известные примеры: GAP, Nivea, Maserati.
Ruthenium Asset Managment — заказали у нас фирменный стиль, ядром которого должен был стать высокий статус фирмы, их особое отношение к продукту и покупателю. Как итог — строгие шрифты и прямые линии, носители оформлены в сочетании стального серого и благородного синего.
Источник
«Я отношусь к тому что делаю максимально серьезно» — вот главный посыл этого оттенка.
Под темно-синим флагом вы можете продавать элитный алкоголь или икру, оказывать юридические услуги, шить на заказ классические костюмы. Королевский синий — не кричит, не зазывает и не продает. Но если вы хотите выглядеть и быть серьезным, ответственным партнером, который заслуживает особенного отношения покупателя — это большой шаг к созданию такого имиджа.
Вывод
Используя синий цвет, вы расскажете о себе главное, остается выбрать способ, который подходит больше всего. Перед вами море возможностей создать запоминающийся и узнаваемый фирменный стиль.
Идеальные сочетания синего цвета в одежде
Синий цвет прекрасно раскрывает себя в модной одежде, поэтому мы предлагаем разобрать его удачное сочетание с другими цветами. Вдохновляющих идей столько, что наверняка после прочтения статьи вы приметесь за стильные эксперименты!
СимволичностьОдежда в оттенках индиго прекрасно успокаивает и умиротворяет. Учитывая это любопытное свойство, вы можете надевать такие вещи в те дни, когда предполагается стресс или активный ритм жизни. Этот глубокий и самодостаточный цвет является олицетворением стабильности и жизненной силы.
Одежду такой модной расцветки часто выбирают бизнес-леди и девушки, которые строят наполеоновские планы по продвижению по карьерной лестнице. Так они выражают свою уверенность в себе, надежность и стабильность.
Синий цвет прекрасен еще и тем, что он располагает к творческим экспериментам над составлением модного образа. С ним можно составить столько интересных и выразительных сочетаний! С чего начнем?!
Синий цвет в одежде может вдохновить на создание тотал-лука. Составить такой образ чрезвычайно просто – нужно лишь использовать вещи одной палитры. В случае с индиго задача еще упрощается, ведь в качестве низа можно подобрать любимые джинсы.
Современный тотал-лук может предполагать выбор обуви и аксессуаров в заданной гамме. Однако это условное правило, которое позволительно нарушить и создать модный и выразительный лук. Например, можно взять пример с этой девушки – она рискнула и подобрала к синему образу фиолетовые ботильоны и зеленую сумку. Получилось стильно и нетривиально!
Сделать тотал-лук еще интереснее позволит подключение принтов к его созданию. То есть, вы также выдерживаете единый цвет, но в одной вещи из образа допускаете наличие принта. Посмотрите, как эстетично смотрится светло-синий жакет в паре юбки индиго в светлый горох.
Приправлять синие тотал-луки можно белой или черной обувью и аксессуарами. Но отличной идеей будет также подбор в дополнение к выбранной гамме синих и голубых оттенков.
С чернымМногие модницы уже на практике выяснили, что синий тон замечательно гармонирует с черным цветом. Такой тандем может получиться достаточно строгим и консервативным, но иногда девушкам и нужен подобный эффект. Если вы хотите снизить градус серьезности в созданном луке, оставьте за вещами индиго преимущество, а черный цвет вкрапляйте лишь в виде акцентов. Нейтральная пара позволяет также «отыграться» на креативных фасонах и смелых фактурах.
С серымКомбинацию с серым цветом вряд ли получится назвать скучной, ведь она обладает невероятным французским шиком и изящностью. В то же время она выглядит достаточно сдержанно, а для многих девушек это свойство покажется преимуществом.
Когда девушка выбирает темно-синий цвет в одежде и раздумывает над удачным сочетанием с другими цветами, она всегда может положиться на нейтральную серую гамму. Причем, успех гарантирован при подборе жемчужных или серебристых оттенков. Нейтральность такой пары – это скорее преимущество, ведь она позволяет поиграть над фактурами и аксессуарами.
С бежевымУютности, аристократичности и элегантности не занимать комбинации с бежевыми оттенками. Это универсальный тандем, который способен выручить модницу в любой ситуации, ведь он подходит не только для стильных будней, но и для вечерних сетов.
С коричневымБесконечные возможности для экспериментов дарит сочетание двух стихий – земли и воды. В таких образах всегда достаточно элегантности и угадывается прекрасное чувство стиля. Играйте над пропорциями двух цветов и их оттенками, и каждый раз создавайте новые модные образы.
Наша фото-подборка рассказала и подсказала вам, как раскрывается синий цвет в одежде в сочетании с другими цветами. Теперь вы можете испробовать на практике комбинации как со спокойными и нейтральными, так и с яркими и сочными тонами. Не бойтесь экспериментировать – уверены, это закончится созданием ультрамодного и стильного образа.
Кардиган способен создать 2 вертикальные линии в силуэте, которые пойдут на пользу любой фигуре. Используйте этот прием как летом, так и зимой. Только если решите комбинировать кардиган с платьем, проследите, чтобы первый был длиннее.
дизайнов, тем, шаблонов и графических элементов приложения Blue Color для скачивания на Dribbble
Просмотр банковского платежного приложения
Банковское платежное приложение
Посмотреть приложение для вдохновения дизайнера
Приложение Designer Inspiring
Посмотреть иллюстрацию FlipRide
Посмотреть приложение для отслеживания пакетов
Приложение для отслеживания посылок
Посмотреть приложение для путешествий
Приложение для путешествий
Посмотреть значок-красочный
Цветной значок
Посмотреть Дизайн панели управления проектами пользовательского веб-интерфейса
Дизайн информационной панели управления проектами веб-интерфейса
Посмотреть воспоминания
Мемори
Приложение View Designer Meetups: состояния компонентов
Приложение Designer Meetups: состояния компонентов
Посмотреть сводку приложения для бронирования номеров — цвет
Сводка приложения для бронирования номеров — цвет
Посмотреть пользовательский интерфейс приложения для медитации
Интерфейс приложения для медитации
Посмотреть 🍽️Список ожидания ресторана Мобильное приложение
🍽️Мобильное приложение «Список ожидания ресторана»
Посмотреть приложение для обучения
Приложение для обучения
Посмотреть СТИЛЬ НОВОСТЕЙ — ЧЕРНАЯ ВЕБ И ЦВЕТ FLASHY
НОВОСТНОЙ СТИЛЬ — ЧЕРНАЯ ПАУТИНА И ЦВЕТ FLASHY
Посмотреть исследование целевой страницы — раздел «Герой»
Исследование целевой страницы — Раздел Hero
Посмотреть панель продавца
Панель инструментов продавца
Посмотреть учебные пособия по богги
Учебники по тележкам
Посмотреть UISchool – интерфейс приложения
UISchool — пользовательский интерфейс приложения
Просмотр службы SMS — Цвет
Служба SMS — Цвет
Просмотр использования цвета
использование цвета
Просмотр Kotask — Целевая страница планировщика задач
Kotask — Целевая страница планировщика задач
Просмотр значков Google
Иконки Google
Посмотреть Upod — мобильное приложение для подкастов
Upod — мобильное приложение для подкастов
Посмотреть приложение виртуального помощника: голосовой триггер🗣️
Приложение виртуального помощника: голосовой триггер🗣️
Зарегистрируйтесь, чтобы продолжить Или войдите в
Загрузка больше…
Лучшие синие веб -сайты с потрясающими цветовыми схемами
Удивительные красочные веб -сайты с яркими цветовыми схемами
14 июля 2020впечатляющие анимационные веб -сайты и инструменты для создания сходных
6.
23 июля 2020 г.Синие сайты всегда привлекательны, потому что этот цвет вызывает умиротворение ясного неба и легкость эмоций. Темно-синий символизирует глубину и профессионализм. В своих более светлых оттенках синий — это цвет дружбы, силы и спокойствия.
Веб-разработчики будут использовать синий цвет из-за его универсальности. Синие веб-сайты чистые, современные, классные и прозрачные. Это нравится многим дизайнерам, что затрудняет создание выдающейся оригинальной страницы.
Эта коллекция синих веб-сайтов должна стать источником вдохновения, если вы хотите использовать синий в качестве основного цвета на новом веб-сайте.
Yuko Higuchi x Gucci
Старомодный внешний вид этого веб-сайта очень привлекателен. Насыщенный синий идеально гармонирует с типографикой и маленькой игрой-головоломкой посередине. На всех других страницах веб-сайта та же тема, что придает им замечательную согласованность.
NetNation
Синий служит не только фоновым цветом, но, как показывает NetNation, его можно использовать в качестве основного цвета для анимации и иллюстраций. На белом фоне выглядит стильно и современно.
Brooke Cormier
Мрачный оттенок светло-голубого колодца представляет собой художественный веб-сайт Брук Кормье. Она сопоставила его с теневым фильтром обложек альбомов, гармонизировав весь сайт.
Turbulent.ca
После «турбулентного» преобразования эта компания продемонстрировала свой новый фирменный стиль, который показал темные оттенки синего на фоне веб-сайта, контрастирующие с яркостью движущихся шаров.
Stripe
Stripe — популярное программное обеспечение для обработки онлайн-платежей. Онлайн-компании все чаще выбирают его, а не конкурентов. Stripe привлекает новых клиентов через свой веб-сайт, используя синий градиент, который меняется на зеленый и идеально сочетается со всем дизайном целевой страницы.
Jebsen Careers
Сайт Jebsen Careers очень эффективно работает на белом фоне, а наложение синих и зеленых прозрачных прямоугольников поверх фотографии очень привлекательно. На сайте успешно используются вариации одних и тех же цветов.
BeERP
Datalands
Как компания, которая «придает форму данным», веб-сайт Datalands производит отличное первое впечатление. Множество цветов придает смелости дизайну, а синий уравновешивает общий контраст.
Валерия Монис
Валерия Монис – художница-керамист из Узбекистана, которая имеет четкое представление о своем искусстве. Она перенесла свой художественный взгляд на свой веб-сайт, создав чистую и привлекательную страницу. Темно-синий оттенок текстов и художественных работ создает отличный контраст с безупречным белым фоном.
Roxtaw
Roxtaw инвестирует и масштабирует «бренды в геометрической прогрессии до достижения этого 10-значного рубежа». Основная иллюстрация веб-сайта метафорически представляет эту цель.
Brown Owl Creative
Этот веб-сайт хорошо организован, несмотря на сочетание многих цветов. Дизайнеры смогли контролировать контрасты и создать общую гармонию, в основном за счет синих акцентов, которые они сохранили на всем сайте.
Slate поддерживает полезность целевой страницы. Таким образом, дизайн простой и простой, с несколькими штрихами цвета.
Дэн Палмер
Дэн Палмер демонстрирует свое портфолио на главной странице сайта, используя чистую цветовую палитру. Сетки блоков упорядочивают страницу и упрощают просмотр. Художник в основном полагается на синий цвет, чтобы проиллюстрировать свой профессионализм и искренность.
Zencargo
Zancargo — компания, предоставляющая услуги логистики и доставки. Их философия такова: «Работает на технологиях, доставляется экспертами».
Studio&more
Синий – определенно цвет Studio&more. Они построили всю визуальную идентичность вокруг разных оттенков синего, ярких и насыщенных. Белые заголовки и иконки сайта создают контрасты и уравновешивают дизайн.
Flavien Guilbaud
Flavien Guilbaud — арт-директор и дизайнер из Парижа и Амстердама. На его сайте все макро, изображающие его прагматизм и в то же время его художественное чутье.
We (Heart) UX
Фон веб-сайта плавно меняет цвет с бледно-голубого на ярко-оранжевый, что стимулирует прокрутку. Этот причудливый гео-стиль, сочетающий в себе множество цветов, смелый, современный и модный.
Быть психологом
Puzzle Inn
Совместить игровой опыт с атмосферой бара — удивительная и оригинальная идея. Вы улавливаете настроение места, прокручивая сайт. Темно-синий цвет и ярко-желтый создают идеальное сочетание.
HodlBot
«Ваш личный бот для торговли криптовалютами» поможет вам индексировать рынок и создавать собственные портфели. Их сайт иллюстрирует их профессионализм, используя преобладающий насыщенный синий цвет.
Авниш Паркер
Каждый слайд этого сайта уникален. Дизайнеры меняют основной тон и преобладающие цвета, но сохраняют ту же визуальную идентичность. Таким образом, они создают гармоничный и привлекательный веб-сайт.
Oncie
Oncie обещает вывести «ваш голос в новое измерение».
Жан-Батист Калоя Портфолио
Жан-Батист Калоя выбрал монотонную цветовую палитру, но дополнил ее множеством значков и визуальных эффектов. Он использует синий цвет в некоторых ключевых словах, чтобы выделить основную часть своих предложений.
Loom
Целевая страница Loom имеет базовый план, но они используют цвета и текстуры для большего эффекта. Нежно-голубой и белый контраст присутствует в каждом элементе веб-сайта, но он прекрасно сбалансирован с непрозрачным белым фоном. Движение добавляется к текстовым полям и изображениям, чтобы завершить весь дизайн.
Interseller
Являясь посредником между рекрутерами и кандидатами, Interseller объединяет людей со схожими интересами, а изображение бурого медведя, парящего в темном пространстве, представляет их бренд.
Веб-сайт NCSOFT
Новый веб-сайт от NCSOFT Website заново изобрел концепцию целевой страницы. Они представляют услуги и продукты компании с помощью трех автоматически воспроизводимых анимированных визуальных эффектов, и весь веб-сайт кажется потусторонним.
BeLanguageSchool
Ahrefs
Контраст — ключевой элемент веб-сайта Ahrefs, где насыщенный синий цвет чередуется с непрозрачным черным для создания порядка и разнообразия. Кроме того, бело-голубая типографика завершает дизайн, выделяя некоторые основные важные элементы страницы. 9№ 0005
Canatal
Яркий темно-синий цвет великолепно смотрится на светло-сером фоне. Наложение текстур и цветов продумано и отражает глубокое чувство эстетического вкуса.
Underbelly Creative Co.
Больше всего посетителей сайта привлекает множество красочных изображений, передающих радость и бодрость. В нижней части веб-сайта появляется светло-голубой цвет, который выделяет основную кнопку призыва к действию.
Озеро Нона
Этот сайт в основном посвящен красивым уголкам природы, особенно у воды, поэтому очевидно, что синий — идеальный выбор, а нейтральный фон подчеркивает пейзажи.
Awink
Построенный на трех столбцах, этот веб-сайт определяет три разных цвета: черный, голубой и белый. Наведение на них меняет цвет и создает динамику.
CardWiz
Этот волнистый дизайн выглядит современно и шикарно. Классическое сочетание белого и насыщенного синего цвета никогда не теряет своей привлекательности, и именно для него идеально подходит этот синий цвет. Возможно, это лучший синий цвет для дизайна веб-сайтов.
Артуро Вибава
Огромная надпись «Bonjour» на ярко-синем фоне веб-сайта вызывает любопытство, поэтому вы неизбежно будете прокручивать страницу, чтобы узнать больше.
Хостинг
Слушаем вместе
Совместное использование означает заботу. Поделитесь своей любимой музыкой с другими пользователями Spotify и сделайте свой вкус известным во всем мире.
Quazar Web Design
Этот синий фон веб-сайта напоминает видеоигру, в основном благодаря наэлектризованности цветовых бликов и значков меню.
Skyboat
Skyboat выбрал синий цвет для веб-сайта, чтобы продемонстрировать профессионализм и искренность. Дизайнеры классическим образом объединили синий с черным и белым, чтобы продемонстрировать креативность агентства.
Angry Birds Space
Веб-сайт Angry Birds такой красочный, как и следовало ожидать, однако голубой цвет выделяется среди множества иллюстраций и изображений.
Evolve Wealth
Этот красивый синий веб-сайт содержит мощные функции, которые придают ему профессиональный вид. Цвет ясного неба сочетается с безупречной белизной типографики и зеленовато-голубыми иллюстрациями.
Drupal
Национальная оценка климата
Синий — преобладающий цвет Когда мы думаем о климате. Этот синий дизайн веб-сайта иллюстрирует одну из самых серьезных проблем нашего времени — изменение климата.
Mondays
Использование синего в качестве основного цвета на темном или даже черном фоне всегда привлекательно. Хотя синий не является доминирующим цветом на этом веб-сайте, тем не менее, он создает контраст и дополняет дизайн.
Конец мыслей на этих синих сайтах
Эти 40 синих веб-сайтов разные и особенные. Синий выражает стабильность и является цветом безмятежности. С другой стороны, он очень ассоциативен, и хорошие дизайнеры могут использовать его в различных комбинациях. Вы можете выбрать синий фон веб-сайта или полностью синий веб-дизайн. Самое главное — найти свою цветовую схему или палитру и использовать ее на всем сайте. Это дает не только приятный эстетический эффект, но и добавляет убедительности.
Если вы изо всех сил пытаетесь определить свой собственный стиль или дизайн, Be Theme поможет вам. Одной из наиболее важных особенностей нашей компании является предоставление многоцелевых и адаптивных тем. Вы можете выбрать стандартный или работать с нами, чтобы настроить уникальный для вашей компании. У нас есть более 500 готовых веб-сайтов на выбор.
Если вам понравилась эта статья о синих веб-сайтах, вы должны прочитать эту статью о красочных веб-сайтах.
Мы также писали на похожие темы, такие как веб-сайты с желтой цветовой палитрой, фиолетовой цветовой палитрой, веб-сайты со спокойной цветовой палитрой, красные веб-сайты, розовые веб-сайты, оранжевые веб-сайты и цвета социальных сетей.