Сайт в стиле ретро: Дизайн сайта в стиле ретро | Веб-сайты
Solla.site Ретро стиль в веб-дизайне, сайты в стиле ретро, ретро сайт
Ретро стиль в веб-дизайнеСтиль ретро – это модная тенденция в веб-дизайне и встречаться такие сайты стали все чаще.
Это направление пришло к нам запада и для него характерны винтажные элементы, «вырезки» из открыток и фотографий, использование клипартов, текстур и фонов, «газетные» шрифты.
В общем этот стиль подразумевает полную свободу творчества в сочетании с легкой ностальгией по эпохе, когда прочитать что-либо можно было только в книге, журнале или газете…
Поскольку ретро-стиль эклектичен по своей природе, то Вам потребуется чувство вкуса, чтобы не превратить ретро-дизайн в набор из ни с чем не связанных, и ни как не сочетающихся друг с другом элементов.
А чтобы этого не произошло, давайте посмотрит подборку из 10 отличных ретро-сайтов.
- 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 и преподаватель компьютерной графики.
Похожие статьи:
Виды и типы сайтов
Футуризм в веб дизайне
Стиль гранж в веб-дизайне
Журнальный стиль сайта
Gone Retro: 10 великолепных сайтов с оттенком прошлых лет
Стили ретро популярны практически во всех аспектах дизайна.
Так что же делает сайт ретро?
Сайты, попадающие в категорию ретро, не обязательно представляют какой-либо конкретный период. Одно словарное определение ретро — это «мода, напоминающая о прошлом», поэтому она широко открыта для интерпретации. На веб-сайтах ретро-сайтов можно различить по типу иллюстраций или используемых фотографических изображений, гарнитурам и цветовой палитре.
Фотография и иллюстрация
Для многих ретро-сайтов используемые иллюстрации оказывают большое влияние на общий вид.
Взгляните на веб-сайт CSS Tinderbox (изображение внизу страницы), на котором используются различные рисунки в стиле советской эпохи, чтобы добиться своего внешнего вида. Сайт также загрязнен, чтобы он выглядел старым. Точно так же фотография на сайте Эрнеста Хеммингвея в основном относится к более молодому Хеммингвею. Фотографии выглядят пожелтевшими и дают ощущение другого возраста.
Типография
Как и в случае с веб-дизайном и полиграфическим дизайном, выбор типографики является огромным фактором при передаче внешнего вида. Для некоторых сайтов ретро-типографика в логотипе и заголовках Существует несколько специализированных шрифтовых литейщиков, которые специализируются на ретро-типографии. Я люблю Letterhead (см. Их сайт ниже), Font Diner и Fontoville за их классные шрифты.
цвет
Многие из сайтов в стиле ретро имеют приглушенные цвета с добавлением грязи или гранжа, чтобы вызвать возраст. Цвета, как правило, намекают на то, что цвета в прошлом могли быть более яркими, но теперь они старые.
Итак, без лишних слов, вот десять веб-сайтов, демонстрирующих уникальный ретро-вид. Я выбрал их, потому что я думаю, что они представляют ретро-дизайн сверху донизу. Здесь нет сайтов с логотипом в стиле ретро, но нет ничего, что связывало бы их с другой эпохой. Они довольно последовательны во всем.
World Domination Design Group использует умное использование старого стиля видео, голоса за кадром и оптимистичных мелодий 1940-х годов.
CSS Tinderbox отлично справляется с графикой и шрифтами в советском стиле.
Коллекция Эрнеста Хеммингуэя использует старые фотографии, бумажные предметы и приглушенные потертые бумажные цвета, чтобы передать ощущение определенной эпохи.
Detectiv Nali демонстрирует старый кожаный чехол со старинными иллюстрациями, фотографиями и типографскими орнаментами, изображающими время Артура Конан Дойля.
Фирменные шрифты недавно изменили дизайн своего сайта, чтобы продемонстрировать некоторые из своих красивых шрифтов. Новый дизайн в стиле ар-деко.
RobotMania был в сети в течение многих лет и выиграл множество наград, когда он вышел. В нем очень крутая ретро-атмосфера.
Продам мечту. Edgewater Cottage Community имеет чувство 1950-х годов для продажи современного жилого района.
Rejected Robot — это сайт-портфолио Уильяма Тамплина, в котором ценится дизайн игрушечного робота.
Prospect Denim от Media Boom (сам по себе ретро-сайт) также является лауреатом премии и имеет потрясающую иллюстрацию и флеш-работу.
И наконец, Институт Большого Жира недавно обновил свой сайт, но это ссылка на их старый сайт, который был отличным примером блестящего ретро-дизайна, использующего видео и типографику для создания подлинно выглядящего сайта 50-х годов.
Так что у вас есть это. Не тот стиль, который подходит для каждого сайта, но хорошо сделанный, он может быть очень эффективным.
Что вы думаете об этих сайтах? Какие еще хорошие ретро-сайты вы встречали?
почему мой веб-сайт выглядит как Windows 9x / Хабр
Уже долгое время я хотел обновить
, но я не дизайнер, поэтому знал, что мои попытки усовершенствования уже имеющегося выльются в сумбурную мешанину.
Я искал новую должность React-разработчика и сильно хотел отточить свои навыки, поэтому подумал, что лучше всего будет создать новый сайт на React.
Что касается дизайна… то почему бы не отдать дань уважения одной из самых значимых операционных систем моей юности: Windows 9x. И почему бы ради забавы не сделать его таким, чтобы он умещался на дискете?
Популярность ретроностальгии
Windows 9x — это общее обозначение систем с Windows 95 до ME. Они были довольно некачественно построены на основе MS-DOS и во многом оказались отстойными.
Эстетику дизайна, особенно эпохи Windows 98, стоит оценить своими глазами.
Когда-то дизайн UI был интересным, не забывайте об этом
Сегодня ретротехнологии возвращаются. Одним из моих любимых примеров этого является ужасно-прекрасный веб-сайт Джейн Мэст (ныне не работает), который стал для меня своего рода источником вдохновения при создании дизайна.
Но есть и множество других потрясающих примеров ретроностальгии, в том числе великолепное потоковое радио poolside.fm и эта забавная концепция игры:
Я говорил об этом на октябрьской митапе QueerJS в Амстердаме.
«Ребята, он запускается с дискеты»
Кроме того, весь сайт спроектирован так, чтобы умещаться на 3,5-дюймовую дискету, вставленную в компьютер Raspberry Pi с установленным nginx, находящийся на полке под телевизором у меня дома.
Это означает, что весь сайт всегда будет умещаться в 1,44 МБ (или меньше), как будто пришёл к нам прямиком из 90-х.
Для рендеринга статического контента сайта используется Hexo, включающий в себя настраиваемые темы для удобства связывания данных.
Также он использует Netlify для сборок и Cloudflare в качестве CDN, поэтому высока вероятность, что вам не придётся ждать, пока данные считаются с дискеты. Но никогда нельзя знать этого точно! Меня такая перспектива немного будоражит.
React и open source
По большей мере этот сайт создан с помощью Preact (быстрой 3-килобайтной альтернативе React, имеющей такой же современный API). Контент создавался с помощью
Hexo, а затем постепенно совершенствовался, поэтому можно отключить Javascript, и сайт почти полностью останется функциональным.
При создании интерфейса я вдохновлялся наиболее ностальгическими частями Windows 98 и ME, которые были моими любимыми ОС в годы формирования личности.
Если откровенно, то это был ужасный выбор, потому что модель подъёма состояния/рендеринга (p)react неидеальна для таких больших приложений, и в результате я пришёл к архитектуре, которая очень неэффективна и плохо поддерживается.
Но теперь это уже не очень важно, в принципе, сайт работает довольно неплохо.
Компоненты UI и часть приложений выпущены на Github как библиотека под названием ui95. Она довольно шероховатая, но её можно использовать как библиотеку для создания собственных сайтов и приложений, а также как учебный инструмент. Любопытно, что Артур Бьен работал над библиотекой компонентов, стилизованных под Windows 95, поэтому, вероятно, её тоже стоит попробовать.
Некоторые приложения созданы сторонними разработчиками, в том числе Paint, и изначально я планировал добавить Webamp, но он слишком объёмен и не поместился в выбранный мной размер. Лицензионную информацию можно посмотреть в каждом из приложений.
На правах рекламы
Серверы для размещения сайтов
— это про наши
эпичные! Все серверы «из коробки» защищены от DDoS-атак, скорость интернет-канала 500 Мегабит, автоматическая установка удобной панели управления VestaCP для размещения сайтов. Лучше один раз попробовать 😉
Гостевой дом Ретро Стиль, Анапа – цены отеля, фото, номера, контакты
В какое время заезд и выезд в Гостевом доме «Ретро Стиль»?
Заезд в Гостевой дом «Ретро Стиль» возможен после 14:00, а выезд необходимо осуществить до 12:00.
Сколько стоит проживание в Гостевом доме «Ретро Стиль»?
Цены на проживание в Гостевом доме «Ретро Стиль» будут зависеть от условий поиска: даты поездки, количество гостей, тарифы.Чтобы увидеть цены, введите нужные даты.
Какие способы оплаты проживания предусмотрены в отеле?
Способы и сроки частичной или полной предоплаты зависят от условий выбранного тарифа. Гостевой дом «Ретро Стиль» принимает следующие варианты оплаты: Visa, Euro/Mastercard, No creditcards accepted, only cash, American Express.
Есть ли скидки на проживание в номерах «Ретро Стиль»?
Да, Гостевой дом «Ретро Стиль» предоставляет скидки и спецпредложения.
Чтобы увидеть актуальные предложения, введите даты поездки.
Какой общий номерной фонд у Гостевого дома «Ретро Стиль»?
В Гостевом доме «Ретро Стиль» 14 номеров.
Какие категории номеров есть в Гостевом доме «Ретро Стиль»?
Для бронирования доступны следующие категории номеров:
Двухместный (Большой двухместный номер)
Двухместный (Улучшенный двухместный номер с 1 кроватью или 2 отдельными кроватями)
Двухместный (Двухместный номер Делюкс с 1 кроватью)
Студио (Номер-студио)
Сьюит (Суперлюкс)
Сьюит (Люкс)
Сьюит (Люкс с балконом)
Семейный (Семейный номер)
Семейный (Семейный люкс)
Семейный (Семейный люкс с балконом)
Гостевой дом «Ретро Стиль» предоставляет услугу парковки?
Да, в Гостевом доме «Ретро Стиль» предусмотрена услуга парковки вашего автомобиля.
Пожалуйста, перед бронированием уточните возможную дополнительную оплату и условия стоянки.
Официальный сайт Малого театра
В Филиале Малого театра на Ордынке играют премьерное «Ретро» – камерную постановку по одной из самых известных пьес позднесоветского драматурга Александра Галина. «Современная история» из конца 70-х как на машине времени переносит на 40 лет назад, и традиционно бережное отношение Малого театра к букве автора и духу исторической эпохи рождает обаяние недавней «старины».Сюжет пьесы Галина можно назвать душещипательным. Взрослая дочь (Алена Колесникова) после смерти матери перевезла своего пожилого отца из деревни, откуда родом, к себе в город. В городской квартире, обставленной, как в музее, громоздким антикваром, старику тоскливо и неприютно, поэтому предприимчивый зять, перекупщик старинных ценностей (Максим Хрусталев) берется найти ему спутницу на оставшийся отрезок жизни. Главная интрига – как из перевернутой гоголевской «Женитьбы».
Одна за другой в квартире появляются невесты преклонного возраста. Хотя герой так и не женится, зато друга обретет в каждой…
Зеркальность перипетий первого и второго акта спектакля дает люфт для акварельного визуального решения. Режиссер Василий Федоров вместе с художником придумывают единственный, но точный сценографический «аттракцион» – зеркально переставляет к финалу декорации комнаты, которую Андрей Сергеев подробно и стилизованно обставляет – мелкие детали обстановки рассматриваешь на протяжении всего действия. Умеренность постановочных эффектов столь же обстоятельна, сколь и «невидима» на первый взгляд.
«Ретро» – редкий по театральности материал – в смысле ремесла. Сегодня почти ушла традиция писать пьесы для театра. «Хорошо сделанная пьеса», которая раскладывается на труппу, а выписанные роли – настоящий подарок для актеров, а особенно – актеров возрастных, где у каждого – яркая типажность, большой монолог и выходов, даже если один-два, зато каких! Малый – театр, где не тяготятся большой труппой, а думают о своих артистах.
В «Ретро» целых три бенефисные роли (и не по одному составу) – и заслуженные артистки Малого театра наслаждаются возможностью царить на сцене.
Жанр лирической комедии не лишен наивности и предсказуемости: невесты, ровесницы-пенсионерки, приглашенные к «жениху» (народный артист Владимир Дубровский играет романтического простака-недотепу), ожидаемо сталкиваются, и их борьба за обещанное выгодное замужество и становится поводом рассказать о своей женской судьбе. Зрительское удовольствие публики на этом спектакле – именно в том, с каким актерским мастерством и психологической убедительностью на сцене выстраиваются портреты людей, так похожие на поколение наших бабушек и дедушек.
Взбалмошная, себялюбивая балерина Песочинская – Татьяна Лебедева с таким блеском и очарованием играет интриганку со стажем, что в ее героиню невозможно не влюбиться, хотя нутром понимаешь – крокодил в юбке. Ее главная соперница, с коей она отыгрывает вечный конфликт интеллигенции и народа, – медсестра дома скорби на пенсии.
Сухонькая аккуратистка Нина Ивановна мужественно терпит всю фанаберию и развязную задиристость «творческой элиты», привычно соглашаясь на компромиссы, но не выпуская из цепких рук и свою линию. Сдержанная роль Зинаиды Андреевой замечательно раскрывается именно в дуэте. Третья ипостась женской души – у Ольги Чуваевой. Ее жертвенная (жизнь ради детей) Диана Владимировна, подрабатывающая на пенсии ночным вахтером, – воплощение чувства долга и справедливости. У Ольги Чуваевой, наверное, самый пространный монолог в ретромизансцене, когда актриса напрямую обращается в зал и говорит, не скрывая пафоса, но за размеренной, успокаивающей интонацией ее низкого голоса встает твердость и самоотверженность женщин ХХ века.
Елизавета Авдошина, «Независимая газета», 21 декабря 2021 года
https://www.ng.ru/culture/2021-12-21/7_8332_cultur…
16 человек, которые решили привнести в интерьер квартир нотки ретро-стиля, но даже не ожидали такого крутого результата
Всем нам хорошо знакома поговорка «Новое — это хорошо забытое старое».
И фразу эту можно применить к очень многим аспектам нашей жизни. Не исключением будет и дизайн интерьера, и герои нашей сегодняшней подборки на своем примере это доказали. Они смогли так органично вписать в ансамбль комнаты мебель и декор в стиле ретро, что других слов нет, кроме: «Ну надо же, и я теперь так же хочу».
Мы в AdMe.ru взяли на заметку несколько идей из этой фотоподборки и теперь не ждем не дождемся момента, когда их можно будет воплотить в жизнь.
«Притащил домой старый разобранный диван. Собрал — и вот что получил»
«Моя потрясная лампа середины прошлого века. Купил ее за $ 10!»
«Диван-платформа 1960-х годов. Обновил столики по бокам, поролон и обивку»
«Этот кофейник жена отыскала в каком-то комиссионном магазинчике. И да, его нагревает свеча, стоящая под дном»
«Отреставрировал эту прекрасную вещь. Горжусь ей больше остальных»
«Купил это зеркало на гаражной распродаже.
.. поверить не могу, что оно пролежало там полдня и никто его не забрал!»«Занимались ремонтом ванной комнаты и превратили старый шкафчик в вот такой туалетный столик»
«Эти зеркало и комод — лучшее, на что я когда-либо тратил $ 50»
«Папа нашел это в мусорном ведре на работе. Я в диком восторге! Ведь они еще и работают»
«Этот шкафчик восстановила очень милая русская бабушка»
«Моя НЛО-лампа. Купил ее 6 лет назад и с тех пор не видел ни одной похожей»
«Мое новое домашнее рабочее место»
«Это специальное сиденье для телефона. Середина прошлого века»
«Наконец после долгих месяцев поисков я нашла тот самый винтажный буфет. И цена была не заоблачная»
«А родственники хотели отдать его в комиссионку!»
«Часы 1960-х годов. Мало того что я нашел их на обочине дороги, так они еще и работают!»
А вам нравится ретро-стиль в интерьере? Или вы склоняетесь к другим направлениям?
Выбор интерьера квартиры в стиле ретро
В настоящее время наиболее часто стал преобладать стиль ретро при выборе дизайна интерьера квартиры.
Видимо, потребность в истории или тяга к тому интерьеру, который создавали наши родители, преобладают. И это очень обнадеживает. Засилье новых технологий отвлекает нас от традиций и видения мира именно таким, какой он есть на самом деле. А через призму 90-х или далеких 60-х еще можно разглядеть все истинную красоту, тот единый дизайн и стиль, который объединял нас, наших родителей, соседей, несколько семей в единое «братство». Но в тоже время, в квартире каждой семьи был свой арсенал стиля в интерьере. Попробуем обозначить все возможные акценты ретро стиля в дизайне интерьера не таких уж далеких 90-х годов.
Основные принципы в ретро стиле 90-х
Среди многообразия действий, которые совершались в те 90-е года, были моменты дизайна, которые повторялись у всех, и сейчас ярко нам говорят, что это действительно вещь из 90-х. К примеру:
Ручная работа в лепнине, узорах и рамках для картин
Громоздкая, большая деревянная мебель (столы, дубовые шкафы, буфеты и т. д.)
Паркетный пол
Стены нейтральных цветов под штукатурку
Бум цвета, фактуры и материала
После открытия железного занавеса, многие люди стали создавать интерьеры, совершенно не похожие на предыдущие года.
Все в таком дизайне собиралось по единому принципу – «что нравится, то и поставлю». Поэтому среди мебели и цвета в квартире было соединено несочетаемое. В серые квартиры стали приходить яркие цвета, стены стали обделывать венецианской штукатуркой белого цвета, с колоннами и лепниной. Каждый на свой лад старался выделить какую-либо часть интерьера, будь то зеркало, или искусственный камин с красивыми узорами посередине гостиной. Все обязательно было ручной работы. Но в отличие от сдержанного и одомашненного ретро стиля 60-х, где преобладала громоздкая, заваленная всевозможными вещами мебель, в дизайне стиля 90-х стало появляться меньше вещей, но мебель осталась таким же сильным акцентом, обязательно из дерева, но она, несмотря на свою громоздкость, занимала меньше пространства. На фоне деревянных столов на тонких ножках появлялись картины в золотых рамках. Сочетание богатства и искренней простоты.
Живопись в интерьере
Ни одна квартира не обходилась без живописи. Картины были выделены лепным декором и занимали довольно обширное пространство стен.
Голубой потолок, добавление цветочной романтики, птицы и узоры. Было очень модно похвастаться ручной работой какого-нибудь художника.
Художественный пол
На полу всегда у всех был резной паркет, который время от времени циклевался и заново покрывался лаком. Это создавало некоторую стабильность и устойчивость. Такой пол удачно подчеркивал ширину или длину комнаты, в зависимости от того, в каком направлении были выстроены эти маленькие дощечки в виде «елочки». Цвет либо светлый березовый, либо темный, почти под красное дерево.
Громоздкая мебель
Как мы говорили выше, в стиле 90-х присутствовала огромная и вместительная мебель. Но она была настолько удачно расставлена в пространстве, что не создавала ощущения неудобства и уменьшения пространства. Наоборот классический стиль ее убранства позволял насытиться уютом, добротностью и качеством выполненной работы. Ведь тогда практически все люди любили приобретать мебель, собранную вручную. Тяжелые дубовые буфеты, покрытые лаком.
А сквозь резное стекло дверок проглядывался хрусталь, или чешский фарфор, который чаще всего использовался только в большие праздники.
Ковер на стене, а не на полу
В то время, ковер, повешенный на стену, считался признаком богатства и индивидуальности. Очень часто можно увидеть фотографии родителей, которые всей семьей любили делать фото на фоне купленного ковра. Сейчас многие это считают безвкусицей, и лучше положат такой ковер на пол. Но до сих пор можно найти обывателей, которые отдают долг традициям и держат в своей квартире на стене именно тот ковер, который привез когда-то дедушка. Они были яркие, большие, с кисточками. На некоторых были различные узоры, с преобладающим красным цветом – от сглаза, или изображено какое-либо действо, Бородинское сражение, или охота. Такая помпезность была в моде, и сейчас для нас остается лицом стиля интерьера 90-х годов.
90-е дискотечные
В те времена люди начали любить больше развлекаться и устраивать различные дискотеки. Даже сейчас можно часто увидеть, что люди одеваются в те ретро одежды, и под шарик, висящий в середине комнаты, начинают плясать под светомузыку и под кассетный магнитофон.
Тогда именно так и было. Из Европы тогда приходило много различной техники, поэтому большой кассетный декодер был не новинкой.
Кухня
В кухне очень распространено было использовать мебель из ДСП, покрытую каким-нибудь скромным, но светлым узором в виде маленьких цветочков или лепестков. Он повторялся во всех шкафах, полках для посуды и тумбочках. Фартук чаше всего исполняли из плитки, чтобы легче было отмывать. Обои чаще всего были без блесток, или исполнены под фактуру штукатурки, так же в моду стали входить моющиеся обои. Большие холодильники нашего российского производства, чтобы еды хватало на всю большую семью, и еще гостей накормить. Даже в малогабаритной кухне всегда удавалось разместиться всей семье, да еще и соседей позвать на празднование Нового Года. Полы также были паркетные, чуть позже, ближе к 2000-м, стали стелить линолеум с узором под паркет. Сохранялся уют и добротность.
Ванная комната и туалет
В этих комнатах все было всегда по минимуму, только самое необходимое.
На стенах плитка с заделкой под штукатурку, большая ванная, батарея всегда красилась акрилом под цвет стен, чтобы сильно не выделялась. Краны с пластиковыми вертелями и обозначениями горячей воды красным и синим кружком.
Ретро акценты в интерьере, которые можно встретить в настоящем
Сейчас такого плана интерьер, как в те ретро 90-ые не увидишь. Каждый день все новое и новое превозносится в квартиры, и очень редко можно увидеть какую-либо сохранившуюся деталь того времени. Но специалисты не дремлют, и каждый раз пробуют все новое и хорошо позабытое старое совместить. Многие дизайнеры любят брать какую-либо определенную вещь того времени, которая может гармонично вписаться в современный дизайн. Например:
Деревянная мебель
Люстры и абажуры с кисточками
Льняные шторы
Паркет на полу
Картины и фото в золотых рамках
Элементы лепнины на потолке, стенах, в розетках и т. д.
Все это может напомнить нам о тех 90-х, в которых мы выросли, или росли наши родители.
Достаточно гармоничного решения можно добиться и добавив некоторые элементы из 60-х, но они слишком далеко, почти канули в лету, и не станут более актуальными сейчас, чем элементы единого домашнего стиля ретро 90-х.
32 лучших примера и шаблона веб-сайтов в стиле ретро и винтаж в 2020 году
В настоящее время многие стили дизайна веб-сайтов становятся очень модными и помогают ежедневно повышать творческий потенциал сотен или даже тысяч веб-дизайнеров по всему миру, таких как стиль иллюстраций, стиль ретро, плоский стиль, минималистичный стиль, стиль брутализма.
Стиль ретро и винтажный дизайн, как одна из основных тенденций дизайна веб-сайтов в 2020 году, с каждым днем набирает популярность благодаря своей необычной, таинственной, ностальгической визуальной привлекательности.
Вы ищете идеи дизайна веб-сайта в стиле ретро, чтобы улучшить свой следующий проект?
Если вы ищете идеи дизайна веб-сайта в стиле ретро, чтобы улучшить свой следующий проект, не ищите дальше! Mockplus выбрал 32 лучших и самых привлекательных веб-сайта и шаблона в стиле ретро и винтаж, чтобы вдохновить вас.
Почему сайты в стиле ретро так популярны?
Под «ретро» и «винтажем» мы подразумеваем веб-сайты, которые используют старые изображения, шрифты, цвета, макеты и типографику.Некоторые также включают в себя другие элементы, такие как старинные телевизоры, радиоустройства, неон, старые плакаты и так далее. Этот стиль стал очень популярным благодаря своей способности вызывать в воображении целый ряд различных чувств и способов обращения к посетителям сайта.
Большинство веб-дизайнеров могут использовать эти элементы, чтобы быстро привлечь внимание пользователя и использовать возможность представить продукты, рекламу и другое содержимое страницы в захватывающей форме, которая побуждает пользователей нажимать кнопки CTA, превращая посещения в продажи.
У пользователей веб-сайтов ретро-стиль вызывает в воображении воспоминания о прошлом, помогая создать стабильные эмоциональные отношения с сайтом — еще один путь к повышению коэффициента конверсии!
Короче говоря, стиль ретро стал одним из наиболее широко используемых подходов, с помощью которых дизайнеры пытаются создавать уникальные веб-сайты.
Как создать ретро-сайт?
Спроектировать и создать с нуля веб-сайт с настоящим ретро-стилем непросто. Итак, во-первых, следуйте нашим трем основным советам, чтобы упростить весь процесс:
1).Ищите существующую ностальгическую сеть, чтобы получить вдохновение
«Делайте то, что делают другие ретро-сайты» — это первый совет, которому вы должны следовать. Когда вы все еще ищете свои первоначальные идеи, существующие веб-сайты могут многому вас научить, например, как вставлять винтажные изображения; как использовать старые цвета, шрифты и границы; как использовать классические фоновые текстуры, значки и значки; и так далее. Они также могут сказать вам, какие винтажные элементы в наши дни более популярны.
Итак, прежде чем приступить к разработке собственного веб-сайта в стиле ретро, поищите в Интернете несколько существующих креативных и ностальгических веб-сайтов.Вы обязательно найдете много вдохновения.
2). Скачайте и используйте винтажные шаблоны веб-дизайна
Если у вас и вашей команды нет времени разрабатывать все с нуля, потратьте немного времени на выбор винтажного шаблона веб-дизайна.
Вы можете попробовать множество отличных веб-сайтов с шаблонами, таких как Template.net, Themeforest.net, Colorlib и Awwwards.
3). Никогда не забывайте о веб-прототипировании и тестировании
Процесс создания любого веб-сайта часто разбивается на несколько этапов, включая мозговой штурм, прототипирование, совместную работу, передачу разработчикам и разработку.На разных этапах требуются разные инструменты, чтобы весь процесс работал хорошо.
Этап прототипирования является важным шагом в разработке любого веб-сайта. Это помогает дизайнерам визуализировать свои идеи и воплощать их в жизнь, чтобы они могли полностью протестировать все детали, прежде чем перейти к этапу разработки. Вам нужен хороший инструмент для веб-прототипирования, который позволит вам создавать прототипы, тестировать и повторять ваши дизайнерские идеи, прежде чем застрять в разработке.
Чтобы сэкономить ваше время и усилия, Mockplus отобрал 32 лучших веб-сайта и шаблона в стиле ретро и винтаж.
Креативность, демонстрируемая в них, не может не вдохновлять вас. И, в качестве бонуса, большинство шаблонов можно скачать.
Лучшие примеры сайтов в стиле ретро и винтаж макеты. Это отличный пример того, как создавать веб-сайты в уникальном газетном стиле.
2. Momand Popcorn
Веб-сайт в стиле ретро или винтаж не нуждается в элементах старого стиля на каждой странице. Фактически, в последние годы стала популярной новая тенденция ретро-дизайна — современный ретро-стиль дизайна веб-сайта. Он побуждает дизайнеров использовать ретро-изображения, шрифты, иллюстрации и другие элементы для украшения своих современных веб-сайтов. Современный веб-сайт с винтажными элементами может показаться противоречивым и даже смешным. Но посмотрите, эффект может быть интересным, придавая сайтам свежий и привлекательный вид.
Momand Popcorn — один из таких отличительных современных веб-сайтов в стиле ретро, на котором продается более 50 вкусов восхитительного попкорна.
Иллюстрации, значки и значки в старом стиле создают очень интересный и захватывающий пользовательский опыт.
3. Тур по хлопковому маслу
Тур по хлопковому маслу — это официальный веб-сайт Cottonseed Oil, торговой марки американского растительного масла для жарки без содержания трансжиров. Его старомодные шерстяные фоновые текстуры, новостные открытки, автомобили, фотографии и значки подчеркивают винтажную тему свежим и творческим образом.
4. 100 лет Magneti Marelli
Веб-сайт 100 лет Magneti Marelli предлагает посетителям 12 глав, рассказывающих историю Magneti Marelli; есть режимы чтения и аудио. Он тщательно сочетает ретро-изображения, анимацию и голосовое повествование, чтобы создать полностью захватывающий пользовательский опыт. Это еще один отличный пример того, как создать современный веб-сайт в стиле ретро.
5. Thunder Fuel
Thunder Fuel — интересный игровой веб-сайт от студии дизайна, которая занимается созданием замечательных игр, анимации и веб-сайтов с использованием Adobe Flash и других технологий.
Ретро-цвета, кнопки, тексты, шрифты, рисунки и даже естественные царапины помогают создать очень старую и привлекательную атмосферу. Игровой пользовательский опыт также выделяет его из толпы.
6. The New York Moon
The New York Moon – это интернет-радиостанция, в которой используются старые шрифты и изображения старых радиоустройств. Элементы ретро помогают создать ощущение прошлого и действительно привлекают внимание пользователя.
7. Harvard Film Archive
Использование черно-белых тем и изображений — один из самых простых способов создать ностальгическую атмосферу на вашем веб-сайте.Гарвардский киноархив, пример редизайна веб-сайта Гарвардского киноархива, широко использует черно-белую цветовую схему.
Большое количество черно-белых изображений старых фильмов воссоздает атмосферу ушедшей эпохи кинематографа, позволяя пользователю погрузиться в истории прошлого.
8. First Frame
First Frame — еще один веб-сайт в стиле ретро, использующий черно-белую тему.
В отличие от Гарвардского киноархива, в котором есть много черно-белых изображений, создающих прекрасную атмосферу ретро-фильмов, этот сайт использует черно-белые видео, чтобы заинтересовать своих пользователей.Прекрасные видеопереходы, анимация и полноэкранный дизайн создают поразительные впечатления.
9. Sprocket House
Sprocket House — студия дизайна, предоставляющая услуги графического дизайна, рекламы и разработки веб-сайтов. На веб-сайте его портфолио есть уникальный баннер, похожий на почтовую доску. Сломанные грязные открытки, выцветшие тексты и желтые изображения создают настоящую атмосферу старины.
10. Timeless Business
Примером Timeless Business является сайт, предназначенный для службы аренды ретро-автобусов.Он демонстрирует серию ретро-автобусов на своей целевой странице, чтобы дать пользователям ощущение ретро.
11. The Legendary Sun Studio
The Legendary Sun Studio – это официальный веб-сайт Sun Studio, места рождения рок-н-ролла и дома для «Квартета на миллион долларов».
Его цель — «распространить историю и культуру Мемфиса с помощью музыки, которая сделала Мемфис известным». Стиль ретро-дизайна со старыми изображениями героев, цветовыми схемами и логотипами идеально подходит для темы и целей сайта.
12. Kul Ticka
Kul Ticka — еще один замечательный веб-сайт с типичным стилем открытки. Помимо желтых изображений и открыток, здесь есть старые телефоны, книги и красивые женщины 70-х и 80-х годов, чтобы произвести впечатление на пользователя.
13. Советское Такси
Советское Такси — это веб-сайт, который сдает в аренду ретро-автомобили и другие ретро-автомобили из старого СССР. Страница наполнена изображениями и элементами ретро-автомобилей и другими объектами, напоминающими об эпохе.
Захватывающие взаимодействия, переходы и эффекты наведения вместе с богатой микроанимацией помогают воплотить в жизнь стиль ретро-дизайна и создать интересный, но захватывающий пользовательский интерфейс.
14.
CocktaCockta — один из самых популярных безалкогольных газированных напитков в Словении. Его официальный сайт — еще один отличный пример современного сайта в стиле ретро. Яркая цветовая гамма производит привлекательное и живое впечатление, идеально подходящее для молодой целевой аудитории.
Однако заголовки в старом стиле, фоновые изображения и кнопки не просто создают визуальную привлекательность в стиле ретро, они делают сайт более надежным.
15. Коллетт Динниган
Коллетт Динниган — культовый австралийский модельер, и это веб-сайт ее портфолио. Помимо отличительного рукописного стиля, легкие штрихи, цветовые схемы и старомодные, но элегантные шрифты делают его еще одним хорошим примером того, как максимально использовать стиль ретро-дизайна.
Интерактивную целевую страницу также стоит проверить, если вы ищете вдохновение для создания уникальной целевой страницы.
16. American Scraps
American Scraps — известный промышленный склад, который превращает артефакты из американской истории в комиксы.
Его официальный сайт использует иллюстрации в стиле ретро, черно-белые изображения и старомодные объекты и видео для привлечения пользователей.
17. Эрик Бернакки
Эрик Бернакки — это веб-сайт с портфолио, который дает вам ощущение, что вы играете в игру 80-х или 90-х годов, просматривая информацию.Сварливые кошачьи боты, странные синтезаторы, генераторы мемов, статуи для вандализма, головоломные личностные тесты, пасхальные яйца также делают его другим и привлекательным.
18. Theremix
Theremix — это прогрессивный веб-сайт, созданный в честь 100-летия терменвокса. Он использует модный стиль иллюстрации, чтобы представить старомодные образцы терменвокса и некоторые истории, связанные с ним. Это дает пользователю интересный и захватывающий опыт.
19. Dunderville
Dunderville — бренд креативного дизайна в кино и анимации.Его официальный веб-сайт портфолио, кажется, прямо из прошлого, разработан с очень интригующим макетом старой книги и стилем дизайна.
Все эти черно-белые иллюстрации наводят на мысли об этих иллюстрациях из очень старых исторических книг.
20. ASPA PLZ
ASPA PLZ — это игра в стиле ретро, которая, кажется, пришла прямо из 80-х или 90-х годов. Зубчатые штрихи шрифта, музыка в старом стиле, иллюстрации и радиокнопки возвращают вас в эпоху яппи и наплечников.
21. Альманах дизайна СССР
Как следует из названия, Альманах дизайна СССР демонстрирует некоторые из замечательных дизайнерских работ, созданных в Советском Союзе. Дизайнер веб-сайта принял стиль ретро-дизайна для представления контента сайта.
22. Музей газовой промышленности
Музей газовой промышленности — это виртуальный веб-сайт, подробно рассказывающий об истории угля и газа. На веб-сайте используются изображения старых машин и других объектов, связанных с угольной и газовой промышленностью, чтобы заинтересовать пользователей и сделать рассказываемые истории более интригующими.
23.
Basement StudioBasement Studio — это студия дизайна цифровых продуктов, у которой есть веб-сайт с очень захватывающим портфолио. Помимо черно-белой цветовой схемы, он также использует множество ретро-эффектов и элементов для привлечения пользователей, таких как классический эффект смягчения.
24. Web Expert
Web Expert — это персональный веб-сайт в винтажном стиле. Полые ретро-шрифты, старые изображения и вертикальное меню навигации дают пользователям потрясающий опыт.
25. Rooki Design
Rooki Design — онлайн-журнал для студентов-дизайнеров, оформленный в стиле ретро. Внешний вид и ощущение в старом стиле являются продуктом ретро-текстуры фона, иллюстраций, шрифтов и цветов.
Лучшие шаблоны веб-сайтов в ретро- и винтажном стиле
26. Zach Dev
Zach Dev – веб-сайт с портфолио разработчиков в старом компьютерном стиле. Дизайнер вдохновляется киберпанком и паровой волной.
Скачать
27.
Адаптивный ретро-шаблон веб-сайта HipsterHipster — это адаптивный ретро-шаблон веб-сайта, который предоставляет пользователям четыре темы, 30 шаблонов фона, 2 стиля макета страницы и многое другое.
Скачать
28. Шаблон веб-сайта Vintage Retrolie
Шаблон веб-сайта Vintage Retrolie — это шаблон веб-сайта в стиле ретро, который сочетается с более чем 150 готовыми современными макетами. Пользователям подходит для создания веб-сайта в стиле ретро в новостях и СМИ, электронном журнале, бизнесе, путешествиях, образе жизни, электронной коммерции или что-то в этом роде.
Скачать
29. Одностраничный ретро-шаблон веб-сайта
Одностраничный ретро-шаблон веб-сайта — это адаптивный ретро-шаблон. Его домашняя страница полностью настраиваема и предоставляет пользователям богатый выбор цветов, ползунков и галерей.
Скачать
30. Шаблон веб-приложения Caelus
Шаблон приложения веб-сайта Caelus разработан в 2 великолепных стилях с 4 красивыми комбинациями шрифтов, которые отлично работают на многих устройствах, таких как iPhone, iPad и настольные компьютеры.
Ползунок телефона на правой стороне действительно крут.
Загрузить
31. Винтажный веб-шаблон VintWood
Винтажный веб-шаблон VintWood — это адаптивный веб-шаблон HTML5 с 7 контактными формами, огромными вариантами компоновки и настраиваемыми темами винтажного дизайна.
Загрузить
32. Веб-шаблон Vintage Muse
Веб-шаблон Vintage Muse — это многоцелевой веб-шаблон в стиле ретро, который поможет вам с легкостью создавать красивые веб-сайты корпораций, агентств и портфолио.Карусель изображений героев очень привлекательна и эффективно создает ощущение ретро.
Download
Wrap Up
Это все лучшие примеры и шаблоны веб-сайтов в стиле ретро и винтаж.
Мы уверены, что они дадут вам массу вдохновения и позволят с легкостью создать свой собственный винтажный или ретро-сайт.
24 лучших идеи ретро-сайтов
О наших вдохновениях в области веб-дизайна в стиле ретро
Если вам нужен стильный веб-сайт, который выглядит круто и понравится самой разной аудитории, то дизайн веб-сайта в стиле ретро — отличный способ достичь этих целей.
Хотя для этого вы можете использовать множество различных стилей веб-дизайна, вы получаете дополнительное преимущество с ретро-дизайном, поскольку вы почти продаете культуру и идентичность через свой дизайн.
Из-за этих особенностей дизайн веб-сайтов в стиле ретро является отличным вариантом для веб-сайтов, посвященных образу жизни, красоте и гостиничному бизнесу. Например, если вы управляете стильным отелем, в дизайне которого использованы идеи дизайна интерьера 1940-х годов, что может быть лучше, чем создание веб-сайта, отражающего вашу личность, чтобы вызвать у людей настроение остановиться у вас?
Точно так же, если вы парикмахер, который специализируется на том, чтобы помочь мужчинам обрести «элегантный джентльменский» вид, какой лучший способ прорекламировать это, чем ретро-дизайн веб-сайта?
Не заставит ли мой веб-сайт ретро-дизайн выглядеть устаревшим?
Определенно нет! Существует огромная разница между веб-сайтом, который использует стили дизайна и цвета, чтобы вызвать чувства ушедшей эпохи, и веб-сайтом, который выглядит так же стар, как и сам Интернет!
Прелесть веб-сайтов в стиле ретро заключается в том, что они обычно выглядят очень свежо, современно и модно.
Это имеет большое значение для того, чтобы помочь вам донести свое сообщение, поскольку ясно, что ретро-стиль и настроение являются преднамеренными и являются частью идентичности вашего бренда. Это поможет клиентам почувствовать взаимопонимание с вашим брендом, хотите ли вы, чтобы они что-то купили или записались на следующую стрижку!
Зачем мне использовать ретро-дизайн сайта?
Существует множество причин, по которым вы можете решить использовать ретро-дизайн веб-сайта в своем проекте. Хотя дизайн этих веб-сайтов всегда выглядит блестяще, они по-настоящему оживают только в том случае, если представляют бренд или продукт, вызывающий ретро-воспоминания.
Если вы работаете в сфере недвижимости или являетесь юристом, то ретро дизайн сайта вам скорее всего не подойдет!
С другой стороны, если вы управляете баром или продаете такие товары, как классические велосипеды, то такой дизайн идеально подойдет для демонстрации того, что вы делаете, и для привлечения посетителей.
Одно из самых больших преимуществ использования ретро-дизайна веб-сайта заключается в том, что он также может включать дополнительные элементы дизайна, чтобы сделать ваш веб-сайт действительно потрясающим. Просматривая наши креативные ретро-дизайны веб-сайтов, вы найдете все: от минималистского дизайна и классических монохромных цветовых схем до более ярких дизайнов и тех, которые в значительной степени зависят от использования изображений.
Какие цветовые схемы подходят для ретро-дизайна веб-сайтов?
Вы можете использовать любые цветовые схемы для создания ретро-дизайна. Тем не менее, для истинного ощущения ретро всегда стоит обратить внимание на дизайны, сочетающие черный и белый, иногда с коричневым цветом, для настоящего вневременного и стильного ощущения.
В то же время, если ваш бренд в значительной степени зависит от цвета или вы продаете яркий и смелый продукт, не бойтесь показать их и включить в свой дизайн что-то более яркое.
50 Фантастический (ностальгический) дизайн веб-сайта в стиле ретро
Придумывая это исследование, я боролся с концепцией «ретро».
Что такое ретро на самом деле? Ретро — это Beach Boys, плакаты Второй мировой войны, психоделический дизайн и винтажная реклама Chevy 1940-х и 50-х годов. Хотя я не могу выразить это так много слов, я определенно могу показать вам, что я думаю об идее ретро с точки зрения веб-дизайна.
Эта коллекция ретро-дизайнов веб-сайтов представляет собой лишь один взгляд на жанр ретро. Вы можете пойти в разных направлениях с множеством различных ретро-концепций, и мы надеемся, что эта коллекция затрагивает большинство основных тем.Какие ретро-элементы вы используете, когда хотите придать чему-то более старый вид?
1. Дилли Дели
2. Визуальная республика
3. Обмен бобами
4. Бессмысленная корпорация
5. Мистер Аэро
6. Кнопка запуска
7. Братья макароны
8. Вы знаете, кто дизайн
9.
Группа предков10. Фред Перри
11. Дизайн большого свитера
12. Корпус звездочки
13. Время торта
14. Церковь Революции
15. Прицел
16. Дизайн Тигпена
17. Дрозд выхлопа
18. Громовое топливо
19.Радио: Нью-Йорк Мун
20. Записи мелких камней
21. Эрик Хеннинг
22. Дизайн уровня 2
23. Индивидуальный дизайн
24. Девочка
25. Сорок семь СМИ
26. Тур по хлопковому маслу
27. Джефф Сармиенто
28.Медиа Бум
29. Адаптер
30. Напиток ZZZ
31.
Джаред Кэмпбелл32. Ходячая стена слов
33. Питер Наппи
34. Охота на веселых уток
35. Тяжелый навсегда
36. Веб-О-Матик
37. Капуста
38.Брок Кензлер
39. Грузовик с прицепом
40. Шошоров
41. Робедвардс
42. Дизайн краев в стиле ретро
43. Дизайн «Черная луна»
44. Авион
45. Большой государственный праздник
46. Веб-дизайнер
47. Ужасный доллар
48.1927
49. Мама и попкорн
50. Ланикай Пропертиз
У вас есть какие-нибудь веб-дизайны в стиле ретро, которыми вы могли бы поделиться? Что для вас значит «ретро»?
Поделиться этой статьей
10 лучших ретро-сайтов: дизайн ретро-сайтов (обновление: 2022)
Знаете ли вы, что все Новое — это хорошо забытое Старое?
Мода в веб-дизайне быстро меняется, и ретро-дизайн возвращается.
Но они не возвращаются в своей первоначальной форме: они претерпевают кардинальные изменения под влиянием времени, в которое возвращаются.
Таинственный, ностальгический, необычный ретро-дизайн имеет свою нишу в веб-дизайне: рукописные шрифты, старые автомобили, модели ретро-товаров, старомодные фотографии и даже винтажные видеоигры Atari .
Ретро-сайты интригуют, создают ощущение ценности, подсознательно вызывают доверие у посетителей и запоминаются навсегда!
Мы выбрали для вас 10 лучших примеров современного ретро-дизайна веб-сайтов , а также дадим вам несколько важных советов по созданию уникального винтажного дизайна веб-сайта!
Создать сайт бесплатно
Что такое ретро стиль? Принято считать, что к стилю ретро относятся модные направления второй половины 19 – первой половины 20 века.А тенденции моды, которым 20-50 лет, принято относить к винтажному стилю.
Ретро-дизайн предполагает веб-дизайн с акцентом на определенную эпоху, культуру прошлого.
Винтажный дизайн сайта часто предполагает использование таких характерных элементов, как винтажные теле- и радиоаппараты, каллиграфия и винтажные шрифты, часто привлекаются старые фотографии, неоновые элементы, поп-арт, изображения первых автомобилей.
Также популярен подход с использованием изображений современных объектов, но модифицированных под старину.
Что хорошего в винтажном дизайне сайта или даже в его элементах, так это ностальгия, чувственность, воспоминания. И они могут создавать очень стабильные отношения между дизайном веб-сайта и посетителями, влиять на восприятие контента, представление материалов, рекламу, побуждать нажимать кнопки, проверять продукты и т. д.
Что такое современное ретро? Современный ретро-дизайн набирает популярность, и дизайнеры чувствуют эту тенденцию.
Мода последних десятилетий часто кажется смешной и забавной, но люди находят старый дизайн сайта с винтажными элементами интересным, свежим и привлекательным.
Этот тренд появился не случайно. В какой-то степени это следствие моды на плоский дизайн, в который подходы 1980-х и 1990-х вполне вписываются.
Современный Винтажный дизайн сайта — это новый стиль, популярный в некоторых субкультурах. Это дизайн для ботаников и гиков, хипстеров и просто умников.Различные категории пользователей могут испытывать ностальгию, поэтому ретро-дизайн можно использовать в различных веб-проектах.
Читайте о современном дизайне: Лучшие примеры современного дизайна веб-сайтов
Ретро-графика Для каких предприятий подходит современный ретро-дизайн ? Современный ретро-стиль гармонично вписывается в оформление сайтов творческой тематики: портфолио, сайтов фотостудий, сайтов художников, дизайнеров, моделей, а также сайтов ретро-мероприятий, ретро-учреждений, туристических фирм.
Винтажный дизайн очень хорошо подходит для блогов.
Подробнее о лучших примерах современного дизайна веб-сайтов
Как отличить веб-дизайн в стиле ретро?1) Формы
Простые, геометрические фигуры разного размера, с ярким цветным фоном привлекают внимание и позволяют адаптировать пространство страницы к отдельным элементам и сделать акцент на содержании. Геометрические фигуры выделены более яркими цветами по отношению к фону.
2) Цветовые схемы
Ретро-дизайн чаще всего использует лимитированную коллекцию палитры, неяркую, чаще – пастельную (бежевый и светло-серый цвета). Двухцветной окраски обычно достаточно для винтажного дизайна сайта .
Иногда, наоборот, дизайнеры выбирают основной цвет, который смешивается с небольшим количеством выбранных цветов. Это позволяет создать уникальную и необычную тему.
3) Типография
Особенность современного ретро-графического дизайна — простота, позиционирование шрифта, дублирование и обводка пикселями для придания уникальности и отражения вкуса дизайнера.
Часто используют шрифты с засечками, угловатые шрифты крупного размера, удачное сочетание полужирного и изогнутого.
4) Иллюстрации
Чистые абстрактные иллюстрации людей, пиксельные иллюстрации, отражающие графику винтажных видеоигр, старых автомобилей, ретрографические изображения продуктов, ранних электронных устройств и другие старые изображения, создающие всем своим видом стилизацию под старину, широко используются в ретро-дизайне .
5) Сепараторы
Рамки, рамки, линии — увлекательная часть и необходимость при работе с ретро-дизайном .Их можно использовать для обрезки изображений, выделения содержимого, создания областей и разделов. Они могут быть выполнены в однотонном цвете или иметь декоративный дизайн.
6) Текстуры
Легкие текстурные структуры, шумы, едва заметные узоры в фонах страниц помогают создать привлекательный современный ретро-стиль , который не будет выглядеть устаревшим, унылым и устаревшим в современности.
Одни дизайнеры используют текстуру холста, другие – однотонные текстуры с тонкими линиями и мазками, фактуру старой бумаги, грубой ткани, дерева.
7) Логотипы и значки
Эти элементы несут большую ответственность за создание духа винтажного дизайна . Как правило, они имеют круглую форму и развивающиеся элементы рядом, над или под ними. Изысканные, контрастные цвета – важная деталь. Они хорошо видны, читаемы и понятны сразу.
8) Кнопки
Ретро Графический дизайн часто сопровождается кнопками в виде знаков, значков, кнопок на старомодном оборудовании и т.д.
Каковы плюсы и минусы ретро-веб-дизайна? Плюсы современный стиль ретро :- выглядит легким и воздушным ;
- яркие цвета в элементах и формах привлекают внимание;
- пикселей в стиле вызывают положительных эмоций ;
- черно-белых фотографий, пиксельные изображения позволяют посетителям погрузиться в свои детские воспоминания ;
- ретро-дизайн — это отличная возможность попробовать что-то новое для себя , попрактиковаться в своих творческих способностях и взглядах;
- ретро-арт может моментально передать дух эпохи при необходимости;
- современный ретро-дизайн передает такие черты и характеристики, как игривость, легкость, дружелюбие и жизнерадостность , позволяет использовать обилие классных декоративных элементов.
- ретро-дизайн не для всех, некоторые могут вообще не понять;
- современный ретро-дизайн — это скорее автономный стиль , который плохо сочетается со многими современными тенденциями;
- стиль ретро может выглядеть беспорядочно, если вы переусердствуете со шрифтами, формами и цветовыми схемами;
- в современных стилях ретро и винтаж, цифровые изображения и видео часто не допускаются;
- шрифтов в винтажном стиле с первых дней существования Интернета плохо смотрятся на настольных компьютерах и мобильных устройствах;
- мода быстро меняется, поэтому не стоит слишком активно использовать ретроэлементы, так как пользователям может показаться, что они пришли на сайт из доисторической эпохи.
: https://www.jpeterman.
com/
Это тот самый случай, когда компания так долго на рынке, что сама стала Ретро!
Петерман изображает свои изделия в стиле зарисовок 60-х годов.
Большой и ярко-красный баннер вверху страницы, «нарисованные» модели одежды — все это привлекает внимание и недвусмысленно напоминает о солидном возрасте компании.
Смелый и благородный Сайт: https://boldandnoble.com/
Ретро-дизайн сайта актуален, если вы продаете ретро-товары!
Bold & Noble — отличный пример того, как веб-дизайн дополняет продукты большим количеством привлекательных шрифтов, которые добавляют нотку ретро-модернизма .
И они действительно вызывают ощущение, что написаны от руки!
Magneti Marelli (лауреат премии Awwwards) Этот веб-сайт в винтажном стиле рассказывает вам захватывающую историю Magneti Marelli в двенадцати главах, которые предлагаются в режиме чтения и прослушивания.
Используя стилизованную ретро-графику, анимацию и голосовое повествование, веб-сайт создал поразительные впечатления.
ThunderFuel — просто отличный пример современного ретро-графического дизайна !
Компания предлагает широкий спектр услуг, от дизайна и анимации до игр. Просмотрев их флеш-сайт в стиле ретро, обязательно что-нибудь закажем! Очень классная реализация и идея!
Каникулы в ТеннессиКаникулы в Теннесси — это место в Интернете, созданное для всех любителей штата Теннесси и близлежащих районов.На сайте очень крутая реализация в стиле ретро, где внимание уделяется практически каждой мелочи.
Это один из лучших сайтов в подобном стиле, что мы видели!
All Star Lanes ретро-дизайн Этот сайт, выполненный в стиле ретро, имеет очень понятное и интуитивно понятное меню, облегчающее навигацию. Вы не пропустите большую кнопку «Забронировать» вверху страницы.
Вся информация, которая может заинтересовать вас как клиента, от локаций до вечеринок, представлена очень грамотно.
Читайте также о дизайне навигации по сайту: 12 лучших практик
Дизайн ретро-сайта New York MoonNew York Moon — живое издание в сети, с рисованными иллюстрациями, анимацией и страницами, выполненными в пастельных тонах. Его ретро-дизайн сразу создает ощущение прошлого, когда люди читали новости за утренним кофе.
Анита Джелато (CSS Design Awards)Мы никогда не видели винтажного дизайна веб-сайта бутика мороженого, и он нам очень нравится!
Сайт отличный: параллаксный фон напоминает страницы 3D-книги с рисованными картинками, а современное гамбургер-меню полностью соответствует стилю!
Нажмите кнопку «Открыть опыт» — и вы перейдете в современную часть сайта, с галереей красивых, качественных фотографий, где вы сможете отфильтровать результаты поиска по источнику, стране, хэштегу и даже вкусу и вкусу.
цвет!
Этот веб-сайт с потрясающим дизайном, реализованный в ретро-дизайне, предлагает вам познакомиться с городом Гилфорд.
На первой странице вы увидите фотогалерею, отсортированную по годам. Можно выбрать любой год — а можно просто пролистать с 1860 по порядку, изучая историю города.
Индикатор выполнения справа на странице хорошо соответствует теме.
Пример ретро-сайта Macaroni BrosДумаете, это сайт ресторана пасты? Тогда вы ошибаетесь: вы сейчас отдыхаете на территории сайта крутой брендинговой компании, которая предлагает клиентам свои «вкусные цифровые рецепты».
На этом сайте стиль ретро органично соседствует с современным дизайном.
Стильное главное меню сайта, лаконичная информация, доступная при прокрутке, раздел услуг, выполненный в виде ресторанного меню – этот сайт выполнен по всем правилам правильного веб-дизайна с ноткой креатива!
Сводка Современный ретро-стиль — заметное направление в веб-дизайне.
Те пользователи, которые слушали музыку, записанную на виниле или аудиокассетах, моментально узнают эти элементы в оформлении.Другие люди ближе к цифровым технологиям, они лучше читают пиксельный дизайн или примитивные компьютерные шрифты.
Что бы вы ни выбрали: трагические 20-е, карамельные 50-е, цветочные 60-е, дискотические 70-е или живописные 80-е, вам будет с чем работать. Опираясь на прошлое, добавляя собственные ощущения и используя богатые возможности современных графических редакторов, вы можете создать маленький шедевр!
Создайте свой потрясающий дизайн веб-сайта с помощью Weblium , прогрессивного конструктора веб-сайтов нового поколения для создания идеального веб-сайта в кратчайшие сроки!
Ярослава
Контент-менеджер, маркетолог и SEO-специалист!
50 креативных примеров винтажа и ретро в веб-дизайне
Тенденции веб-дизайна меняются с ветром — то, что популярно в этом году, несомненно, не будет в следующем году.
Есть только один стиль веб-дизайна, на который вы можете положиться и которого можно считать вечным — это винтажный стиль. А рядом с этим, похожим по стилю, есть неизменно крутое и всегда креативное — ретро(изм).
Винтаж и ретро не следует относить к категории стилей — они гораздо больше. Они сами по себе являются движением и смелым и творческим заявлением, которое не имеет себе равных ни с каким другим. Эта галерея — дань уважения этим стилям…
Набор инструментов веб-дизайнера
Неограниченные загрузки: шаблоны HTML и Bootstrap, темы и плагины WordPress и многое, многое другое!
Team Fannypack
ОДИН ДВАДЦАТЬ ШЕСТЬ
СЛАБОВИЯ
Тодд Миллер
МИСТЕР-АЭРО
Удивительные приключения лорда Вероятного
Своенравный нерегулярный
Тайуэлл
Огни Линнеи
Готовый фотосайт
16 жаб Дизайн
Мистер Вектор
Торпедный сок
Томатик
Аналог
Такси смерти для милашки
Горячий метеор
img src=»https://speckyboy.
com/wp-content/uploads/2010/01/retrowebdesign36.jpg” alt=”Винтажный и ретро веб-дизайн” width=”635″ height=”280″/>
Пивоваренная компания МакТарнахана
Джеффри Сармьенто
singleityconcepts.com
Церковь Эджпойнт
медиаБУМ
Отклоненный робот
Боль хороша
Большие государственные игры
Украденный дизайн
Лана Лэндис
Прахба
Национальная ассоциация производителей хлопка
Подставка для пяти центов
Переход на ретро: что вам нужно знать
Сайты в ретро-стиле уже некоторое время находятся в центре внимания веб-дизайнеров.Работая бок о бок с такими тенденциями, как плоский дизайн и макеты с подсветкой текста, старомодные иллюстрации и элементы дизайна, дизайнеры получают шанс заявить о себе на все времена.
Это также позволяет вам уклониться от жарких споров о том, что делает дизайн веб-сайта передовым. Однако использование старинных элементов означает продумывание дизайна и макета вашего сайта с точки зрения современности. Пользователи по-прежнему смотрят на сайты с теми же потребностями, включая интуитивно понятный пользовательский интерфейс (UI) и четкий текст. Имея это в виду, вот некоторые компоненты, о которых следует подумать, если вы планируете использовать ретро-графику на своем сайте.
Подходит для вашего сайта?
Ретро-элементы, как правило, посылают определенный эстетический посыл. Образ викторианской эпохи и начала 20-го века кажется романтичным или ностальгическим. Графика, вдохновленная более поздними десятилетиями, создает более игривую атмосферу, особенно те, которые основаны на популярной культуре. Однако в целом элементы винтажного дизайна, как правило, вызывают немного причудливую индивидуальность, поэтому они лучше всего подходят для веб-сайтов, где уникальность является ключевым фактором.
Если вы работаете над сайтом, ориентированным на дизайн, таким как сайт с портфолио или продуктом, винтаж может стать отличным выбором стиля.Сложнее, хотя и не невозможно, оформить сайт, ориентированный на технологии, в винтажном стиле. Однако, безусловно, есть исключения. Некоторые нишевые новостные сайты отлично смотрятся в винтажном стиле, особенно если они следуют эстетике старомодной газеты.
Какие типы ретро-элементов вы хотите использовать?
Вы можете включить на веб-сайт множество различных типов винтажной графики. Шрифт, напоминающий печатную рекламу 1950-х годов, может быть тонким намеком на старомодную эстетику.Иллюстрации, отсылающие к журналам 1900-х годов, добавляют более выраженный винтажный стиль. Если вы хотите, чтобы ваш сайт выглядел в стиле ретро, но не был подавляющим, вы можете использовать одно большое изображение, напоминающее о том периоде, в качестве заголовка или якоря для вашей домашней страницы. Или вы можете пройти весь путь с винтажным шрифтом и графикой.
Еще один способ добавить винтажные компоненты — использовать один или два тщательно отобранных скевоморфных элемента (графика, напоминающая реальные объекты). Может быть, попробуйте контактную кнопку, которая выглядит как конверт — просто убедитесь, что ясно, что кнопка должна делать.
Что значит для вашего макета использование винтажной графики?
Важно понимать, что даже для сайта с явным ретро-наклоном пользователи по-прежнему видят современный взгляд на расположение элементов на странице. Важно сохранять ясность в макете и типографике. Например, если вы используете шрифт с большим графическим эффектом для логотипа, остальную часть шрифта сайта сделайте легко читаемой. Кроме того, не поддавайтесь искушению использовать сверхмелкий шрифт, типичный для старомодной бумаги.Сохранение размера шрифта, достаточного для чтения — даже на мобильных экранах — должно быть приоритетом. То же самое касается оптимизации графики. Пышные рисунки викторианской эпохи могут выглядеть слишком вычурно на веб-странице, на которой много чего происходит.
Вместо этого используйте силуэты или эскизы.
В конечном счете, вам решать, пойти по пути ретро или остаться в настоящем. Или, вы можете смешивать и сочетать. Возьмите одно старомодное изображение или шрифт и используйте цветовую схему или макет, чтобы связать его с современным сайтом.Возможности безграничны.
—
Изображение заголовка, созданное с помощью this, this и this.
Начать рисовать от руки?
Бесплатные листы для написания букв
Загрузите эти рабочие листы и начните практиковаться с помощью простых инструкций и упражнений по отслеживанию.
So Retro: 15 дизайнов веб-сайтов в винтажном стиле
Вы можете подумать, что веб-дизайнеры будут стремиться к самому передовому и актуальному виду, учитывая характер среды 21-го века.Но не все веб-сайты должны быть гладкими и современными — иногда тема со старомодными вывесками, ретро-типографикой и фотографиями, винтажными товарами и иллюстрациями прямо с пропагандистских плакатов времен Второй мировой войны может быть на удивление свежей.
Эти 15 веб-сайтов возвращают нас в другую эпоху в соответствии с тематикой каждого сайта.
Хипстерия
Немного сумасшедшая концепция нуждается в сумасшедшем веб-сайте, и у Hipster, безусловно, есть это с его психоделической атмосферой «Leave it to Beaver».Сайт позволяет пользователям пройти викторину о своих симпатиях и антипатиях, а затем получить загадочную футболку по почте.
Ужасный доллар
С выгравированным изображением заголовка, включающим два портрета основателей сайта, Dollar Dreadful легко может быть газетой 1882 года — вплоть до ряда старомодных объявлений о таких вещах, как «Muccatypo, изящные формы букв и закручивание усов». Рассказывая короткие рассказы «для выдающихся читателей или особенно богатых болванов», Dollar Dreadful становится намного менее антикварным, когда вы нажимаете на витрину магазина.
МедиаБУМ
MediaBOOM не пытается никого убедить в том, что они предлагают «современный дизайн для современного слова» или что-то в этом роде.
Но они используют передовые технологии для создания интерактивных веб-сайтов для таких клиентов, как Джим Бим и Йельский университет. Многослойный дизайн их собственного сайта в стиле альбома для вырезок даже сопровождается винтажным саундтреком к радио.
Луна в Нью-Йорке
То, как «радиоканал» The New York Moon доставляется на веб-сайт, совсем не старомодно: это прямая трансляция из Твиттера.Но это не значит, что они не могут придерживаться той же эстетики, которую любили с тех пор, как столетие назад впервые начали передачу. И как-то это работает. Как они сами говорят: «Интернет — это сбывшаяся мечта радиолюбителей. Это место, где люди могут общаться и транслировать без каких-либо препятствий».
Маленькие каменные записи
Подобно тем, кто тоскует по дням, когда семьи собирались вокруг радиоприемников, многие музыканты не в восторге от перехода от аналогового к цифровому и от того, как это повлияло на звук.Возможно, это чувство стоит за рок-н-ролльным видом веб-сайта Small Stones Recordings.
Тип 4U
Сочетая винтажные фотографии и детали, такие как перчатки, старые телевизоры и рамки изображений кинопленки, со свежей цветовой гаммой, итальянский сайт Style 4U сочетает старую эстетику с последними тенденциями моды.
Трутовая коробка CSS
Выглядит скорее как советская пропаганда, чем источник веб-шаблонов 21-го века, CSS Tinderbox, безусловно, выделяется среди всех других веб-сайтов, предлагающих аналогичные продукты, хотя их «фреймворки для пролетариев веб-дизайна» более заурядны.
Фотобудка на острове
Фотобудки были в моде еще в 60-х, но они получили большие обновления для современности — такие как цифровые сенсорные экраны и персонализированная пользовательская графика. Island Photobooth, компания из Ванкувера, которая сдает в аренду фотобудки для мероприятий, иллюстрирует свой слоган «винтажный стиль встречается с цифровыми технологиями».
Прицел
Как вы получаете контроль над своим брендом? Наймите, по-видимому, солдат времен Второй мировой войны.
У рекламного агентства Далласа Target Scope есть увлекательный интерактивный веб-сайт на военную тематику, на котором время от времени пролетают тени самолетов, дырки от пуль и, да, прицел, который вы используете для просмотра верхней панели навигации.
Индивидуальный дизайн
Жужжащие пиксельные помехи аналогового телевизора — не единственная вещь на сайте Custom Design, которая перенесет вас в прошлое. Обратите внимание на шрифт сценария, винтажную мебель и даже ролодекс на столе, который заменяет кнопку «контакт».
Купельная закусочная
Чего ты хочешь – куриной корзинки? Молочный коктейль? Возможно, что-то из деревенского магазина или секретный рецепт закусочной? В Font Diner есть все, включая ретро-шрифты «все, что вы можете съесть» на очень привлекательном веб-сайте.
Чарли Ссуда
Большинство кредитных веб-сайтов полностью ориентированы на бизнес и стремятся выглядеть как можно более профессионально.
Британская ассоциация обналичивателей чеков решила сделать что-то немного другое с веб-сайтом «Charlies Loan», на котором странным образом — или нет — на главной странице размещена фотография Чарли Чаплина.
Коллекция Эрнеста Хемингуэя
Если бы Эрнест Хемингуэй жил сегодня, имел бы он какое-либо отношение к веб-сайтам? Поклонники и ученые могли бы обсудить этот вопрос, но в любом случае сайт покойного автора отдает должное человеку из другого времени. Сайт выполнен в виде рабочего стола, заваленного мелочью, фотографиями, паспортом и чашкой кофе.
Уровень 2D
Интерактивный и живописный веб-сайт Level 2D выглядит как старинный гараж с полным спектром услуг, с мерцающей вывеской и гаражными отсеками для веб-дизайна и хостинга.
Посетите Каскадию
Водителям грузовиков предстоит увидеть множество американских пейзажей, в том числе и те, которые практически не изменились на протяжении десятилетий. Но представьте, если бы у них был собственный идиллический полностью американский город с такими достопримечательностями, как проезд только для грузовиков, самый большой в мире подстаканник и дегустационный зал вяленой говядины.
