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

Задача 1 выполнена. Поздравляю!

Глава 2. В которой мы определимся с цветовой схемой и шрифтами для нашего сайта

Задача 2. Логотип

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

Что делать если нет логотипа или он не нужен?

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

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

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

Canva.com – бесплатный генератор логотипов.

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

Turbologo.ru – условно бесплатный конструктор логотипов. Создание бесплатное, скачивание за деньги. Много шаблонов и интересных решений.

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

Положили? Задача выполнена!

Задача 3. Цветовая схема

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Задача 4. Шрифты

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

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

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

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

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

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

Конец ознакомительного фрагмента.

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

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

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