Наталья Попова - Краткое пособие по созданию сайта на Тильде. Для новичков всех возрастов

Цветовую схему мы будем определять с помощью прекрасного и бесплатного инструмента colourscheme. Для использования инструмента переходим по ссылке colourcsheme.ru

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

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

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

В дополнение добавлю информацию по психологии цвета в веб-дизайне в различных направлениях.

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

Примеры логотипов – VISA, Samsung.

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

Пример логотипов – Coca-Cola, Old Spice.

Оранжевый – оптимизм, дружелюбие, общительность, комфорт. Оранжевый цвет призывает к действию.

Примеры логотипов – Nicelodeon, OK.

Желтый – прогресс, творчество, веселье, логика, четкость. Оптимистичный цвет работает на привлечение внимания.

Примеры логотипов – MacDonalds, Tinkoff

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

Примеры логотипов – AnimalPlanet, LeroyMerlen, tictac.

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

Примеры логотипов – Milka, Viber.

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

Примеры логотипов – Barbie, Bourjois.

Черный/белый – экслюзивность, прямота, власть, чистота, роскошь, строгость. Цвет заранее сигнализирует – вы в зоне элегантности и роскоши.

Примеры логотипов – Chanel, Adidas.

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

Задача выполнена!

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

Простые правила

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

– Легко читаемые шрифты. Для текстов это arial, rotobo, times new roman. Эти три шрифта наиболее привычны пользователям сетей и именно поэтому используются в веб-дизайне. Простые шрифты также лучше считывают поисковики.

– Для заголовков можно использовать более сложные шрифты на ваш выбор, главное не переборщить – шрифт должен ЛЕГКО читаться.

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

Текст предоставлен ООО «ЛитРес».

Прочитайте эту книгу целиком, на ЛитРес.

Безопасно оплатить книгу можно банковской картой Visa, MasterCard, Maestro, со счета мобильного телефона, с платежного терминала, в салоне МТС или Связной, через PayPal, WebMoney, Яндекс.Деньги, QIWI Кошелек, бонусными картами или другим удобным Вам способом.