Задача 1 выполнена. Поздравляю!
Глава 2. В которой мы определимся с цветовой схемой и шрифтами для нашего сайта
Итак, для того, чтоб начать работу у вас должен быть логотип – Ваш собственный фирменный знак.
Что делать если нет логотипа или он не нужен?
Я считаю, что логотип нужен в любом случае, всегда, для любого проекта, который вы выставляете онлайн.
Если у вас нет логотипа, то простейшим решением будет логотип, отражающий название вашего сайта. Пример – мой сайт статей про путешествия voyages.kz. Мы не стали ничего придумывать для этого сайта, потому что никаких планов по раскрутке бренда у меня нет – сайт просто с помощью исключительно любительского контента, который я иногда делаю для собственного удовольствия, генерит трафик и приносит немножко денюжек. С логотипом заморачиваться я не стала – просто рабочими шрифтами и цветами сайта сделала простое лого – надпись.
Если вас не устраивает такое решение, то вы можете создать логотип с помощью программ для быстрого создания логотипов:
Canva.com – бесплатный генератор логотипов.
Logaster.ru – платная платформа, но оно того стоит. Помимо логотипа, человек без дизайнерских навыков может создать фирменный бланк, визитку, обложки для соцсетей и другие необходимые бизнесу визуалы.
Turbologo.ru – условно бесплатный конструктор логотипов. Создание бесплатное, скачивание за деньги. Много шаблонов и интересных решений.
Если же у вас уже есть логотип – положите его в папочку, в которую мы будем складывать все материалы для создания сайта.
Положили? Задача выполнена!
Я настойчиво рекомендую сразу определиться с цветовой схемой Вашего сайта, чтоб потом в процессе судорожно не подбирать цвета среди сотен и тысяч цветов, которые Вам нравятся. Если у Вас есть логотип, то правильно будет отталкиваться от цветовой схемы, в которой он выполнен.
Цветовую схему мы будем определять с помощью прекрасного и бесплатного инструмента colourscheme. Для использования инструмента переходим по ссылке colourcsheme.ru
Как видите перед нами возникает великолепная палитра всех возможных цветов.
Для того, чтоб собрать цветовую схему для сайта – выбираем основной цвет, и далее кликаем на кружочки сверху – система предложит вам палитру сочетающихся веб цветов. Я для своей работы использую либо триаду (чаще), либо тетраду. Под квадратной схемой цветов при нажатии на кнопку вы можете посмотреть как та или иная схема будет выглядет на реальном сайте в светлом и темном вариантах. Это не значит, что вы должны схему использовать именно как в примере. Использовать схему можно как угодно на ваше усмотрение.
Психология цвета
В дополнение добавлю информацию по психологии цвета в веб-дизайне в различных направлениях.
Синий и его оттенки – спокойствие, доверие, надежность, честность. Синий цвет вызывает ощущение безопасности, стабильности. Его часто используют юридические компании, также это цвет авиа и тур индустрии.
Примеры логотипов – VISA, Samsung.
Красный – сила, смелость, энергия, страстность, активность. Энергичный цвет вызывает ощущение срочности. Не зря в большинстве случаев – именно красным расскрашивают кнопки заказа – агрессивный цвет вызывает пользователя на быстрое действие.
Пример логотипов – Coca-Cola, Old Spice.
Оранжевый – оптимизм, дружелюбие, общительность, комфорт. Оранжевый цвет призывает к действию.
Примеры логотипов – Nicelodeon, OK.
Желтый – прогресс, творчество, веселье, логика, четкость. Оптимистичный цвет работает на привлечение внимания.
Примеры логотипов – MacDonalds, Tinkoff
Зеленый – жизнь, рост, свежесть, экологичность, польза. Логично, что зеленым пользуются почти все проекты с приставкой эко.
Примеры логотипов – AnimalPlanet, LeroyMerlen, tictac.
Фиолетовый – каприз, индивидуальность, мистика, уникальность. Фиолетовый, несмотря на периодическую моду, в целом считается цветом для взрослых.
Примеры логотипов – Milka, Viber.
Розовый – женственность, нежность, романтика, воображение. Романтичный цвет чаще используется в рекламе продуктов для женщин.
Примеры логотипов – Barbie, Bourjois.
Черный/белый – экслюзивность, прямота, власть, чистота, роскошь, строгость. Цвет заранее сигнализирует – вы в зоне элегантности и роскоши.
Примеры логотипов – Chanel, Adidas.
Определились с цветовой схемой? Скопируйте все цвета в файл, а также ссылку на схему, чтоб не потерять.
Читать дальше