10 идей для web-дизайна в стиле ретро
Прелесть ретро в том, что оно просто физически не может устареть. Когда мода выдавливает какой-то стиль в прошлое, он не исчезает, а спокойно лежит в архиве. В нужный момент web-дизайнеру достаточно просто вытащить его оттуда.
Прошлое – это идеальный источник для вдохновения. Благо в современном мире модные тенденции сменяют друг друга с огромной скоростью. Не успеет пройти каких-то пять-десять лет и все безнадежно устаревает. Конечно, особенно ярко это проявляется в женской одежде.
В web-дизайне все намного сложнее. Ему вообще около двадцати лет, при этом только в последние десять лет имеет смысл говорить об актуальных стилях. Поэтому для сайтов используют элементы оформления, которые устарели еще до появления Интернета. Обычно это какой-то легко узнаваемый образ. Вот десять примеров удачного использования этого в дизайне сайтов.
Мир честного пикселя
Первые компьютерные игры до сих пор вызывают у многих серьезных и солидных людей острый приступ ностальгии.
Будни охотников за головами
Консалтинговая компания Wooster Hound занимается поиском персонала. Попросту говоря, ищут специалистов для российских предприятий. В практике их называют еще хэндхантерами или охотниками за головами. Видимо обыгрывая это, woosterhound.com оформили, словно небольшой охотничий домик, удачно дополнив стиль элементами «плоского дизайна». Радует, что на страницах не повесили головы особенно ценных «трофеев».
Огни большого города
Американская культура проникает в мир не только с помощью Голливуда. Кухня, все эти гамбургеры, хот-доги и жареная картошка завоевывает страны не менее активно. На Тайване есть сеть ресторанов 1Bite2Go, меню в нем больше подошло бы Нью-Йорку, чем Азии. Чтобы еще больше подчеркнуть это, оформили сайт 1bite2go.com в стилистике фотоальбомов двадцатого века.
Мебель из прошлого
Небольшому магазину elrecibidor.com собственно и не надо было прилагать много усилий для ретро-стиля. Тут в основном продается винтажная мебель, поэтому одного каталога хватило для создания необходимой атмосферы. Прикрутили только фон в виде классической «плетенки» и использовали вычурный стиль. Отличный пример, как быстро и недорого сделать что-то оригинальное.
На Невском проспекте
Торговый дворец «Пассаж» – это царство настоящей роскоши и эксклюзива, от позолоты, мрамора и лепнины глаза начинают слезиться. Появился он на месте того самого исторического «Пассажа» – торговой галереи, открытой еще в 1848 году. Наверное, поэтому для сайта nevskypassage.com выбрали тот самый ретро-стиль, в частности рисунки из рекламы 19 века. Нельзя сказать, что очень уж неожиданно, но симпатично.
Узкие улочки креатива
Креативное агентство Fox & Crow просто обязано было превратить свой сайт в нечто оригинальное и даже экстравагантное. Как говорится, если не они, то кто же? Для начала вы попадаете на узкую улочку начала двадцатого века, затем в офис Шерлока Холмса, по которому можно немного прогуляться, почти как в каком-то квесте. Правда, единственная загадка – это куда вы попадете в очередной раз. Все настолько креативно, что иногда сложно догадаться, что имели в виду разработчики.
Свиньи в стиле ретро
Привлечь внимание к хамону – испанскому сыровяленому мясу – пытаются по-разному. Собственно продукт настолько традиционный, что удивить покупателя довольно сложно, приходится извращаться. Торговая марка Sánchez Romero Carvajal выбрала для этого ретро-стиль, видимо, чтобы тоже подчеркнуть дату основания бренда. Нельзя сказать, что сайт получился атмосферным, слюнки не потекли, но страницы получились довольно озорными и веселыми.
Ужасы хендмейда
Сделанные собственными руками куклы, ювелирные изделия или скульптуры – новое помешательство «золотого миллиарда». Наверное, задушенному масскультом человечеству хочется хоть немного отойти от стандартной штамповки.
Просто «Константен Вашерон»
Конечно же, в «Константен Вашерон» не могли сделать просто часы в ретро-стиле и создать простую презентационную страницу. Нет уж! Для циферблата используется иллюстрации знаменитой книги Р. Д. Торнтона «Храм Флоры», для сайта – гравюры из нее. Концентрация пафоса на квадратный сантиметр экрана превышает все мыслимые приделы. Однако при этом дизайнеру удалось подчеркнуть эксклюзивность моделей, что собственно и было главной целью.
Попасть в газету
Небольшая компания Tommy из Лондона занимается digital-дизайном. Естественно она постаралась максимально отразить этот факт на своем сайте. Такие конторы частенько используют именно ретро-стиль, но в этот раз публике предлагается удивительная смесь из плоского дизайна и рекламной газетки, которые раздавались в середине ХХ века в супермаркетах. Получилось одновременно ярко, гармонично и цельно. Вот такой вот удачный пример эклектики стилей.
Обзор подготовил современный Макс Усачев
17 вдохновляющих примеров веб-дизайна в стиле ретро
Автор Макс Сухарев на 04.11.2011 в Обзоры сайтов · 0 Комментариев
Здравствуйте, дорогие читатели моего блога о дизайне maxsuharev.ru. Ретро и Винтаж элементы в веб-дизайне становятся все более и более популярными. Мне нравится очень много примеров из старинных веб-дизайнов. Я не могу нарадоваться на все ретро-дизайны, которые производятся ежедневно. Я искренне радуюсь за всех, кто способен создавать столь ностальгические и милые произведения искусства в современном мире, особенно в мире веб-дизайна. Использование «ретро» стиля
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/
Если вам нравится какой-нибудь веб-сайт в подобном ретро стиле, который вас вдохновляет, и который не был продемонстрирован, не стесняйтесь поделиться своими примерами Винтаж/ретро веб-дизайна. Может быть ваш сайт имеет особенность ретро-дизайна? Пишите в комментариях ниже 🙂
Автор статьи: Макс Сухарев
Основатель проекта maxsuharev.ru. Совладелец других интернет-изданий. MS в социальных сетях: Vkontakte Facebook Google+.
Теги: retro web design, дизайн в стиле ретро, ретро дизайн, Сайты в стиле ретро, сайты красивые
Назад Койот в метро, слон на споте, горилла в постеле. Что еще? Дикие животные в городских местах от Микель Uribetxeberria Вперед Miharu Mitsunaga – дизайнер, который соединила мир точками
дизайнов веб-сайтов в стиле ретро, тем, шаблонов и загружаемых графических элементов на Dribbble
Retro — веб-сайт Creative Digital Agency
Посмотреть веб-сайт дизайнерского мероприятия
Сайт дизайнерского мероприятия
Посмотреть концепцию дизайна сайта №2
Концепция дизайна сайта #2
Посмотреть 3D-анимацию для онлайн-музея старых игр
3D-анимация для онлайн-музея старых игр
Посмотреть классические темы — анимация сайта модного бренда
Классические нити — Анимация сайта модного бренда
Просмотреть скейтпарки Лос-Анджелеса — веб-сайт
Скейтпарки Лос-Анджелеса — веб-сайт
View 💻 RetroBoy — Адаптивная страница креативного агентства
💻 RetroBoy — Креативное агентство Отзывчивая страница
Посмотреть онлайн-курс «Ретро»
Ретро онлайн-курс
Посмотреть повторный тренд – целевая страница NFT
Retrend — Целевая страница NFT
Посмотреть историческую науку — Мобильная концепция веб-сайта
Историческая наука — Мобильная концепция веб-сайта
Посмотреть веб-сайт кухонного оборудования
Веб-сайт кухонного оборудования
Просмотр NYEPATU — Целевая страница
NYEPATU — Целевая страница
Просмотреть ~ веб-сайт магазина винтажных пластинок ~
~ веб-сайт магазина винтажных пластинок ~
Посмотреть целевую страницу винтажного автомобиля
Целевая страница винтажного автомобиля
Посмотреть комиссионный магазин Twice Nice
Комиссионный магазин Twice Nice
View Stoødia — Целевая страница туристического агентства
Stoødia – Целевая страница туристического агентства
Посмотреть 💻 RetroBoy — Целевая страница креативного агентства
💻 RetroBoy — Лендинг креативного агентства
View 🗿 Artivity — Целевая страница художественной выставки
🗿 Artivity — Целевая страница художественной выставки
Посмотреть веб-сайт новостей о Гарри Поттере
Веб-сайт новостей о Гарри Поттере
Просмотр новостей о ретро-автомобилях
Новости ретро автомобилей
View Kayuku — Landing Page 🪵 — Hero Sec [1-3]
Каюку — Целевая страница 🪵 — Hero Sec [1-3]
Посмотреть Relume Design League RD 1: Целевая страница ресторана Retro Burger
Relume Design League RD 1: Целевая страница ресторана Retro Burger
Посмотреть веб-сайт кухонного оборудования
Веб-сайт кухонного оборудования
View Retro Land 👾 — Целевая страница магазина ретро-игровых консолей
Retro Land 👾 — Целевая страница магазина ретро-игр
Зарегистрируйтесь, чтобы продолжить или войдите в систему
Загрузка еще…
20 лучших ретро-сайтов для исключительного вдохновения в дизайне 2022
Раскройте свой творческий потенциал и улучшите свои навыки веб-дизайна, просматривая эту коллекцию ретро-сайтов. Независимо от того, работаете ли вы с портфолио, веб-сайтами фотостудий, дизайнерами, электронной коммерцией или туристическими компаниями, ретро-дизайн поможет вам создать потрясающий веб-дизайн.
Ретро стиль сайтов набирает популярность среди дизайнеров. Добавляя современный стиль в дизайн, веб-сайты, оформленные в стиле ретро или винтаж, создают хорошее впечатление. Различные веб-сайты, которые заимствуют дизайн из прошлого, выглядят образцово. Сочетание элементов прошлого и современности дает творческий, красивый и запоминающийся дизайн. Кроме того, они даже выглядят современно и новаторски благодаря своим функциональным возможностям. Конечно, эти ретро-темы тоже вне времени! Если вы планируете внедрить его в свои будущие проекты, вы можете проверить эти удивительные, веселые и интерактивные ретро-сайты, которые мы выбрали. Эти веб-сайты признаны Awwwards лучшими ретро-сайтами. Между тем, цифровой рынок может предложить вашему бренду гораздо больше в отношении ретро-веб-дизайна.
Взгляните на эти креативные, забавные винтажные модели с оттенком современности, которые помогут раскрыть ваш творческий потенциал. Ваш веб-сайт должен наилучшим образом представлять вас по всему миру. Следовательно, вы всегда должны прилагать все усилия, чтобы выделить их! Итак, если вы ищете идеи для графического дизайна, вам не следует пропускать эти замечательные ретро-сайты.
Caava Design
Эффективность цифрового маркетинга для успеха большинства брендов не вызывает сомнений. Точно так же веб-сайты в ретро-стиле по-прежнему являются мощным средством продвижения бренда. Caava Design — творческая компания из Сан-Диего, специализирующаяся на пекинском бренде, интерактивности и упаковке. Веб-элементы, хотя и выглядят ретро или винтажно, имеют стильный и профессиональный дизайн. Кроме того, на этом веб-сайте также используются менее насыщенные ретро-цвета, что создает ощущение старого винтажа. Есть фантастические и заметные функции, которые могут помочь другим брендам сиять, такие как эффект параллакса, классное меню вне холста, слайдер и многое другое. Раздел услуг выделяется кругами, а также демонстрирует приятный эффект наведения. Что еще?
Предварительный просмотр
Виртуальный музей газа
Эффективно расширяйте свой рынок с помощью веб-сайта в стиле ретро, достаточно креативного для представления вашего бренда. Вот прекрасный набор ретро-сайтов, которые мотивируют и внушают благоговейный трепет. Виртуальный музей газа — это веб-сайт, на котором можно узнать об истории, настоящем и будущем газа и природного газа. Он адресован людям, интересующимся газовой отраслью, энтузиастам техники или технологий. Сайт демонстрирует стиль ретро не только в веб-элементах, но и в изображениях товаров. Веб-дизайн потрясающий и отлично подходит для цветов, используемых на этом веб-сайте, типографики и простого эффекта перехода. Он также использует ползунки, липкий заголовок, меню вне холста и интеграцию с видео.
Превью
Подвал
Стиль ретро не теряет своей популярности даже в современной жизни. Вот список ретро-сайтов, которые предоставят множество стилей, которые вы можете изучить. Basement — это цифровая студия, которая строит будущее по одному проекту за раз. Этот ретро-сайт имеет простой, но всеобъемлющий дизайн на главной странице. Он использует черно-белые цвета для всех веб-элементов и отличается простым дизайном. В частности, в главном заголовке отображается название бренда, его деятельность и геометрические фигуры. Логотипы клиентов хорошо расположены, чтобы повысить доверие к бренду, поэтому они выглядят привлекательно. Другие интересные функции включают меню вне холста, значки социальных сетей, приятный эффект наведения и многое другое.
Предварительный просмотр
Взрыв Galaxy Store
Ретро-сайты модны и креативны. Вот почему это стало популярной идеей веб-дизайна среди дизайнеров. В этой коллекции вы найдете потрясающее вдохновение, чтобы повлиять на ваш проект. Blast Galaxy Store — это сайт в стиле ретро с простым, красивым и уникальным дизайном. Пиксельная типографика, которую он использует, является полной копией старого стиля. Главный заголовок содержит название бренда, поиск, меню и корзину. Продукты представлены в сетках с четкими кнопками призыва к действию на этой веб-странице. Кроме того, эти продукты имеют простой, но привлекательный дизайн.
Preview
Resp
Все больше и больше брендов используют возможности ретро-сайтов для распространения информации. Эти веб-сайты будут полезны, если вы захотите рассмотреть их для своего проекта. Resp — умный помощник в кинотеатрах и трекер потокового ТВ-шоу с дизайном в стиле ретро. Домашняя страница действительно потрясающая, с пиксельными значками, логотипом и типографикой. Он использует полноэкранный режим для отображения веб-компонентов, включая симпатичные крошечные значки, четкий призыв к действию, поиск, приятный эффект наведения и многое другое! Белая типографика также потрясающе сияет на черном фоне.
Preview
Harvard Film Archive
Если вам довелось работать с ретро-сайтами, лучше обратить внимание на другие бренды, которые органично интегрировали его в свой веб-сайт. Вот креативный список ретро-сайтов для вдохновения. Гарвардский киноархив — это синематека и киноархив, предназначенный для сохранения и публичной демонстрации фильма. Соответственно, ретро-стиль в сочетании с современными веб-элементами заставит сайт сиять. Этот веб-сайт демонстрирует винтажный стиль своих изображений, типографики и макета, но делает их современными благодаря интеграции анимации GSAP. Изображения имеют стиль гранж, выделенный с помощью плавного ползунка. Чтобы предложить простую в использовании навигацию, он использует липкое боковое меню.
Preview
Rooki
Несмотря на передовые и современные веб-технологии, дизайн в стиле ретро никогда не терял своего смысла. Таким образом, рассмотрение этого для вашего бизнеса не является пустой тратой времени. Rooki — молодой независимый дизайнер и директор, который воплощает на своем веб-сайте великолепие ретро или винтажного дизайна. Сайт отображает текстуры в стиле гранж и использует ретро-фон. В главном заголовке отображается название бренда, штрих-код, меню и гранжевое изображение избранного интервью. В частности, другие страницы сайта имеют похожее качество дизайна, но изобретательны. Он включает в себя интервью, статьи, ресурсы, студентов и многое другое!
Предварительный просмотр
Three59
Интернет может многое предложить для создания сайтов в стиле ретро. Ретро-цвета — отличный способ придать вашему сайту винтажный вид. Вот Three59, один из замечательных примеров этого списка в винтажном или ретро стиле. Это полноценный поставщик рекламных и медиа-услуг, базирующийся в Dubai Production City, Объединенные Арабские Эмираты. Дизайн домашней страницы выглядит просто с полноэкранным макетом. Слайдер красиво демонстрирует продукты по одному и даже демонстрирует плавную и гладкую анимацию через GSAP. Кроме того, звук улучшает дизайн, красивый логотип и меню вне холста. Он также интегрирует значки социальных сетей, чтобы повысить органическую видимость бренда.
Preview
Park West Event
Просто выберите один стиль ретро-дизайна, который вы хотите внедрить в свой дизайн, чтобы вызвать ностальгию по бренду, который вы предпочитаете. Затем добавьте современный штрих к своему дизайну, чтобы он выглядел великолепно. Вот классный список ретро-сайтов, на которые стоит потратить время. Park West — концертная площадка, расположенная в Чикаго, штат Иллинойс. Этот театр был открыт в 1916 году как водевиль и кинотеатр братьями Ашер. В частности, он может вместить до 1000 гостей. С желанием придать сайту винтажный вид, цвета, типографика и текстуры в стиле гранж выполнены в стиле ретро. Кроме того, приятный эффект наведения также очаровывает дизайн и простую анимацию.
Предварительный просмотр
Thompson Stenning
Узнайте больше о том, насколько прекрасны ретро-стили для встраивания в ваши проекты веб-дизайна. На этих замечательных ретро-сайтах вы можете найти различные бренды, которые выделяются таким подходом. Веб-сайт Томпсона Стеннинга — отличный пример винтажного дизайна с легким оттенком современности. Заголовок героя имеет простой, но увлекательный дизайн. Он просто великолепно выглядит с фоном в стиле ретро, жирным заголовком и тонкой анимацией. Кроме того, анимация при прокрутке также добавляет эстетической привлекательности дизайну. Это еще не все, логотипы клиентов, которых они обслуживали, также потрясающие в монохромном режиме.
Предварительный просмотр
Советское такси
Создайте свой стильный и креативный веб-сайт в стиле ретро с помощью этой потрясающей коллекции. Советское Такси — это величественный и потрясающий веб-сайт, в который вы можете погрузиться. Советское Такси предоставляет в аренду ретроавтомобили и эстетику из СССР. Домашняя страница имеет полноэкранный макет с фоновыми изображениями в стиле гранж. Добавляя слайдер в дизайн, содержимое выделяется стилем. Кроме того, аудиоконтент также выполнен в стиле ретро или винтаж. Точно так же на главной странице представлены значки социальных сетей, логотип для брендинга, меню и многое другое.
Предварительный просмотр
Дом для побега
Ретро-дизайн — это весело, динамично и потрясающе, особенно если вы добавите немного творчества и расширенных функций. С этими ретро-сайтами у вас будет множество идей веб-дизайна, которые однозначно побудят вас создать свой проект. Getaway House — это гостиничный бренд, который строит красивые крошечные домики в лесу и призывает мир отключиться от технологий и воссоединиться с природой. Этот веб-сайт имеет причудливый дизайн с комплексными элементами веб-дизайна. В нем представлены различные ретро-изображения на сцене героя с помощью слайдера с четкими призывами к действию, привлекательными лозунгами и формой бронирования. Кроме того, винтажные значки, типографика и изображения идеально демонстрируют потрясающий дизайн. Другие примечательные функции включают липкий заголовок, аккордеон, ленту Instagram и многое другое.
Предварительный просмотр
Десятки
Посетите эти замечательные ретро-сайты, которые послужат прекрасным источником вдохновения. Tens — независимая компания подкласса, которая гордится тем, что видит вещи по-другому. Этот веб-сайт электронной коммерции имеет простой, но привлекательный дизайн на главной странице. Заголовок героя имеет макет с разделенным экраном, где изображение, слоган и CTA хорошо организованы. Помимо винтажных цветов, изображения также выглядят в стиле ретро. Рекомендуемые продукты выглядят превосходно, а отзывы клиентов в слайдере визуально привлекательны. Другие замечательные функции включают липкий заголовок, ленту Instagram, значки линий, интеграцию видео и многое другое.
Preview
Hypergiant
Вот подборка ретро-сайтов, которые могут заинтересовать бренды, желающие интегрировать ретро-дизайн в свои проекты. Hypergiant — поставщик искусственного интеллекта для списка Fortune 500. Веб-сайт оформлен в игривых цветах, а ретрофутуристическая атмосфера намекает на то время, когда мы чувствовали, что будущее не за горами. В частности, винтажное фоновое изображение и простая типографика очень напоминают ретро-дизайн. Кроме того, границы веб-элементов также добавляют креативности общему дизайну — от кнопок, услуг, списка сокращенных услуг, списка клиентов и многого другого. Кроме того, значки социальных сетей, отображаемые внизу, а также липкий заголовок и меню вне холста впечатляют.
Preview
Пивоварня Martens
Эта коллекция ретро-сайтов демонстрирует различные ретро-стили, но они великолепны. Итак, просмотрите этот список и получите мотивацию. Пивоварня Martens — гордый и амбициозный семейный бизнес, который уже восемь поколений находится на вершине бельгийской пивоваренной промышленности. Благодаря высококачественным продуктам, которые они предлагают, их веб-сайт демонстрирует аналогичное качество дизайна. Используя анимацию GSAP, веб-элементы демонстрируют классную и утонченную анимацию. Презентация продуктов плавная и интуитивно понятная с использованием слайдера. Он также имеет липкую боковую панель, поэтому меню всегда видно. Другие прекрасные функции включают Google Maps, эффект плавного перехода и многое другое!
Preview
Global Welsh
Винтажные стили неподвластны времени и выглядят еще более великолепно, если их дополнить современным стилем. Взгляните на эти ретро-сайты, которые вдохновят вас на следующий веб-проект. Global Welsh — это растущее глобальное сообщество людей, которым нравится Уэльс. Он стремится создавать новые связи, возможности и идеи, чтобы принести пользу будущему Уэльса. Заголовок включает в себя отличную видеоподборку в винтажном стиле с кнопкой призыва к действию и заголовком. В заголовке логотип в значительной степени представляет бренд и значки социальных сетей. Поскольку он использует липкий заголовок, меню всегда под рукой, чтобы легко перемещаться по сайту.
Предварительный просмотр
Лучшая причина
Этот веб-сайт в стиле ретро — еще одно потрясающее вдохновение, которым стоит дорожить, если вы планируете использовать его для своего бизнеса. The Best Reason — это сюрреалистичный винтажный дизайн, в котором представлены 8 различных причин, по которым стоит выбрать Domaine Glinavos. Примечательно, что домашняя страница представляет собой красивую интеграцию видео в полноэкранном режиме с аудио и призывом к действию. Каждая из 8 причин доверять бренду представлена профессионально и имеет потрясающие страницы, которые пользователи могут легко изучить. В своем винтажном цвете сайт выглядит превосходно и даже демонстрирует крутой переходный эффект.
Preview
Наши истории в STEM
Вот еще один винтажный или ретро-сайт, который может вдохновить другие бренды. У наших историй в STEM есть красивая целевая страница, которая продвигает кампанию Kickstarter «Наши истории в стебле». Это книга, посвященная канадским женщинам, которые меняют STEM сегодня, чтобы вдохновлять профессионалов STEM завтра. Заголовок героя приветствует аудиторию красочными винтажными значками с названием бренда, призывом к действию и меню. Видеоинтеграция готова дать четкое представление о том, что она делает для полноценного представления бренда.
Что еще? Этот веб-сайт электронной коммерции использует карточный дизайн для красивого отображения продуктов. Он также использует слайдер, чтобы продемонстрировать больше своего удивительного продукта.
Preview
Arts District Craft and Kitchen
Получите больше идей в стиле ретро для создания веб-сайта с помощью этой коллекции веб-сайтов в стиле ретро. Arts District Craft and Kitchen стремится предоставить сообществу все самое лучшее благодаря вкусной и аппетитной еде. Он имеет очень приятный оттенок ретро-дизайна в сочетании с современными веб-элементами. Примечательно, что этот веб-сайт делает возможной плавную анимацию, поскольку он интегрирует GSAP. Домашняя страница довольно впечатляющая, аппетитная и винтажная. Заголовок героя имеет старую типографику с винтажным изображением и логотипом. В шапке есть меню, социальные иконки, логотип и контактный номер.