Стили веб дизайна

Какие бывают стили дизайна сайтов

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

Тематичность стилей

Практически всегда, когда кто-то говорит о стиле дизайна сайта, он имеет в виду именно его тематичность. Тем не менее с точки зрения отношений «заказчик—дизайнер» это далеко не самый важный пункт, т.к. он не определяет ни объём работ, ни конкретные желания заказчика.

Вот несколько примеров стилей дизайна, разделённых по тематичному признаку:

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

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

Цветовые стили дизайна сайтов

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

Тёмный стиль дизайна сайтов

В принципе, тут всё понятно. Сюда относятся сайты, на которых доминирующие цвета — тёмные. Вот несколько примеров:

Светлый стиль дизайна сайтов

Ситуация, противоположная предыдущему примеру. Например:

Цветной стиль дизайна сайта

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

Разноцветный стиль дизайна сайтов

В этом случае в дизайне используется два или более цветов, имеющих большой визуальный вес:

Стили дизайна по восприятию

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

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

Чистый стиль

На таких сайтах количество графики, не являющейся содержимым сайта, минимально. Например:

Стандартный стиль

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

Художественный стиль дизайна сайтов

В этом случае графика является основным, доминирующим элементом дизайна.

Стили дизайна сайтов по количеству и размещению содержимого

Визуальное восприятие дизайна также зависит от информации, которая размещена на сайте.

Минималистичная структура содержимого сайта

Акцент делается на каком-либо одном, главном объекте.

Двухколоночная и трёхколоночная структура дизайна сайта

Это две наиболее распространённые структуры:

Сложная структура дизайна

Всё то, что не вписывается в предыдущие модели:

Послесловие

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


* Все примеры в статье — мои работы.

Хотите заказать создание сайта? Свяжитесь со мной!

Поделиться ссылочкой:

Строгий дизайн сайта

 

Наверняка многие из вас слышали о понятии «строгий дизайн». Но наверняка не каждый до конца понимает его значение. Что такое строгий дизайн? Зачем он нужен? Чем он хорош и где применяется?

 

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

 

1. Основной фон

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

2. Цвета оформления

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

3. Логотип

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

4. Шрифты сайта.

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

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

Как правило, этот же цвет присваивают активным ссылкам.

5. Иллюстрации и фотогалереи.

Простое и изысканное оформление, тонкие рамки или их отсутствие.

 

Для каких целей уместен строгий дизайн сайта?

 

— Вы удивитесь, но практически для любых! Начиная с сайта-визитки адвокатской конторы и кончая социальной сетью (вспомните Facebook и Вконтакте, они имеют как раз строгий дизайн). Если в первом случае строгость дизайн подчеркнет серьезность и стиль, то во втором — создаст «охлаждающую» ноту для буйства контента, не будет нервировать излишней пестротой.

 

Каких элементов стоит категорически избегать?

— Ярких баннеров;

— Флэшек, гиф-баннеров. Даже фотослайдеры нежелательны в строгом стиле. Разве только 2-3, выполненные в основных цветах сайта;

— Бегущих строк и заголовков;

— Ярких иллюстраций в шапке сайта, особенно фоновых.

 

Характерный пример строгого дизайна:

 

Если вам необходим сайт со строгим дизайном, мы с удовольствием поможем вам создать его!

.

Добавить комментарий

Закрыть меню