Основные стили веб-дизайна



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

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

Но все таки стоит подумать о том, что роль привлечение посетителей на сайт все же выполняет не только интересные статьи, а еще и графическое оформление . Именно об этом сегодня пойдет речь.

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

Цвет в дизайне веб-сайта

В дизайне веб-сайта может быть использовано любое количество цветов, благо современные мониторы отображают более 16 миллионов цветов и оттенков. Дизайн различают по нескольким признакам, по цветовой гамме: темные (черные, темно-синие, оттенки серого), светлые (белые, бежевые, кремовые и др.), цветные (любой яркий цвет), разноцветные (несколько ярко выраженных цветов и тонов).

Дизайн сайта по количеству графики

Стандартный дизайн сайта. Это один из наиболее распространенных стилей. В этом дизайне очень мало графического оформления. Графика используется в основном в шапке сайта.

Чистый стиль сайта. Сайты такого стиля больше сосредоточены на информационном содержании. Графика на таком сайте присутствует в минимальном объеме. Например: логотип, иконки, кнопки.

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

Структура сайта

Различают 4 основные структуры сайтов, это:

  • Минимальная структура;
  • Двухколоночная;
  • Трехлоконочная;
  • Сложная структура.

Дизайн с минимальной структурой обычно состоит из одной страницы, или сконцентрирован на каком-то одном главном элементе.

Двух-, трехколоночные структуры наиболее распространены. Они используются как на сайтах так и на блогах. Одна колонка для основного контента, другая (поменьше) для рубрик меню или новостей.

Сложные структуры используются, как правило, для больших проектов, напрмер, для новостных сайтов, интернет-порталов, которые содержут множество блоков и колонок.

Дизайн сайта должен соответствовать разрешению экрана. Самое популярное разрешение экрана это 1280х1024 и большинство дизайнов рисуется под такой параметр.

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

Фиксированный дизайн — стандартный подход, при любом разрешении экрана ширина не меняется.

Адаптивный дизайн — еще одна версия резинового макета, но более сложная. В зависимости от разрешения экрана он отображает разное количество колонок.

Распространенные стили веб-сайтов

Наиболее распространенными стилями в дизайне являются:

  •  Классический;
  •  Журнальный;
  •  Мультипликационный;
  •  Гранжевый;
  •  Ретро-стиль;
  •  Футуристический
  •  Векторный;
  •  Бизнес-стиль.

Классический дизайн. Такое оформление в веб-сайтах встречается очень часто, обычно это современный дизайн в стиле WEB 2.0.

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

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

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

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

Футуристический дизайн. Думаю, достаточно просто представить такой стиль. В оформлении используется все, что связано с роботами, фантастикой, металами и прочим.

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

Бизнес-дизайн. Такой сайт легко распознать по большому количеству изображений деловой тематики. Для бизнес-сайта характерны наличие белых цветов и четко расположенных блоков с информацией.


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




  1. Auramel:

    Позновательно

  2. Ярослав:

    Благодарю за ценную информацию

  3. Владимир:

    Большое спасибо, Mistli, Вашему ресурсу!
    Нашёл быстро, что меня интересовало. Главное — понятно, очень наглядно, коротко и по делу.

    От всей души — УДАЧИ Вам!

Ваш отзыв