Сайты в стиле ретро: 40 сайтов в стиле ретро / Вдохновение (Веб-дизайн) / Постовой

40 сайтов в стиле ретро / Вдохновение (Веб-дизайн) / Постовой

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

Это направление веб-дизайна пришло к нам с запада. Там уже давным давно практикуют и эффективно используют ретро-стиль. У нас же пока все плохо. Хотя, если разобраться, то в СНГ вообще все плохо в плане веб-дизайна. Очень мало хороших специалистов. В большей степени виноваты сами заказчики, так как не дают творчески развиваться. Не привык у нас народ выходить за рамки общепринятого. Несмотря на это, я встречал ретро-сайты на русском языке, но их можно посчитать на пальцах.

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

Cast Iron Design Company

VonDutch

Pulpfingers

Blind Barber

Licenselab

Old Barber Shop

The Thomas Oliver Band

Whitmansnyc

Stationstreetpgh

WandaSocialist

Rob Edwards

Tommy

Build Responsively Workshop

Grain & Mortar

Duggard

Walking Wall of Words

More Than 20

Radio – The New York Moon

Amazee Labs

Level 2D

Lord Likely

Source Bits

Kultika

Celebration Invitations

Posterroast

Похудеть без проблем

Retro Boutique

Urbanoff

Andolini’s Pizzeria Food Truck

Jess Marks

Handiemail

Trailer Park Truck

This Land of Hovland

The Dollar Dreadful Family Library

All Star Lanes

Caava Design

Swerk

Portland

Ithaca Bakery

Cottonseed Oil Tour

основные принципы стиля, примеры сайтов

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

Что понимают под ретро-стилем в веб-дизайне

Перед тем как началось стремительное развитие технологий, дизайн включал в себя оформление журналов и газет, программ на телевидении, полиграфических материалов. Несмотря на то, что приемы, которые использовались в это время, считаются устаревшими, дизайнеры до сих пор применяют их в новых сферах дизайна, в частности, в вебе. Ретро-стилем считается стилистика 20-х — 80-х годов и подразделяется на несколько направлений:

• 20-е — 30-е годы. Эра женской эмансипации и революционного настроя. В моде черные и пурпурные цвета, джаз, аэропланы и кинематограф;
• послевоенные 40-е — 50-е годы. Наступает мода на классику, спокойные и безмятежные иллюстрации в духе new look стиля. Также набирает популярность пин-ап — направление в иллюстрации и фотографии, которое характеризуется яркими цветовыми оттенками, обычно изображаются красивые женщины в броских нарядах;
• 60-е — 70-е годы. Время Мэрилин Монро, Бриджит Бардо и Софи Лорен. В моде яркие принты, красный, розовый и синий цвета, легкость и непринужденность;
• 80-е годы. Время перестройки. Яркие цвета, геометрические формы, узоры и тотальное использование иконографики.

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

Принципы ретро-стиля

Принцип 1. Приглушенные цвета

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

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

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

Принцип 2. Иллюстрации

Один из самых ярких и отличающих ретро стиль от других направлений в дизайне принципов — использование тематических иллюстраций. Благодаря картинкам можно легко отделить ретро стиль — настолько атмосферными они выглядят.

Иллюстрации в ретро стиле отличаются следующими характеристиками:

1. Цвет. Соблюдая первый принцип, оттенки в иллюстрациях обычно «состаренные», приглушенные.
2. Действие или предметы. Обычно на иллюстрациях изображают людей или предметы тех времен. Это может быть старая техника, например, старинный фотоаппарат, или ретро-автомобиль. Или картинка девушек в модных в то время платьев.
3. Отсутствие фона. Большинство ретро иллюстраций, используемых в веб-дизайне, вставляются в макет без фона и выделяются на странице. Так создается дополнительный эффект объема, который раньше был в моде. Хотя, плоские иллюстрации тоже используются в ретро стиле.

Пример использования иллюстраций на сайте в стиле ретро:

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

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

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

Главный экран сайта

Одна из страниц, посвященных описанию номеров

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

Принцип 3. Геометрические формы

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

Принцип 4. Иконки, значки, логотипы

Возвращаясь ко 2 принципу, связанному с иллюстрацией, нельзя не отметить еще одну отличительную черту — использование в ретро-стиле различных иконок, значков, узоров и вензелей.

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

Принцип 5. Уникальная типографика

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

Такая типографика перешла и в веб-дизайн. Ретро-стиль в основном характеризуется различными рукописными шрифтами или шрифтами в стиле леттеринг (подробнее об этом направлении в типографике мы писали в этой статье). Также надписи украшали различными паттернами:

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

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

Принцип 6. Паттерны и текстуры

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

Принцип 7. Выделяющиеся блоки

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

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

Принцип 8. Тематичность

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

Принцип 9. Отдельные элементы

Не всегда ретро стиль используется по всему сайту. Иногда дизайнеры вставляют такие элементы, чтобы придать странице немного винтажности. Один из ярких примеров такого приема — всемирная газета The New York Times, которая уже давно представляет собой информационный ресурс в интернете, но не теряет своей атмосферы:

Дизайнеры постарались максимально перенести структуру газеты в интернет-ресурс. Расположение блоков, подпись «Today’s Paper», сегодняшнее число в левом углу и винтажный логотип напоминает читателю старую и привычную газету, погружает нас в атмосферу того времени, когда все новости узнавали из утренней почты.

Кроме структуры можно перенести на сайт и просто дизайн продукта:

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

Особенности юзабилити для стиля ретро

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

Что следует учитывать при проектировании макета сайта в ретро стиле:

1. Тематику сайта. Возможно, ретро стиль совсем не подходит компании и пользователь будет в явном недоумении от оформления. Особенно это касается тех компаний, которые предоставляют услуги в сфере digital. Пользователи ожидают от таких организаций в первую очередь современный дизайн и легкий интерфейс, а не явное обилие декоративных элементов, вензеля и изображения раритетной техники.
2. Особенности навигации. Если дизайнер решает использовать ретро стиль в качестве основы дизайна, нужно продумать навигацию так, чтобы элементы не выбивались из концепции. Скорее это будут традиционные навигационные элементы — горизонтальное меню, вертикальный скроллинг. Хотя, некоторые дизайнеры «модернизируют» ретро стиль и используют недавно вошедшее в моду меню-гамбургер.
3. Особенности анимации. Как правило, ретро стиль не подразумевает сложные анимационные эффекты и переходы между экранами. Иногда дизайнеры прибегают к динамическим эффектам, но стараются также их стилизовывать под ретро — это могут быть виджеты с часами, интересные решения для переходов и прочее.
4. Призывы к действию. Яркие иллюстрации, множество иконок могут отвлекать внимание пользователя от основных элементов призыва к действию — кнопок, веб-форм. Поэтому дизайнерам стоит учитывать расположение этих элементов относительно ярких деталей в дизайне и продумать, как можно привлечь внимание пользователя.

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

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

10 примеров сайтов в ретро дизайне

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

MediaBOOM

Источник: mediaBOOM

Отличный сайт-визитка поставщиков бургеров и ракообразных из Лондона. Все страницы наполнены прекрасными рисунками в стиле старых диснеевских мультиков. Также стоит отметить интересную навигацию на сайте. Очень рекомендуем потратить пару минут на его посещение.

Dishoom

Источник: dishoom.com

Сайт Dishoom сделан «под старину». В нем используются цветовые сочетания, популярные в 60-х годах, старые фотографии и картинки, имитирующее меню того времени.

Bold & Noble

Источник: boldandnoble.com

Ретро дизайн сайта, безусловно, актуален, если вы продаете ретро товары. Bold & Noble — отличный пример, как вебдизайн дополняет товары большим количеством эффектных шрифтов, вызывающих ощущение, что они писались вручную. 

Moncada Brewery

Источник: moncadabrewery.co.uk

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

The New York Moon

Источник: radio.mymoon.com

Замечательное ретро радио в духе Теслы, будто страничка из «популярной механики». А главное оно работает. Не откажите себе в удовольствии его включить.

People’s Park Tavern

Источник: peoplesparktavern.pub

На страницах сайта этого паба можно встретить ретро элементы: отфильтрованные изображения пивоварни и изображения в стиле ретро афиш.

Omni Magazine

Источник: omni.media

Очень необычный ретро дизайн сайта, который предлагает нам ретро будущее – то, как человечество в прошлом видело свое будущее.

The Ginger Pig

Источник: thegingerpig.co.uk

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

Camp Bestival

Источник: campbestival.net

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

J. Peterman

Источник: jpeterman.com

Это тот случай, когда компания так долго на рынке, что сама становится ретро. J. Peterman изображает свою продукцию в стиле эскизов 60-х годов. 

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

17 вдохновляющих примеров веб-дизайна в стиле ретро

Здравствуйте, дорогие читатели моего блога о дизайне maxsuharev.ru. Ретро и Винтаж элементы в веб-дизайне становятся все более и более популярными. Мне нравится очень много примеров из старинных веб-дизайнов. Я не могу нарадоваться на все ретро-дизайны, которые производятся ежедневно. Я искренне радуюсь за всех, кто способен создавать столь ностальгические и милые произведения искусства в современном мире, особенно в мире веб-дизайна. Использование «ретро» стиля подразумевает, использование тех изображений, шрифтов и иконок, которые были популярны  не менее 15 или 20 лет назад. Есть много элементов, которые используются в винтажном и ретро-дизайне. Например, старые типографии стили, старые плакаты, фильмы, рукописный шрифт, старые упаковки и многое другое. Мне нравятся высокие заголовки, старые шрифты и тонкие границы. Естественно, такой дизайн подойдет не каждому сайту.  Представляю подборку из 17  примеров ретро веб-дизайна и, надеюсь, вам они понравятся так же,  как и мне.  Не существует правильного или неправильного способа для создания дизайна в стиле Ретро/Vintage. Как вы увидите ниже,  в этом направлении существуют разные стили и возможности. Больше примеров вы найдете в статье «Дизайн ретро сайта».

http://atticuspetdesign.com/http://bellstrike.com/

http://bloominteriordesign.com.au/

Front Page

Home

http://www.henry-realestate.com/

Home

http://kitchensinkstudios.com/

http://www.lawebshop.ca/

http://www.minnesdiner.com/

http://www.pointlesscorp.com/

http://sundaybestdesigns.com/

http://www.allstarlanes.co.uk/

http://urbanoff.com/

http://www.whatkatiedoes.net/

http://www.kultika.de/http://www.prahba.com/

Если вам нравится  какой-нибудь веб-сайт в подобном ретро стиле, который вас вдохновляет, и который не был продемонстрирован, не стесняйтесь поделиться своими примерами Винтаж/ретро веб-дизайна. Может быть ваш сайт имеет  особенность ретро-дизайна? Пишите  в комментариях ниже 🙂 

Винтажный или ретро стиль в разработке сайтов

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

Особенности ретро дизайна

• Пастельная цветовая палитра. Стиль винтаж в графическом дизайне создается с помощью светлых, пастельных тонов. Для фона часто применяют бежевый и светло-серый цвет.
• Геометрические формы. Стиль винтаж использует прямоугольники, круги, треугольники и другие фигуры для акцентирования внимания. Они выделяются более яркими цветами по отношению к фону.
• Применение текстур. Стиль в ретро дизайне отличается наличием винтажных текстур: старая бумага, грубая ткань, дерево и другие.
• Орнаменты, контуры. Типографика с эффектами тиснения, объема, тени.
• Использование символов эпохи, в духе которой задуман дизайн.
• Оформление функциональных кнопок. Ретро дизайн сайта часто сопровождается кнопками в форме вывесок, значков, кнопок на старинной аппаратуре и т. д.

Сфера применения винтажного дизайна

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

Ретро-стиль в дизайне сайта-портфолио: http://threepennyeditor.com.
В оформлении использован элемент печатной машинки, которая характеризует ретро-дизайн и работу редактора. Характерное цветовое оформление, приглушенный фоновый цвет. Логотип со старинным оборудованием для печати.

Винтажный стиль в дизайне библиотеки The Dollar Dreadful Family Library www.dollardreadful.com/. Дизайн выполнен в стиле заметок в старинных газетах, с использованием характерных шрифтов, изображений.

Стиль винтаж в дизайне сайта музыкального фолк-коллектива https://www.walkingwallofwords.com. Стиль прослеживается в использовании ретро-текстур для фона, элементов старины (граммофон), цветовой гаммы (пастельные оттенки).

Solla.site Ретро стиль в веб-дизайне, сайты в стиле ретро, ретро сайт

Ретро стиль в веб-дизайне

Стиль ретро – это модная тенденция в веб-дизайне и встречаться такие сайты стали все чаще.

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

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

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

А чтобы этого не произошло, давайте посмотрит подборку из 10 отличных ретро-сайтов.

1. http://radio.nymoon.com

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

2. http://www.kultika.de

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

3. http://www.friskweb.pl

Основа дизайна – эффект переноса трехмерного пространства в 2-х мерную сеть интерент. А почему-бы не перенести свой рабочий стол в во Всемирную Сеть? Больше жизни, больше реализма, натуральные материалы и цвета, на фоне которых голубой шрифт выглядит особенно ярко.

4. http://fieldnotesbrand.com

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

5. http://bbqwar.com

Стиль ретро может быть брутальным и даже немного настораживающим…

6. http://www.prahba.com

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

Итак, давайте подведем небольшой итог.

Какими приемами можно передать атмосферу ретро в веб-дизайне?

• газетные /журнальные вырезки, будто бы наклеенные на фон
• стилизация сайта под старинную газету
• изображения старинных предметов

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

 Елена Лебедева, графический дизайнер solla.site  и преподаватель компьютерной графики.

Похожие статьи:

Виды и типы сайтов

Футуризм в веб дизайне

Стиль гранж в веб-дизайне

Журнальный стиль сайта

Веб-дизайн в стиле ретро

Сайт дня (как попасть): Поисковая раскрутка сайта от SeoProfy.

Дорогие друзья, сегодня я решил сделать очередную подборку красивых сайтов. Набрал полтора десятка сайтов с привлекательным дизайном. Вроде сайты интересные, но не было в них изюминки. Я уже начал писать о двух первых сайтах, как вдруг увидел, что они оба созданы в ретро стиле. И тут ко мне пришла отличная идея — сделать подборку красивых сайтов в стиле ретро! Я тут же бросился искать такие сайты, и насобирал их аж на две подборки 🙂 .

Давно в моем подсознании витала мысль сделать сайт-шоу в стиле ретро, и сегодня я предлагаю вам первую часть этой подборки. Вы также можете посмотреть другие сайт-шоу — Японский дизайн сайтов — 15 интересных примеров и Художника обидеть может каждый — 16 красивых сайтов.

Prahba.com — когда я вспоминаю о веб-дизайне в стиле ретро, я первым делом привожу этот. И знаете почему? Не только потому, что он действительно классный и стильный, и что на его главной странице есть ссылка на мой блог Shakin.ru. Я делаю это еще и потому, что хозяйка этого сайта любезно соглашалась дать мне интервью еще в 2008 году — Сеньора Ноэль Масциас, вебдизайн-студия Prahba.com, Аргентина:

Dollardreadful.com — один из самых стильных сайтов в стиле ретро, которые я когда-либо встречал. Выглядит, как старинная газета конца 19 века:

Heathwaller.com/retro — красивое портфолио девушки-дизайнера Хит Уоллер из Канады. Помимо обычного портфолио, она сделала оригинальную ретро-версию:

Allthingsoldtimey.com — еще один пример красивого сайта в ретро стиле от американского дизайнера Дэниса Чендлера:

🔥 Кстати! Я провожу платный курс по продвижению англоязычных сайтов SEO Шаолинь. Если интересует, можете подать заявку на его сайте seoshaolin.com. Для своих читателей делаю хорошую скидку.

Приглашаю вас подписаться на мои каналы в Telegram:

@shakinru — продвижение в рунете.
@burzhunet — англоязычное SEO.

Lanalandis.com — ретро сайт американской модели Ланы Лэндис:

Level2d — этот сайт я уже как-то упоминал, но он настолько великолепен, что без него в сегодняшней подборке ретро сайтов не обойтись. Это сайт американской веб-дизайн студии из штата Теннесси:

Onetwentysix.com — «Один двадцать шесть» — стильный ретро дизайн сайта американской студии из Лонг Айленда:

Readyphotosite — попав на этот ресурс, никогда бы не подумал, что это сайт CMS, то есть движка сайта! Настолько все стильно и красиво сделано, что запоминается сразу:

Slabovia.tv — очень оригинальный сайт, есть в нем что-то необычное:

Targetscope.com — просто шикарный сайт в ретро стиле! Его просто нужно увидеть! Это сайт рекламного агентства из Далласа, штат Техас:

Teamfannypack — ретро сайт любителей ходьбы из Солт Лейк Сити, штат Юта (мой любимый штат для путешествий). Кстати, создал его известный веб-дизайнер Дэнис Чендлер, персональный сайт которого вы увидите следующим:

Denisechandler — а вот сайт самого Дэниса Чендлера. Не правда ли, оригинальный осьминог?

Thrushexhaust.com — американское ателье по производству систем выхлопа для старинных автомобилей заказало себе сайт в стиле ретро. Смотрится отлично и прекрасно подходит по тематике:

Tnvacation.com — это наш старый знакомый, сайт департамента штата Теннесси по туризму. Больше ни у одного штата я такого красивого сайта не встречал:

Torpedojuice.co.uk — стильный ретро дизайн сайта английской команды дизайнеров и разработчиков из графства Кент. Старинный автомобиль наверняка английский, но мне он сильно напоминает старый советский ГАЗ-51:

Желаю вам хорошего настроения!

Глобатор

Постовой (как попасть): Экскурсионные туры по Европе, авиабилеты и аренда автомобилей онлайн.

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

Услуги профессиональных грузчиков — L&T service.

Десерт на сегодня — видео о том, как экскаваторщик мастерски загружает свою машину в кузов грузовика:

Подпишитесь на рассылку блога с полезными материалами по SEO

Оцените, пожалуйста, статью, я старался 🙂 :

Загрузка…

50 фантастических (ностальгических) дизайнов веб-сайтов в стиле ретро

Придумывая это исследование, я боролся с концепцией «ретро». Что такое ретро на самом деле? Ретро — это Beach Boys, плакаты времен Второй мировой войны, психоделические рисунки и винтажная реклама Chevy 1940-х и 50-х годов. Хотя я не могу выразить это так многословно, я определенно могу показать вам, в чем, по моему мнению, заключается идея retro с точки зрения веб-дизайна.

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

1. Дилли Дели

2. Visual Republic

3. Bean Exchange

4. Pointless Corp

5. Мистер Аэро

6.Кнопка Go Live

7. Macaroni Bros

8. Вы знаете, кто разрабатывает

9. Группа Праотца

10. Фред Перри

11. Дизайн большого свитера

12. Зубчатая звездочка

13. Время торта

14. Церковь Революции

15.Прицел

16. Дизайн Thigpen

17. Дрозд выхлопной

18. Thunderfuel

19. Радио: Нью-Йорк Луна

20. Записи мелких камней

21. Эрик Хеннинг

22. Проект 2 уровня

23. Индивидуальный дизайн

24.Девочка

25. Forty Seven Media

26. Тур по хлопковому маслу

27. Джефф Сармьенто

28. Медиа штанга

29. AdaptD

30. ZZZ Напиток

31. Джаред Кэмпбелл

32. Ходячая стена слов

33. Питер Наппи

34.Охота на веселых уток

35. Forever Heavy

36. Web-O-Matic

37. Cabedge

38. Брок Кензлер

39. Автопарк грузового автомобиля

40. Шошоров

41. Робедвардс

42. Ретро оформление кромок

43. Black Moon Design

44.я Avion

45. Большой Государственный праздник

46. Веб-дизайнер

47. Ужасный доллар

48. 1927

49. Мама и попкорн

50. Lanikai Properties

У вас есть какие-нибудь ретро веб-дизайны, которыми вы можете поделиться? Что для вас значит «ретро»?

24 лучших идеи для ретро-сайтов

О наших вдохновениях в области ретро-веб-дизайна

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

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

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

Не сделает ли мой веб-сайт устаревшим из-за ретро-дизайна?

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

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

Зачем мне использовать ретро-дизайн веб-сайта?

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

Если вы работаете в сфере недвижимости или юрист, то ретро-дизайн сайта, вероятно, вам не подойдет!

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

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

Какие цветовые схемы подходят для ретро-дизайна веб-сайтов?

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

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

20 лучших ретро-сайтов для исключительного дизайнерского вдохновения 2020

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

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

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

Дизайн Caava

Нет сомнений в эффективности цифрового маркетинга в обеспечении успеха большинства брендов. Точно так же веб-сайты в ретро-стиле по-прежнему являются мощной схемой для продвижения своего бренда. Caava Design — креативная компания из Сан-Диего, специализирующаяся на Пекинском бренде, интерактивном оформлении и упаковке в жизнь.Веб-элементы, хотя и выглядящие в ретро или винтажном стиле, имеют стильный и профессиональный дизайн. Более того, на этом веб-сайте также используются ретро-цвета, которые действительно менее насыщены, что создает ощущение старого винтажного стиля. Раздел услуг выделяется кругами и тоже демонстрирует приятный эффект наведения. Что еще? Есть потрясающие и примечательные функции, которые могут помочь другим брендам проявить себя, например эффект параллакса, крутое меню вне холста, слайдер и многое другое.

Предварительный просмотр

Виртуальный музей газа

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

Предварительный просмотр

Подвал

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

Предварительный просмотр

Магазин Blast Galaxy

Ретро-сайты модны и креативны. Вот почему это стало популярной идеей веб-дизайна среди дизайнеров. В этой коллекции вы найдете потрясающее вдохновение, которое может повлиять на ваш проект.Blast Galaxy Store — это сайт в ретро-стиле с простым, красивым и уникальным дизайном. Судя по всему, пиксельная типографика, которую он использует, является полной копией старого стиля. Заголовок героя содержит название бренда, поиск, меню и корзину. На этой веб-странице продукты представлены в виде сеток с понятными кнопками призыва к действию. Кроме того, эти продукты имеют простой, но привлекательный дизайн.

Предварительный просмотр

Респ.

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

Предварительный просмотр

Архив фильмов Гарварда

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

Предварительный просмотр

Роки

Несмотря на передовое и современное существование веб-технологий, дизайн в стиле ретро никогда не терял своего смысла. Так что рассмотрение этого вопроса для вашего бизнеса — не пустая трата времени. Rooki — молодой независимый дизайнер и режиссер, который воплощает на своем веб-сайте всю прелесть ретро или винтажного дизайна. Сайт отображает текстуры в стиле гранж и использует ретро-фон. Заголовок главного героя показывает название бренда, штрих-код, меню и гранжевое изображение избранного интервью.В частности, другие страницы сайта имеют такое же качество дизайна, но по-настоящему изобретательны. Он включает в себя интервью, статьи, ресурсы, студентов и многое другое!

Предварительный просмотр

Три 59

Цвета в стиле ретро — отличный способ придать вашему сайту винтажный вид. Очевидно, что в Интернете есть что предложить, когда дело касается создания ретро-сайтов. Вот Three59 — один из прекрасных примеров этого списка в винтажном или ретро-стиле. Это полноценный поставщик рекламных и медиа-услуг, расположенный в Дубай Продакшн Сити, Объединенные Арабские Эмираты.Дизайн домашней страницы выглядит простым и понятным с полноэкранным макетом. Судя по всему, слайдер красиво демонстрирует продукты по одному и даже демонстрирует плавную и гладкую анимацию через GSAP. Помимо этого, звук также улучшает дизайн, а также красивый логотип и меню вне холста. Он также объединяет значки социальных сетей, которые могут повысить органическую узнаваемость бренда.

Предварительный просмотр

Событие Park West

Просто выберите один стиль ретро-дизайна, который вы хотите встроить в свой дизайн, чтобы вызвать ностальгию по бренду, которую вы предпочитаете.Затем добавьте современный штрих в свой дизайн, чтобы он выглядел великолепно. Вот отличный список ретро-сайтов, на которые стоит потратить время. Park West — это концертная площадка, расположенная в Чикаго, штат Иллинойс. Этот театр открылся в 1916 году братьями Ашер как водевиль и кинотеатр. В частности, он может принять до 1000 гостей. С желанием привнести в сайт винтажный вид, использование цветов, типографики и гранжевых текстур действительно является ретро. Кроме того, красивый эффект наведения также добавляет шарма дизайну, а также простая анимация.

Предварительный просмотр

Томпсон Стеннинг

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

Предварительный просмотр

Советское такси

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

Предварительный просмотр

Getaway House

Ретро-дизайн — это весело, динамично и потрясающе, особенно если вы добавите немного творчества и дополнительных функций. С этими ретро-сайтами у вас будет множество идей веб-дизайна, которые будут мотивировать вас создавать уникальный проект. Getaway House — это гостиничный бренд, который строит красивые крошечные домики в лесу и призывает мир отключиться от технологий и воссоединиться с природой.У этого веб-сайта причудливый дизайн с комплексными элементами веб-дизайна. По-видимому, в нем представлены различные ретро-изображения на сцене героя через слайдер с четкими CTA, убедительными лозунгами и формой бронирования. Кроме того, винтажные иконки, типографика и изображения прекрасно демонстрируют великолепный дизайн. Другие примечательные функции включают липкий заголовок, аккордеон, ленту Instagram и многое другое.

Предварительный просмотр

Десятки

Посмотрите на эти замечательные ретро-сайты, которые послужат прекрасным источником вдохновения.Tens — это независимая компания подкласса, которая гордится тем, что видит вещи по-другому. У этого веб-сайта электронной коммерции простой, но увлекательный дизайн главной страницы. Судя по всему, заголовок главного героя имеет макет разделенного экрана, где изображение, слоган и призывы к действию хорошо организованы. Помимо винтажных цветов, изображения также выглядят в ретро-стиле. Рекомендуемые продукты также выглядят превосходно, в то время как отзывы покупателей в слайдере также визуально привлекательны. Другие замечательные функции включают липкий заголовок, ленту Instagram, значки линий, интеграцию видео и многое другое.

Предварительный просмотр

гипергигант

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

Предварительный просмотр

Пивоварня Martens

Эта коллекция ретро-сайтов демонстрирует разные ретро-стили, но они действительно великолепны. Итак, просмотрите этот список и получите мотивацию. Martens Brewery — гордый и амбициозный семейный бизнес, который уже восемь поколений находится на вершине пивоваренной индустрии Бельгии. Благодаря высококачественной продукции, которую они предлагают, ее веб-сайт демонстрирует аналогичное качество дизайна.Используя анимацию GSAP, веб-элементы демонстрируют крутые и тонкие анимации. Презентация продуктов бесшовная и интуитивно понятная с использованием слайдера. Он также имеет липкую боковую панель, поэтому меню всегда видно. Другие замечательные функции включают карту Google, эффект плавных переходов и многое другое!

Предварительный просмотр

Глобальный валлийский

Винтажные стили неподвластны времени, и они даже выглядят великолепнее, если дополнить их современным стилем. Взгляните на эти ретро-сайты, которые вдохновят вас на ваш следующий веб-проект.Global Welsh — это растущее глобальное сообщество людей, которым близок Уэльс. Он стремится создавать новые связи, возможности и идеи на благо будущего Уэйла. Очевидно, что в заголовке героя есть отличная винтажная подборка видео с кнопкой и заголовком с призывом к действию. Поскольку он использует липкий заголовок, меню всегда под рукой, поэтому пользователи могут легко перемещаться по сайту. В заголовке логотип в значительной степени представляет бренд, а также значки социальных сетей.

Предварительный просмотр

Лучшая причина

Этот веб-сайт в стиле ретро — еще одно потрясающее вдохновение, которым стоит дорожить, если вы планируете использовать его в своем бизнесе.The Best Reason — это сюрреалистический винтажный дизайн, в котором представлены 8 различных причин выбрать Domaine Glinavos. В частности, домашняя страница представляет собой красивую интеграцию видео в полноэкранном режиме со звуком и призывом к действию. Каждая из 8 причин для доверия к бренду представлена ​​профессионально и содержит потрясающие страницы, которые пользователи могут легко изучить. В винтажном цвете сайт выглядит превосходно и даже демонстрирует крутой переходный эффект.

Предварительный просмотр

Наши истории в STEM

Вот еще один винтажный или ретро-сайт, который может вдохновить другие бренды.У наших историй в STEM есть хорошая целевая страница, на которой продвигается кампания Kickstarter «Наши истории в основе». Это книга, в которой прославляются канадские женщины, которые меняют STEM сегодня, чтобы вдохновить будущих профессионалов в области STEM. Заголовок героя приветствует публику красочными винтажными иконками с названием бренда, призывом к действию и меню. Чтобы представить бренд более полно, интеграция видео готова дать четкое представление о том, что она делает. Что еще? Он также использует слайдер, чтобы продемонстрировать больше своих удивительных продуктов.Этот веб-сайт электронной коммерции использует дизайн карты для красивого отображения продуктов.

Предварительный просмотр

Arts District Craft and Kitchen

Получите больше идей ретро-дизайна при создании своего веб-сайта с помощью этой коллекции ретро-сайтов. Arts District Craft and Kitchen предлагает лучшее для общества благодаря своей вкусной и аппетитной еде. В нем очень приятный ретро-дизайн в сочетании с современными веб-элементами. В частности, на этом веб-сайте возможна плавная анимация, поскольку он объединяет GSAP.Домашняя страница довольно впечатляющая, аппетитная и винтажная. В заголовке героя используется старая типографика с винтажным изображением и логотипом. Этот одностраничный дизайн веб-сайта может стать отличным источником вдохновения для других брендов, которые хотят иметь дизайн веб-сайта в стиле ретро. В заголовке есть меню, социальные иконки, логотип и контактный номер.

Предварительный просмотр

Разбить Мальву

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

Предварительный просмотр

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

современных веб-дизайнов в стиле ретро на 2018 год

Что старое, то снова новое. По крайней мере, если говорить о дизайне веб-сайтов.

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

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

Современный ретро-дизайн настолько популярен, что The New York Times даже упомянула его:

«Хотя миллениалы и представители поколения Z — родившиеся в период с середины 1990-х до начала 2000-х годов — могут не помнить, как выглядела Интернет в эпоху AltaVista и GeoCities, ретро-дизайн вписывается в нынешнюю культурную среду. возрождение всего 90-х.(См. Возвращение «Твин Пикс», «Уилла и Грейс» и концертных футболок.)

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

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

Так как же выглядит современный тренд ретро-дизайна? Давайте взглянем.

Десятилетия назад

http://lucasbigot.com

http://www.sweetmagnoliagelato.com/

http://www.solangemusic.com

https://www.shiner.com/

Ретро может относиться ко многим вещам. Современный ретро-дизайн, который сейчас наиболее популярен, включает стили, которые больше всего напоминают 1980-е и 1990-е годы. (Что для некоторых из нас может показаться совсем не таким уж давно.)

Дизайнеры также заимствуют некоторые влияния 1970-х годов, особенно в плане цвета.

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

• 1990-е : Эта эпоха была одновременно смелой, с большим количеством цветовой анимации и движущимися частями или урезанными версиями дизайна, которые предоставляли чистую информацию. Дизайнеры пытались найти свой путь в новую цифровую эпоху визуального и графического дизайна.
• 1980-е : Пиксели были в порядке, и яркая неоновая культура MTV и видеоигр оказала явное влияние на элементы дизайна того времени.
• 1970-е годы : приглушенный цвет и жирный шрифт помогают привлечь пользователей к дизайну, который все еще был в основном печатным (кроме телевизионных экранов).

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

Старая школа типографики

http: // www.sbs.com.au/imyourman/

http://leathermilk.com/

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

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

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

Рассмотрите возможность сочетания этого стиля типографики с визуальными эффектами старого стиля. (Некоторые из этих шрифтов могут выглядеть немного странно с суперсовременными изображениями. Помните, что один из ключей к ретро-стилю — вызывать эмоции эпохи.) В обоих примерах выше используется фильтр точечного зерна для изображений, который соединяет типографику с стиль дизайна 1970-х и 1980-х годов, когда фотография и видеосъемка имели тот же точечный вид.

Выбор менее яркого или более яркого цвета

Home

http://vintagehope.co.uk/

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

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

Но иногда цвета

недостаточно, чтобы перенестись в другое время; он может принимать другие визуальные сигналы.

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

Текстура и градиенты

http: // thislandishovland.com /

https://www.balenciaga.com/us/women/new-arrivals

Фоновые узоры могут быть огромной визуальной подсказкой, когда дело доходит до создания связи временного периода. Помните, как избавились от скевоморфизма всего несколько лет назад?

Когда дело доходит до текстуры и градиентов, есть два разных стиля:

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

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

Стиль видеоигр

http://mostdecisivegame.com/

http://www.rleonardi.com/interactive-resume/

Кто из вас думает «Super Mario Bros.»? когда вы думаете о видеоиграх? Это обычная связь, и из-за этого популярен ретро-дизайн в стиле видеоигр.

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

Приведенные выше примеры демонстрируют два очень разных способа использования ностальгии по видеоиграм. Самая решительная игра — это полностью блочный дизайн, который выглядит устаревшим (но не имеет олдскульных взаимодействий). В портфолио Леонарди используются цвета и настроение классических Mario Bros., но с более плавными и четкими линиями для произведений искусства (это современный штрих).

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

«Неприятная» графика

http: // www.allnow.com/

http://retrominder.tv/

У нас было много плохого дизайна веб-сайтов, прежде чем мы добрались до некоторых из более совершенных стилей, к которым пользователи привыкли сейчас. Но действительно ли привлекательными являются некоторые из этих неприятных графических изображений?

Могут быть у некоторых пользователей.

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

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

Retro Minder TV — это быстро развивающийся сайт с викторинами, который использует изображения прошлого с современной геймификацией и обращается к стремлению к мгновенному удовлетворению (обычное поведение пользователей).

Собери все вместе

Современное ретро — своего рода необычный дизайнерский тренд.

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

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

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

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

Для получения дополнительных советов и десятков примеров загрузите бесплатную 78-страничную электронную книгу «Тенденции веб-дизайна 2018».

30 вдохновляющих примеров дизайна веб-сайтов в стиле ретро

Тема r etro в последние годы стала популярной благодаря ностальгическим стилям, которые стали популярными в моде, фото и видео. Вот почему мы решили найти одни из самых вдохновляющих примеров дизайна веб-сайтов в стиле ретро и поделиться ими с вами.

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

В этом посте представлены 30 дизайнов веб-сайтов, которые идеально соответствуют ретро-стилю, с состаренными текстурами, приглушенными цветами и эффектной типографикой. Проверь их!

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

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

Фильтры сепии делают этот сайт старым и ретро. Он также имеет идеальный выбор шрифта и дополнительную цветовую палитру.

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

Это веб-сайт американского рекламного агентства в Чикаго, штат Иллинойс, которое создает интегрированные маркетинговые коммуникации.

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

Cascade Brewery — пивоварня, основанная в 1832 году в Южном Хобарте, Тасмания. Это дизайн их веб-сайта в винтажном стиле.

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

Мэтт Ховланд — звукорежиссер из Лос-Анджелеса, Калифорния, специализируется на записях ADR / VO / Foley.Это его сайт-портфолио в ретро-стиле.

Austin Beerworks — техасская пивоварня, одержимая совершенством. Посетите их веб-сайт и вдохновитесь смелым выбором цветов и крупными ретро-шрифтами.

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

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

Монохромная палитра подчеркивает старинный стиль дизайна этого веб-сайта. Он также имеет некоторые веб-элементы в ретро-стиле.

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

Все звездные переулки

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

DNA to Darwin — образовательный проект, финансируемый Wellcome Trust. Дизайн сайта выполнен в ретро-стиле.

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

Крупные фотографии в сочетании с жирным крупным шрифтом делают этот сайт очень привлекательным и интересным. Проверить это.

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

На этом веб-сайте используется ретро-типографика и ретро-цветовая палитра. Он сочетает в себе красивую фотографию с тонкими, состаренными элементами. Проверьте это!

Цветовая палитра напомнила дизайнера о вкусном домашнем супе холодной ночью в Новой Англии. Веб-сайт выглядит потрясающе, и он действительно вдохновляет на создание веб-сайтов в ретро-стиле.

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

Это веб-сайт промышленного склада, который превращает брошенные артефакты из американской истории в комиксы.

Этот веб-сайт выполнен в классическом винтажном стиле с ретро-цветовой палитрой и умным выбором шрифтов.

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

Эта замечательная тема WordPress поставляется с 3 цветовыми вариациями, красивым адаптивным дизайном, который автоматически адаптируется к любому размеру экрана, и другими замечательными характеристиками.

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

Это отличный шаблон WordPress с винтажным дизайном, который вы можете легко настроить в соответствии со своими требованиями.

Этот шаблон премиум-класса имеет полностью адаптивный макет, который автоматически подстраивается под любой размер экрана. Наслаждаться!

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

40 красивых примеров винтажного и ретро в веб-дизайне

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

Если вам понравилась эта коллекция, прочтите также 20 красивых винтажных наборов кистей для Photoshop.

1. Уровень 2 Дизайн

2. Индивидуальный дизайн

3. Классикер в акриле

4. Критевия

5. Целевая область

6. ДевочКа

7.Проект Big Rig

8. Топливо грома

9. Мелкие каменные записи

10. Липпинкотт

11. Дрозд

12. FortySeven Media

13. Тур по возвращению хлопкового масла

14. Джеффри Сармьенто

15. mediaBOOM

16. Carrozzeria Verga

17. Слабовье

18.Нью-Йорк Муон

19. Пятицентовая подставка

20. Отпуск в Теннессе

21. Латака

22. Голубая луна

23. Ракетный клуб

24. Метели

25. AdaptD

26. Гэри Нок

27. Напиток ZZZ

28. Али Фельски

29. TangleDecals

30.Джаред Кембелл

31. Von Dutch

32. Ужасный доллар

33. Phizz

34. Первые двадцать

35. Jamie’s Italian

36. MacTarnahan’s Brewing Company

37. Style 4 You

38. CSS Tinderbox

39. МИСТЕР-АЭРО

40. Команда Монголмании

Связанное содержание

• 20 красивых винтажных наборов кистей для Photoshop
• Красивые и креативные примеры яркого веб-дизайна
• 20 сайтов с красивой типографикой

10 лучших ретро-сайтов: дизайн ретро-сайтов (обновление: 2021)

Знаете ли вы, что все Новое хорошо забыто Старое?

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

Загадочный, ностальгический, необычный ретро-дизайн нашел свою нишу в веб-дизайне: рукописные шрифты, старые автомобили, модели ретро-товаров, старомодные фотографии и даже винтажные видеоигры Atari .

Ретро-сайты интригуют, создают чувство ценности, подсознательно вызывают доверие у посетителей и всегда запоминаются!

Мы отобрали для вас 10 лучших примеров современного ретро-дизайна веб-сайтов , а также дадим вам несколько важных советов по созданию уникального винтажного веб-дизайна!

Создать сайт бесплатно

Что такое ретро-стиль?

Считается, что модные направления второй половины 19 — первой половины 20 века относятся к стилю ретро.А модные тенденции 20-50-летней давности относятся к винтажному стилю.

Ретро-дизайн подразумевает веб-дизайн с акцентом на определенную эпоху, культуру прошлого.

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

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

Что хорошего в винтажном дизайне веб-сайта или даже в его элементах, так это ностальгия, чувственность, воспоминания. И они могут создавать очень стабильные отношения между дизайном веб-сайта и посетителями, влиять на восприятие контента, представление материалов, рекламу, поощрять нажатие кнопок, просмотр продуктов и т. Д.

Что такое современное ретро?

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

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

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

Прочтите о современном дизайне: Лучшие примеры современного дизайна веб-сайтов (2021)

Ретро-графический дизайн

Для какого бизнеса современный ретро-дизайн подходит?

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

Винтажный дизайн очень хорошо подходит для блогов.

Подробнее о лучших примерах современного дизайна веб-сайтов (2021)

Как отличить веб-дизайн в стиле ретро?

1) Формы

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

2) Цветовые схемы

Ретро дизайн часто использует ограниченную палитру коллекции, не яркую, чаще — пастельные (бежевые и светло-серые тона). Двухцветной расцветки обычно достаточно для винтажного дизайна сайта .

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

3) Типографика

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

4) Иллюстрации

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

5) Сепараторы

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

6) Текстуры

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

7) Логотипы и значки

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

8) Кнопки

Ретро графический дизайн часто сопровождается кнопками в виде знаков, значков, кнопок на старомодном оборудовании и т. Д.

Каковы плюсы и минусы ретро-веб-дизайна?

Плюсы Современный ретро стиль :

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

Минусы ретро-стиля:

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

Ретро-стиль

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

Мода

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

Примеры дизайна ретро-сайтов

Ретро сайт Петермана

Сайт

: https://www.jpeterman.com/

Это тот случай, когда компания настолько давно на рынке, что сама превратилась в Ретро!

Петерман изображает свои изделия в стиле этюдов 60-х годов.

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

Смелый и благородный

Сайт

: https://boldandnoble.com/

Ретро дизайн сайта актуален, если вы продаете ретро товары!

Bold & Noble — отличный пример того, как веб-дизайн дополняет продукты большим количеством привлекательных шрифтов, которые добавляют нотку ретро-модернизма .

И они действительно вызывают ощущение, что написаны от руки!

Magneti Marelli (победитель конкурса Awwwards)

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

Ретро-сайт ThunderFuel

ThunderFuel — это просто отличный образец современного ретро-графического дизайна !

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

Отпуск в Теннесси

Tennessee Vacation — это место в сети, созданное для всех любителей штата Теннесси и его окрестностей.На сайте очень крутая реализация в стиле ретро, ​​где внимание уделено практически каждой мелочи.

Это один из лучших сайтов в подобном стиле, который мы видели!

All Star Lanes ретро-дизайн

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

Читайте также о дизайне навигации по веб-сайту: 12 лучших практик (май 2021 г.)

Ретро-дизайн сайта New York Moon

New York Moon — это яркое издание в Интернете с рисованными иллюстрациями, анимацией и страницами, выполненными в пастельных тонах. Его ретро-дизайн сразу создает ощущение прошлого, когда люди читали новости за утренним кофе.

Анита Джелато (CSS Design Awards)

Мы никогда не видели винтажного дизайна веб-сайта бутика мороженого, и нам это очень нравится!

Сайт отличный: параллакс-фон напоминает страницы 3D-книги с нарисованными от руки картинками, а современное гамбургер-меню полностью соответствует стилю!

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

Портреты Гилфорда ( победитель Crunchies)

Этот удивительно разработанный веб-сайт, реализованный в ретро-дизайне, предлагает вам познакомиться с городом Гилфорд.

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

Индикатор выполнения справа на странице хорошо соответствует теме.

Пример ретро-сайта Macaroni Bros

Как вы думаете, это сайт ресторана пасты? Тогда вы ошибаетесь: вы сейчас отдыхаете на территории крутого сайта брендинговой компании, которая предлагает покупателям свои «вкусные цифровые рецепты».

На этом сайте ретро-стиль органично соседствует с современным дизайном.

Стильное главное меню сайта, лаконичная информация, доступная при прокрутке, раздел услуг, выполненный в виде меню ресторана — этот сайт выполнен по всем правилам правильного веб-дизайна с ноткой креатива!

Резюме

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