Конспект дизайнера веб-сайта

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

Мы будем идти по возрастающей. Сначала общие правила построения основы, затем — детали.

Наброски и эскизы

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

Сначала напишите основу, потом приступайте к деталям.

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

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

Шрифты

Большую роль в привлекательности сайта играет степень читабельности и приятности текста. Автор рекомендует использовать 2-4 разных шрифта на одной странице. Ниже приведен стандартный набор:

• Для обычного текста

• Для заголовков

• Для мелкого текста

Также следует тщательно продумать единую иерархию разделов, отступов и абзацев.

«Оживление» элементов

Для большей красоты нужно придать элементам (ссылкам, разделам, кнопкам и т.д.) свойство реагировать на действия пользователя. Есть стандартный набор реакций:

1. Обычное состояние

2. Пользователь навел курсор

3. Пользователь перешел по ссылке или активировал кнопку

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

Оформляем содержимое

Текст, который доносит основную информацию до пользователя, должен быть читаемым, красивым и легким в восприятии. Под читаемостью понимается порядок абзацев и разделов. Нужно представить себя на месте юзера и предотвратить хаос из букв на странице. Красивый и легкий в восприятии текст получается, когда вы выделяете основную информацию другим шрифтом, курсивом или другими методами. Цитаты следует выделять отдельным блоком, не отрывая от основной информации.

Под конец можно рассмотреть стандартные элементы в тексте:

• Абзац

• Заголовок

• Ссылка

• Важная информация

• Цитата

• Список

• Картинка

• Выноски

• Колонки

• Основная информация

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

Если вы живете в Москве и вам нравится кавказская кухня, то, возможно, вас заинтересует эларджи ресторан. Ресторан расположен рядом с метро Кропоткинская и может удивить вас плетеной мебелью и мини-зоопарком.

22.06.2018   Рубрики: Разработчику Тэги:

Поделитесь статьей

Вы тут (типа навигация): IT - блог » Разработчику » Конспект дизайнера веб-сайта

Скопировано в буфер обмена

Обратная связь