Полезные статьи

Полезные статьи и советы на каждый день

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


Это действительно может быть так, если вы уже знакомы с основами веб дизайна. Но если такие фразы, как "адаптивная поддержка мобильных устройств» и «Google Web Fonts" чужды вам, то говорить, что это легко - преждевременно.
С учетом этого, мы собрали действительно базовый набор принципов по основам веб-дизайна для новичков.

1. Сеточная система

Сеточная система в дизайне

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

2. Визуализация

Визуализация

Известный факт, что в большинстве культур, люди читают слева направо и сверху вниз. Тем не менее, также известно, что во время чтения используется гораздо более сложный набор правил. Это особенно верно в Интернете, где люди чаще "сканируют" страницы, нежели читают их.
Хорошая веб-страница будет построена таким образом, чтобы во время этого «сканирования» пользователь заметил ключевые элементы: логотип, призыв к действию или ключевой образ. Такое построение может быть "F"- или "Z"-образной формы.

Визуализация

Кроме того, такое построение «подсказывает» посетителям, что нужно прочитать сначала, а к чему перейти после. Этого можно добиться и такими методами, как размер текста, использование шрифтов, интервал, цветовая гамма.

 

3. Веб шрифты

Веб шрифты

В самом начале эпохи интернета браузеры поддерживали ограниченное количество шрифтов; обычно только те, которые уже были установлены в текстовом редакторе пользователей. Если вы использовали другие варианты, то остальные пользователи могли увидеть случайный набор символов.
Сегодня такое по прежнему возможно, но крайне редко. Кроме того, количество шрифтов для использования выросло настолько, что многие жалуются на слишком большой выбор.
Вы можете найти хороший выбор бесплатных шрифтов в Google Web Fonts.

При использовании шрифтов необходимо помнить несколько общих правил:

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

4. Изображения и цвета

Основное правило при использовании цветов: не переусердствуйте.
Как и в случае со шрифтами, лучше использовать 2 – 3 варианта. Они должны подчеркивать ваш бренд, выделять особо важные области страницы, как уже отмечалось выше во втором разделе.

Цвета должны подчеркивать ваш бренд. Например, как на сайте Мегафона.

С использованием изображений так же стоит быть аккуратным. Избегайте изображений, которые двигаются. Даже gif-изображения следует использовать, только если они выполнены профессионалом.
Не используйте изображения просто как способ заполнить пространство. Посетители обратят внимание на данное изображение и пропустят основную информацию. Вместо этого, используйте только изображения, которые несут полезную информационную нагрузку, сопровождают текст или иллюстрируют описываемый объект.
Будьте в курсе лицензионных ограничений, связанных с использованием изображений. Большинство изображений защищены. Это означает, что вам придется заплатить, чтобы использовать их.
Старайтесь использовать изображения с небольшими размерами. Помните, что 60% времени загрузки сайта уходит на изображения.


sozdat-site-besplatno