14 Ретро теми OpenCart

Ретро-теми OpenCart для багатоцільових веб-сайтів

Вінтажний стиль завжди буде модним поза часом і трендами. Це створює особливі відчуття, коли відвідувач потрапляє на ваш сайт. Такий веб-ресурс вражає дизайном, елементами, кольорами та підказками. Це підійде для будь-якої ніші. Ми рекомендуємо вибирати ретро-теми OpenCart , дотримуючись кількох стильових принципів, щоб вдало підкреслити вашу концепцію.

Принципи ретро стилю для електронної комерції

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

• 20-30-ті роки. Це епоха жіночої емансипації та революційних настроїв. Використання чорного і фіолетового кольорів, джаз, літаки, кінематограф — головні мотиви того часу.
• післявоєнні 1940-1950-ті роки. Це час класики, спокою та безтурботної ілюстрації в дусі стилю new look. Ви можете натрапити на рекомендацію під назвою пін-ап. Це напрямок в ілюстрації та фотографії. Його характеризують яскраві колірні відтінки, що нагадують реалістичний мультфільм. Майстри зазвичай зображують красивих жінок у яскравому одязі.
• 60-70-ті роки. Це час прекрасних жінок, яких ми знаємо: Мерилін Монро, Бріджит Бардо та Софі Лорен. У моді яскраві принти, червоний, рожевий і синій кольори, легкість і невимушеність.
• 80-ті роки. Тут ви знайдете яскраві кольори, геометричні фігури, візерунки та повне використання іконографії.

Сучасність успадкувала елементи стилю та адаптувала їх до сучасних тенденцій. Розглянемо основні принципи вінтажного дизайну.

Приглушені кольори

У 20 столітті друкарні не мали якісного обладнання та чорнила. Друк мав тьмяні відтінки, а часте використання створювало характерні потертості та плями.

Ви досягаєте цього ефекту, застосовуючи різноманітні фільтри та низький рівень прозорості. Спробуйте освоїти фільтр сепії. Це створить враження старовини. Користувач сприйме сайт як щось застаріле, але в той же час з певним шармом.

Ілюстрації

Однією з найяскравіших тенденцій в дизайні є використання тематичних ілюстрацій, що слідують за зовнішнім виглядом концепції перегляду вашої сторінки. Завдяки малюнкам можна легко розділити напрямки. Зверніть увагу на відповідні характеристики:

• Колір. Згідно з першим принципом, відтінки на ілюстраціях зазвичай тьмяні.
• Дія або предмети. Зазвичай на ілюстраціях зображені предмети старовини. Це може бути стара техніка: старий фотоапарат або автомобіль.
• Без фону. Більшість таких ілюстрацій, що використовуються у веб-дизайні, вставляються фахівцями у макет без фону та виділених елементів на сторінці.

Як приклад дизайнери використовують фотоілюстрацію давніх часів. На задньому плані ви можете побачити фотографію з ефектом сепії. Також цікаві різні маленькі картинки. Спробуйте ним керувати.

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

Геометричні фігури

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

Значки та логотипи

Використання різноманітних значків, значків, візерунків, вензелів у відповідному дизайні – популярний інструмент, який відповідає всім вимогам. Приглушені кольори, створення об’єму за допомогою тіней, мальовані ілюстрації, сірий «газетний» фон створюють неповторну атмосферу та стильний дизайн сайту.

Розробляючи макет сайту в стилі ретро, враховуйте наступні деталі

• Тематика сайту. Для деяких ніш такий стиль не підійде і викличе дивні відчуття. Особливо це стосується компаній, які надають послуги в цифровій сфері. Користувачі очікують від таких організацій скоріше сучасний дизайн і мінімалістичний інтерфейс, ніж різноманітність декоративних елементів і зображень раритетної техніки. Слід додати 3D-елементи та анімацію та виділити відповідну інформацію.
• Особливості навігації. Потрібно продумати навігацію. Керуйте традиційними компонентами: горизонтальне меню, вертикальна прокрутка та відповідні зображення. У деяких випадках можна використовувати сучасні види навігації, але слід дотримуватися певної колірної гами, шрифту та елементів, що створюють відтінок старовини.
• Особливості анімації. Як правило, вінтажний стиль не оперує складними анімаційними ефектами і переходами між екранами. Іноді майстри вдаються до динамічних ефектів, але намагаються оформити їх у такий специфічний спосіб. Зверніть увагу на віджети годинника, вражаючі рішення для переходів і багато іншого.