Найти тему

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

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

1. МЕТРО (КАРТОЧНЫЙ ДИЗАЙН)

Чтобы понять, как выглядят сайты в стиле Metro, достаточно вспомнить интерфейс Windows 10, где разделы представлены в виде крупных, единых по формату плиток. Эта тенденция проникла и в веб-дизайн.

-2

2. МИНИМАЛИЗМ

Один из самых популярных и в то же время сложных стилей. Как правило, минимализм это:

  • Простые геометрические формы;
  • Простые цвета (черный, белый, серый) - не Более трех на проект;
  • Однотонный фон;
  • Минимум шрифтов - простая типографика;
  • Отсутствие теней, градиентов или их незначительное присутствие;
  • Понятный, функциональный UI.

3. РИСОВАННЫЙ (ЭСКИЗНЫЙ) СТИЛЬ

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

-3

4. РЕТРО (ВИНТАЖ)

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

5. FLAT ДИЗАЙН

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

-4

6. ГРАНЖ

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

7. РЕАЛИЗМ (СКЕВОМОРФИЗМ)

Главная задача этого стиля - реалистичное изображение объектов с помощью света и тени. Он зародился в начале 2000-х годов и стал понятным для большинства пользователей, относившихся с опаской ко всем интернет-проектам. Мы все ещё помним изобилие бликов, текстур и теней в дизайне сайтов того времени. Это было господство Photoshop. Умение работать с параметрами наложения слоёв гарантировало 50% успеха в профессии веб-дизайнера.

-5

8. ORGANIC & NATURAL

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

А какие стили в списке ваших фаворитов и какими вы пользуетесь в работе чаще всего? Пишите в комментарии, давайте обсуждать👇

Регистрируйтесь на наш ближайший бесплатный практикум "Дизайнер презентаций" https://goo.su/OzVaw

Книга от основателей академии презентаций Бонни и Слайд — Николая Пере и Светланы Фирсовой "Секреты убойных презентаций" - купить по ссылке👇

Учебник убойных презентаций

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

Инстаграм: www.instagram.com/bonnieandslide/

Телеграм: t.me/bonnieandslide