Ретро стиль дизайн
Стиль ретро в интерьере и его иконы из прошлого
Слово «ретро», как правило, относится к чему-то вымершему и прошедшему, однако в действительности это не совсем так. Этот стиль вдохновляет современный дизайн, интерьеры и даже музыку. Возможно, его успех заключается в ностальгии, стремлении дифференцироваться или просто уважении к проверенному временем качеству.
Почему дизайны 50, 60 и 70-х годов так интересны
Основная причина, вероятно, заключается в том, что это был послевоенный период, который отмечен эйфорией, свежими идеями, появлением молодых дизайнеров и новых художественных тенденций. Конечно, все эти новшества не обошли стороной и дизайн интерьера.
В эти годы начали использоваться новые материалы, формы и отличительные цвета и узоры.
Типичный стиль ретро 50—60-х годов
В данном направлении дизайна отличительными чертами интерьера являются:
- округлые формы приборов с хромированными элементами;
- светильники различной формы;
- шторы и жалюзи вместо штор;
- глянцевый кожзаменитель на квадратной мебели;
- сочетание дерева и хрома на мебели;
- смелые цвета и геометрические узоры на тканях;
- печатные плакаты вместо классических картин и многое другое.
Типичный ретростиль 70-х годов
Для направления 70-х характерны конструкции, которые сочетают в себе симметричность, компактность и обтекаемые формы:
- небольшая мебель из пластика;
- подвесные кресла;
- разнообразные приставные столы;
- белая и цветная мебель из ламината;
- открытые полки;
- секционные и угловые диваны и многое другое.
Для кого предназначен ретростиль
Этот стиль определённо не является массовым увлечением. Он очень самобытный, богемный, безумный, сочетает много цветов, узоров и материалов.
Он часто балансирует на границе со стилем китч, но если хочется оживить свой дом ретростилем, используя интересные комбинации и аксессуары, то не стоит ограничивать себя в фантазии.
Сочетание с другими стилями
Ретро можно совмещать с такими стилями дизайна как современный, скандинавский или минималистский. Это создаёт интересный контраст и вносит возрождение в другие приглушённые интерьеры.
Мотивы и узоры на обоях и керамической плитке также очень модны.
Как создать атмосферу ретро в интерьере
Оформляя жильё в данном направлении, самое главное грамотно расставить акценты и избежать вульгарности. Ретродизайн в современных квартирах — это не просто копирование, а переосмысленные гармоничные композиции.
Кухня и столовая
Небольшие бытовые приборы, сочетающие в себе современные черты и стиль ретро, украсят кухню. Особенно характерными являются круглые формы с хромированными деталями. Если есть желание иметь по-настоящему отличительный элемент кухни, то можно купить холодильник в стиле ретро.
Комнаты
Прежде всего, стоит установить в гостиной оригинальные стулья или кресла в ретростиле, которые можно обить отличительной современной тканью. Другими популярными деталями в комнатах являются различные шкафы и комоды, которые дополняют лёгкими полками.
Освещение
Особую категорию аксессуаров в оформлении интерьера в стиле ретро составляют светильники, о которых нельзя забывать. Их дизайн всегда вне времени с широким спектром оригинальных форм и цветов.
Аксессуары для дома
Аксессуары — это самый простой и дешёвый способ привнести в интерьер очарование ретростиля:
- обрамлённые постеры с темой комиксов, фильмов и художников;
- графические плакаты или реклама;
- оформленные обложки звукозаписывающих лейблов культовых групп и певцов (The Beatles, The Rolling Stones, Jimi Hendrix и др.);
- металлические и эмалевые знаки;
- украшения с ретроузорами на декоративных подушках;
- обивка штучных ковров, штор или кухонного текстиля;
- ретроигрушки.
При оформлении жилища с элементами стиля, обращённого к прошлому, стоит определиться: выбирать современные вещи, сделанные в ретрожанре, или же найти и обновить оригинальные предметы интерьера.
Ретро стиль в веб-дизайне: особенности направления и оригинальные примеры
Необычный стиль ретро даже сейчас используется в веб-дизайне. Классический вариант в виде отдельных стилизованных блоков, иллюстраций из старых журналов, и современный, в виде рукописных шрифтов, приглушенных цветовых оттенков и фотографий с фильтрами под старину. В этой статье мы расскажем, в каком виде ретро-стиль присутствует в дизайне, рассмотрим его основные принципы и приведем примеры сайтов.
Что понимают под ретро-стилем в веб-дизайне
Перед тем как началось стремительное развитие технологий, дизайн включал в себя оформление журналов и газет, программ на телевидении, полиграфических материалов. Несмотря на то, что приемы, которые использовались в это время, считаются устаревшими, дизайнеры до сих пор применяют их в новых сферах дизайна, в частности, в вебе. Ретро-стилем считается стилистика 20-х — 80-х годов и подразделяется на несколько направлений:
- 20-е — 30-е годы. Эра женской эмансипации и революционного настроя. В моде черные и пурпурные цвета, джаз, аэропланы и кинематограф;
- послевоенные 40-е — 50-е годы. Наступает мода на классику, спокойные и безмятежные иллюстрации в духе new look стиля. Также набирает популярность пин-ап — направление в иллюстрации и фотографии, которое характеризуется яркими цветовыми оттенками, обычно изображаются красивые женщины в броских нарядах;
- 60-е — 70-е годы. Время Мэрилин Монро, Бриджит Бардо и Софи Лорен. В моде яркие принты, красный, розовый и синий цвета, легкость и непринужденность;
- 80-е годы. Время перестройки. Яркие цвета, геометрические формы, узоры и тотальное использование иконографики.
Как говорится, все новое — это хорошо забытое старое. Ретро стиль дизайнеры используют в вебе, чтобы создать особую атмосферу тех годов, создать креативный дизайн и отличиться от конкурентов, подчеркнуть особенности продукта. Рассмотрим основные принципы стиля, его отличия от других направлений в веб-дизайне.
Принципы ретро-стиля
Принцип 1. Приглушенные цвета
В XX веке в типографиях не было такого высококачественного оборудования как сейчас. Поэтому полиграфия, которая печаталась в те годы, имела тусклые, как будто приглушенные цвета. В веб-дизайне тоже используется этот принцип и на все оттенки накладывают фильтры, чтобы цвета казались «старыми».
На примере используются почти пастельные цветовые оттенки. Кажется, будто дизайн немного «потертый», что возвращает нас в атмосферу тех годов, когда еще не было качественной печати и яркости цвета в полиграфии.
Такого эффекта можно добиться, применяя различные фильтры по типу «сепии», добавляя различные эффекты, например, потертости или царапины, или выставляя низкий уровень непрозрачности. Эффект от таких приемов — восприятие пользователем сайта как нечто устаревшего, но вместе с тем, обладающего особым шармом.
Принцип 2. Иллюстрации
Один из самых ярких и отличающих ретро стиль от других направлений в дизайне принципов — использование тематических иллюстраций. Благодаря картинкам можно легко отделить ретро стиль — настолько атмосферными они выглядят.
Иллюстрации в ретро стиле отличаются следующими характеристиками:
- Цвет. Соблюдая первый принцип, оттенки в иллюстрациях обычно «состаренные», приглушенные.
- Действие или предметы. Обычно на иллюстрациях изображают людей или предметы тех времен. Это может быть старая техника, например, старинный фотоаппарат, или ретро-автомобиль. Или картинка девушек в модных в то время платьев.
- Отсутствие фона. Большинство ретро иллюстраций, используемых в веб-дизайне, вставляются в макет без фона и выделяются на странице. Так создается дополнительный эффект объема, который раньше был в моде. Хотя, плоские иллюстрации тоже используются в ретро стиле.
Пример использования иллюстраций на сайте в стиле ретро:
На примере дизайнеры используют фото-иллюстрацию старинного трамвая, на фоне видно фотографию с наложенным эффектом сепией. Интересно также использование различных маленьких картинок — стилизованного ключа, замочной скважины.
Такие картинки положительно влияют на восприятие контента пользователями. Иллюстрации погружают нас в атмосферу прошлого, при этом дизайн выглядит стильно и не перегружено. К тому же, такой подход не часто увидишь в современном вебе, поэтому с помощью стиля можно выделиться среди конкурентов и повысить узнаваемость бренда.
Однако, в современном веб-дизайне используют и фотографии, сделанные уже на качественную современную технику. Дизайнеры сочетают современность и ретро-вензели и получают интересные результаты. Например, на сайте одного отеля используются как тематические рисованные иллюстрации, так и профессиональные фотографии:
Главный экран сайта
Одна из страниц, посвященных описанию номеров
Однако, такие фотографии тоже передают атмосферу прошлого столетия: интерьеры в ретро стиле как нельзя лучше дополняют концепцию сайта.
Принцип 3. Геометрические формы
Мода на геометрические формы, плоские конструкции и использование разделителей пришла в дизайн примерно в 80-е годы. Сейчас такой подход применяют и в веб-дизайне: разбивают страницу на несколько секторов, используют иллюстрации в виде треугольников и другой геометрии.
Принцип 4. Иконки, значки, логотипы
Возвращаясь ко 2 принципу, связанному с иллюстрацией, нельзя не отметить еще одну отличительную черту — использование в ретро-стиле различных иконок, значков, узоров и вензелей.
На примере видно, что дизайнеры используют различные иконки и иллюстрации в винтажном стиле. Приглушенные цвета, создание объема с помощью теней, рисованные иллюстрации и серый «газетный» фон создают неповторимую атмосферу и стильный дизайн.
Принцип 5. Уникальная типографика
Еще одна отличительная черта ретро-стиля — уникальная типографика. Раньше шрифтам уделяли особое внимание: как правило люди читали газеты и другую полиграфию, поэтому типографика имела огромное значение. В моде преобладали необычные шрифты, с помощью которых можно было не только привлечь внимание читателей, но и украсить макет.
Такая типографика перешла и в веб-дизайн. Ретро-стиль в основном характеризуется различными рукописными шрифтами или шрифтами в стиле леттеринг (подробнее об этом направлении в типографике мы писали в этой статье). Также надписи украшали различными паттернами:
Такая типографика выделяется, обращает внимание на текст и его содержимое. Шрифты ретро стиля часто используются в заголовках, чтобы привлечь внимание пользователей. Обычно применяют шрифты с засечками, часто все буквы — заглавные.
Яркая типографика пришла к нам из различных постеров, которые были модны в то время. Используя шрифты тех времен, а также рукописные шрифты, мы приближаем пользователей к атмосфере прошлого, когда люди еще читали газеты, рассматривали афиши на улицах и не сидели в интернете.
Принцип 6. Паттерны и текстуры
Также особенностью ретро-стиля является использование паттернов и текстур в дизайне. Это может быть имитация дерева или бумаги, газетной статьи, книжных страниц и других натуральных материалов. Например:
Принцип 7. Выделяющиеся блоки
Долгое время в веб-дизайне была мода на объемные блоки, которые выделялись на основном фоне страницы. Такой прием присущ и ретро стилю.
На примере представлен такой подход. Основная контентная часть не распределена по всей ширине экрана, как распространено сегодня, а располагается отдельным выделенным блоком. Этот большой блок объемный, создается ощущение что фон страницы — это поверхность, а на поверхности лежит газета с информацией и иллюстрациями. Такой прием потихоньку уходит в прошлое, так как сейчас в моде расположение элементов на всю ширину, благодаря возможностям верстки, но иногда еще можно встретить такие элементы на сайтах.
Принцип 8. Тематичность
Одна из главных особенностей ретро стиля — тематичность ресурса. Обычные интернет-магазины или компании с услугами могут просто использовать плоский дизайн или минимализм — стили, которые подходят большинству сайтов. Больше об этих направлениях в веб-дизайне можно прочитать здесь (плоский дизайн) и здесь (минимализм). В случае с ретро дизайном, сайты обычно обладают узконаправленной тематикой, которая подчеркивает дух прошлого, или оформлены в стиле ретро для повышения узнаваемости бренда. Во втором случае фирменный стиль тесно связан с винтажной тематикой, для повышения доверия пользователей.
Принцип 9. Отдельные элементы
Не всегда ретро стиль используется по всему сайту. Иногда дизайнеры вставляют такие элементы, чтобы придать странице немного винтажности. Один из ярких примеров такого приема — всемирная газета The New York Times, которая уже давно представляет собой информационный ресурс в интернете, но не теряет своей атмосферы:
Дизайнеры постарались максимально перенести структуру газеты в интернет-ресурс. Расположение блоков, подпись «Today’s Paper», сегодняшнее число в левом углу и винтажный логотип напоминает читателю старую и привычную газету, погружает нас в атмосферу того времени, когда все новости узнавали из утренней почты.
Кроме структуры можно перенести на сайт и просто дизайн продукта:
Сайт представляет товары в винтажном стиле, используя интересные шрифты, приглушенные цвета. Несмотря на то, что на странице используются современные плоские формы, сам продукт создает атмосферу «крафтовой» старины.
Особенности юзабилити для стиля ретро
Используя такие креативные решения, дизайнерам важно не забывать про юзабилити. Обилие иллюстраций, неординарная типографика, безусловно, создают определенную атмосферу и шарм. Однако, дизайнерам необходимо следить, не мешает ли множество декоративных элементов восприятию пользователей.
Что следует учитывать при проектировании макета сайта в ретро стиле:
- Тематику сайта. Возможно, ретро стиль совсем не подходит компании и пользователь будет в явном недоумении от оформления. Особенно это касается тех компаний, которые предоставляют услуги в сфере digital. Пользователи ожидают от таких организаций в первую очередь современный дизайн и легкий интерфейс, а не явное обилие декоративных элементов, вензеля и изображения раритетной техники.
- Особенности навигации. Если дизайнер решает использовать ретро стиль в качестве основы дизайна, нужно продумать навигацию так, чтобы элементы не выбивались из концепции. Скорее это будут традиционные навигационные элементы — горизонтальное меню, вертикальный скроллинг. Хотя, некоторые дизайнеры «модернизируют» ретро стиль и используют недавно вошедшее в моду меню-гамбургер.
- Особенности анимации. Как правило, ретро стиль не подразумевает сложные анимационные эффекты и переходы между экранами. Иногда дизайнеры прибегают к динамическим эффектам, но стараются также их стилизовывать под ретро — это могут быть виджеты с часами, интересные решения для переходов и прочее.
- Призывы к действию. Яркие иллюстрации, множество иконок могут отвлекать внимание пользователя от основных элементов призыва к действию — кнопок, веб-форм. Поэтому дизайнерам стоит учитывать расположение этих элементов относительно ярких деталей в дизайне и продумать, как можно привлечь внимание пользователя.
В целом, ретро-стиль для сайта — одно из свежих креативных решений в веб-дизайне. Он встречается не так часто, как популярный плоский дизайн или минимализм. Поэтому сайт в винтажном стиле может выделить компанию среди конкурентов и повысить уровень ее узнаваемости. При этом важно помнить, что стиль ретро нужно использовать только для подходящих тематик и помнить о юзабилити веб-страниц.
Студия дизайна IDBI создает дизайн сайтов в различных стилях — от традиционной классики до современного стиля хай-тек. Ретро-стиль — не исключение. Мы поможем предпринимателям подобрать подходящее направление в веб-дизайне для эффектного представления продукта в интернете и сделаем сайт максимально привлекательным и удобным для пользователей. Больше примеров наших работ в различных стилях можно посмотреть в разделе «Портфолио».
Особые нюансы ретро стиля в интерьере
- Характерные черты
- Подвиды стиля
- Кухня в стиле ретро
Ретро стиль в интерьере – это воссоздание дизайна 50-70-х годов. Многие при слове «ретро» представляют себе весьма скучную и унылую обстановку, наполненную антиквариатом. Но это мнение полностью ошибочно. 50-е, 60-е, 70-е года были невероятно яркими, стильными и даже дерзкими, вспомните хотя бы нашумевший фильм «Стиляги», который как нельзя лучше отображает красочность жизни тех времен. Безусловно, старинные бабушкины вещи в интерьере вам очень пригодятся, однако важно вдохнуть в них новую жизнь и как следует осовременить.
Характерные черты
Несмотря на то, что стиль ретро в интерьере может быть достаточно разнообразным, все его подвиды объединяет наличие одинаковых характерных нюансов, которые делают эту стилистику узнаваемой:
- Все предметы мебели в интерьере должны быть достаточно необычными. Их линии могут быть как плавными, так и резкими, но вот поверхности предпочтительны полированные.
- Кроме того, мебель может быть как стационарная, так и подвижная.
- Графические и геометрические рисунки, принты, узоры присутствуют во всем, будь то отделка стен, текстиль, ковры или мебель.
- Материалы, которые наиболее широко используются в дизайне – хром, пластик, стекло и древесина.
- Палитра цветов достаточно смелая. Нейтральные краски удачно сочетаются с яркими и контрастными.
Подвиды стиля
Воспроизводя стилистику ретро в своей квартире, вы можете следовать лишь общим характеристикам, а можете пойти немного дальше и углубиться в конкретную эпоху. Второй вариант смотрится наиболее колоритно, так как отражает определенное десятилетие – 50-е, 60-е или 70-е года прошлого века:
- 50-е года ХХ века – очень задорная и веселая эпоха. Ее цвета невероятно яркие и броские. Красный, розовый, бирюзовый, желтые, черный, цвет морской волны – вот главнее оттенки интерьера. Мебель для такого интерьера подойдет достаточно простая: квадратные и не слишком мягкие диваны, стулья. Их обивка минимальная и без рюшек. Замечательно, если вы подбреете мебель, обитую яркой ламинированной тканью, которая так напоминает модную в 50-х лакированную кожу. Кроме того, вы можете выбирать хромированные столы и стулья, они также замечательно впишутся в ваш дизайн.
- На интерьеры 60-х очень сильно повлияло движение хиппи, набравшее популярность в те времена. Вот почему в дизайне можно широко использовать всевозможные цветочные принты. В качестве перегородок для зонирования помещения и вместо межкомнатных дверей лучше всего вешать бисерные занавески, ведь они появились именно в 60-х. Между прочим, такие занавески снова возвращаются в моду, так что с ними вы точно не прогадаете. Что касается цветовой гаммы данного подвида стиля, то она также использует все цвета спектра, но они чуть более сдержанные и приглушенные, чем в 50-х. Мебель необходимо выбирать такую же, как и для 50-х (квадратную и минималистичную), однако в данном стиле можно сделать небольшую «вольность» и декорировать обивку мебели узорами (цветочными или геометрическими).
- Интерьер 70-х годов значительно отличается от предыдущих, ведь в это время в моду вошло диско. Цветовая палитра дизайна в стиле 70-х выдержана в теплых естественных тонах, однако предпочтение нужно отдавать золотому, зеленому и коричневому цветам. Что касается мебели, то стиль этой эпохи позволяет использовать более плавные и округлые элементы. Кроме того, в 70-е в моду вошло множество характерных предметов, и хотя бы часть из них нужно использовать в дизайне. Итак, в это время появилась низкая тахта, позволяющая усадить большое количество людей и очень актуальная для гостиной; сервант, в котором можно было размещать декоративную посуду; барный шкафчик для дорогих алкогольных напитков; журнальный столик, хорошо дополняющий тахту.
Кухня в стиле ретро
Создание кухни в ретро стиле – это очень интересный и творческий процесс. Наверняка у большинства сохранилось множество предметов мебели или аксессуаров той эпохи. Всем им можно подарить новую жизнь, удачно внедрив их в интерьер. Типичная кухонная мебель в стиле ретро полукруглая и с выпуклыми элементами. Ее поверхности (особенно стеклянные) обязательно украшают узоры.
Впрочем, если у вас не сохранилось старой мебели, вы можете пойти двумя путями. Первый путь – купить такую мебель в антикварных лавках или в современных магазинах, ведь они сейчас выпускают широкий ассортимент мебели в данной стилистике. Это простой, но очень дорогостоящий вариант. Второй выход из ситуации – состаривание обычной мебели самостоятельно. Процесс состаривания достаточно прост. Он не требует особых умений и дорогих материалов. Зато мебель созданная таким образом будет на 100% эксклюзивной и неповторимой.
Какой элемент кухни самый главный? Разумеется холодильник. Холодильники в ретро стиле очень массивные, внушительные, такие же выпуклые, как и все предметы кухонной мебели. Большой удачей будет, если вы найдете настоящий холодильник, выпущенный в прошлом веке. Для этого нужно внимательно «побродить» по интернет-барахолкам. Такой старинный холодильник можно отреставрировать и снова использовать. Он придаст вашей кухне неповторимую изюминку.
Ретро стиль в веб-дизайне: особенности направления и оригинальные примеры
Необычный стиль ретро даже сейчас используется в веб-дизайне. Классический вариант в виде отдельных стилизованных блоков, иллюстраций из старых журналов, и современный, в виде рукописных шрифтов, приглушенных цветовых оттенков и фотографий с фильтрами под старину. В этой статье мы расскажем, в каком виде ретро-стиль присутствует в дизайне, рассмотрим его основные принципы и приведем примеры сайтов.
Что понимают под ретро-стилем в веб-дизайне
Перед тем как началось стремительное развитие технологий, дизайн включал в себя оформление журналов и газет, программ на телевидении, полиграфических материалов. Несмотря на то, что приемы, которые использовались в это время, считаются устаревшими, дизайнеры до сих пор применяют их в новых сферах дизайна, в частности, в вебе. Ретро-стилем считается стилистика 20-х — 80-х годов и подразделяется на несколько направлений:
- 20-е — 30-е годы. Эра женской эмансипации и революционного настроя. В моде черные и пурпурные цвета, джаз, аэропланы и кинематограф;
- послевоенные 40-е — 50-е годы. Наступает мода на классику, спокойные и безмятежные иллюстрации в духе new look стиля. Также набирает популярность пин-ап — направление в иллюстрации и фотографии, которое характеризуется яркими цветовыми оттенками, обычно изображаются красивые женщины в броских нарядах;
- 60-е — 70-е годы. Время Мэрилин Монро, Бриджит Бардо и Софи Лорен. В моде яркие принты, красный, розовый и синий цвета, легкость и непринужденность;
- 80-е годы. Время перестройки. Яркие цвета, геометрические формы, узоры и тотальное использование иконографики.
Как говорится, все новое — это хорошо забытое старое. Ретро стиль дизайнеры используют в вебе, чтобы создать особую атмосферу тех годов, создать креативный дизайн и отличиться от конкурентов, подчеркнуть особенности продукта. Рассмотрим основные принципы стиля, его отличия от других направлений в веб-дизайне.
Принципы ретро-стиля
Принцип 1. Приглушенные цвета
В XX веке в типографиях не было такого высококачественного оборудования как сейчас. Поэтому полиграфия, которая печаталась в те годы, имела тусклые, как будто приглушенные цвета. В веб-дизайне тоже используется этот принцип и на все оттенки накладывают фильтры, чтобы цвета казались «старыми».
На примере используются почти пастельные цветовые оттенки. Кажется, будто дизайн немного «потертый», что возвращает нас в атмосферу тех годов, когда еще не было качественной печати и яркости цвета в полиграфии.
Такого эффекта можно добиться, применяя различные фильтры по типу «сепии», добавляя различные эффекты, например, потертости или царапины, или выставляя низкий уровень непрозрачности. Эффект от таких приемов — восприятие пользователем сайта как нечто устаревшего, но вместе с тем, обладающего особым шармом.
Принцип 2. Иллюстрации
Один из самых ярких и отличающих ретро стиль от других направлений в дизайне принципов — использование тематических иллюстраций. Благодаря картинкам можно легко отделить ретро стиль — настолько атмосферными они выглядят.
Иллюстрации в ретро стиле отличаются следующими характеристиками:
- Цвет. Соблюдая первый принцип, оттенки в иллюстрациях обычно «состаренные», приглушенные.
- Действие или предметы. Обычно на иллюстрациях изображают людей или предметы тех времен. Это может быть старая техника, например, старинный фотоаппарат, или ретро-автомобиль. Или картинка девушек в модных в то время платьев.
- Отсутствие фона. Большинство ретро иллюстраций, используемых в веб-дизайне, вставляются в макет без фона и выделяются на странице. Так создается дополнительный эффект объема, который раньше был в моде. Хотя, плоские иллюстрации тоже используются в ретро стиле.
Пример использования иллюстраций на сайте в стиле ретро:
На примере дизайнеры используют фото-иллюстрацию старинного трамвая, на фоне видно фотографию с наложенным эффектом сепией. Интересно также использование различных маленьких картинок — стилизованного ключа, замочной скважины.
Такие картинки положительно влияют на восприятие контента пользователями. Иллюстрации погружают нас в атмосферу прошлого, при этом дизайн выглядит стильно и не перегружено. К тому же, такой подход не часто увидишь в современном вебе, поэтому с помощью стиля можно выделиться среди конкурентов и повысить узнаваемость бренда.
Однако, в современном веб-дизайне используют и фотографии, сделанные уже на качественную современную технику. Дизайнеры сочетают современность и ретро-вензели и получают интересные результаты. Например, на сайте одного отеля используются как тематические рисованные иллюстрации, так и профессиональные фотографии:
Главный экран сайта
Одна из страниц, посвященных описанию номеров
Однако, такие фотографии тоже передают атмосферу прошлого столетия: интерьеры в ретро стиле как нельзя лучше дополняют концепцию сайта.
Принцип 3. Геометрические формы
Мода на геометрические формы, плоские конструкции и использование разделителей пришла в дизайн примерно в 80-е годы. Сейчас такой подход применяют и в веб-дизайне: разбивают страницу на несколько секторов, используют иллюстрации в виде треугольников и другой геометрии.
Принцип 4. Иконки, значки, логотипы
Возвращаясь ко 2 принципу, связанному с иллюстрацией, нельзя не отметить еще одну отличительную черту — использование в ретро-стиле различных иконок, значков, узоров и вензелей.
На примере видно, что дизайнеры используют различные иконки и иллюстрации в винтажном стиле. Приглушенные цвета, создание объема с помощью теней, рисованные иллюстрации и серый «газетный» фон создают неповторимую атмосферу и стильный дизайн.
Принцип 5. Уникальная типографика
Еще одна отличительная черта ретро-стиля — уникальная типографика. Раньше шрифтам уделяли особое внимание: как правило люди читали газеты и другую полиграфию, поэтому типографика имела огромное значение. В моде преобладали необычные шрифты, с помощью которых можно было не только привлечь внимание читателей, но и украсить макет.
Такая типографика перешла и в веб-дизайн. Ретро-стиль в основном характеризуется различными рукописными шрифтами или шрифтами в стиле леттеринг (подробнее об этом направлении в типографике мы писали в этой статье). Также надписи украшали различными паттернами:
Такая типографика выделяется, обращает внимание на текст и его содержимое. Шрифты ретро стиля часто используются в заголовках, чтобы привлечь внимание пользователей. Обычно применяют шрифты с засечками, часто все буквы — заглавные.
Яркая типографика пришла к нам из различных постеров, которые были модны в то время. Используя шрифты тех времен, а также рукописные шрифты, мы приближаем пользователей к атмосфере прошлого, когда люди еще читали газеты, рассматривали афиши на улицах и не сидели в интернете.
Принцип 6. Паттерны и текстуры
Также особенностью ретро-стиля является использование паттернов и текстур в дизайне. Это может быть имитация дерева или бумаги, газетной статьи, книжных страниц и других натуральных материалов. Например:
Принцип 7. Выделяющиеся блоки
Долгое время в веб-дизайне была мода на объемные блоки, которые выделялись на основном фоне страницы. Такой прием присущ и ретро стилю.
На примере представлен такой подход. Основная контентная часть не распределена по всей ширине экрана, как распространено сегодня, а располагается отдельным выделенным блоком. Этот большой блок объемный, создается ощущение что фон страницы — это поверхность, а на поверхности лежит газета с информацией и иллюстрациями. Такой прием потихоньку уходит в прошлое, так как сейчас в моде расположение элементов на всю ширину, благодаря возможностям верстки, но иногда еще можно встретить такие элементы на сайтах.
Принцип 8. Тематичность
Одна из главных особенностей ретро стиля — тематичность ресурса. Обычные интернет-магазины или компании с услугами могут просто использовать плоский дизайн или минимализм — стили, которые подходят большинству сайтов. Больше об этих направлениях в веб-дизайне можно прочитать здесь (плоский дизайн) и здесь (минимализм). В случае с ретро дизайном, сайты обычно обладают узконаправленной тематикой, которая подчеркивает дух прошлого, или оформлены в стиле ретро для повышения узнаваемости бренда. Во втором случае фирменный стиль тесно связан с винтажной тематикой, для повышения доверия пользователей.
Принцип 9. Отдельные элементы
Не всегда ретро стиль используется по всему сайту. Иногда дизайнеры вставляют такие элементы, чтобы придать странице немного винтажности. Один из ярких примеров такого приема — всемирная газета The New York Times, которая уже давно представляет собой информационный ресурс в интернете, но не теряет своей атмосферы:
Дизайнеры постарались максимально перенести структуру газеты в интернет-ресурс. Расположение блоков, подпись «Today’s Paper», сегодняшнее число в левом углу и винтажный логотип напоминает читателю старую и привычную газету, погружает нас в атмосферу того времени, когда все новости узнавали из утренней почты.
Кроме структуры можно перенести на сайт и просто дизайн продукта:
Сайт представляет товары в винтажном стиле, используя интересные шрифты, приглушенные цвета. Несмотря на то, что на странице используются современные плоские формы, сам продукт создает атмосферу «крафтовой» старины.
Особенности юзабилити для стиля ретро
Используя такие креативные решения, дизайнерам важно не забывать про юзабилити. Обилие иллюстраций, неординарная типографика, безусловно, создают определенную атмосферу и шарм. Однако, дизайнерам необходимо следить, не мешает ли множество декоративных элементов восприятию пользователей.
Что следует учитывать при проектировании макета сайта в ретро стиле:
- Тематику сайта. Возможно, ретро стиль совсем не подходит компании и пользователь будет в явном недоумении от оформления. Особенно это касается тех компаний, которые предоставляют услуги в сфере digital. Пользователи ожидают от таких организаций в первую очередь современный дизайн и легкий интерфейс, а не явное обилие декоративных элементов, вензеля и изображения раритетной техники.
- Особенности навигации. Если дизайнер решает использовать ретро стиль в качестве основы дизайна, нужно продумать навигацию так, чтобы элементы не выбивались из концепции. Скорее это будут традиционные навигационные элементы — горизонтальное меню, вертикальный скроллинг. Хотя, некоторые дизайнеры «модернизируют» ретро стиль и используют недавно вошедшее в моду меню-гамбургер.
- Особенности анимации. Как правило, ретро стиль не подразумевает сложные анимационные эффекты и переходы между экранами. Иногда дизайнеры прибегают к динамическим эффектам, но стараются также их стилизовывать под ретро — это могут быть виджеты с часами, интересные решения для переходов и прочее.
- Призывы к действию. Яркие иллюстрации, множество иконок могут отвлекать внимание пользователя от основных элементов призыва к действию — кнопок, веб-форм. Поэтому дизайнерам стоит учитывать расположение этих элементов относительно ярких деталей в дизайне и продумать, как можно привлечь внимание пользователя.
В целом, ретро-стиль для сайта — одно из свежих креативных решений в веб-дизайне. Он встречается не так часто, как популярный плоский дизайн или минимализм. Поэтому сайт в винтажном стиле может выделить компанию среди конкурентов и повысить уровень ее узнаваемости. При этом важно помнить, что стиль ретро нужно использовать только для подходящих тематик и помнить о юзабилити веб-страниц.
Студия дизайна IDBI создает дизайн сайтов в различных стилях — от традиционной классики до современного стиля хай-тек. Ретро-стиль — не исключение. Мы поможем предпринимателям подобрать подходящее направление в веб-дизайне для эффектного представления продукта в интернете и сделаем сайт максимально привлекательным и удобным для пользователей. Больше примеров наших работ в различных стилях можно посмотреть в разделе «Портфолио».