Практическое занятие №7
Разработка дизайна-макета в стиле ретро (Винтаж)
Цель работы: изучить принципы стиля ретро (винтаж) и разработать дизайн-макет сайта в данном стиле.
Теоретические сведения
Ретро-дизайн черпает свое вдохновение из 50-х и 60-х годов. Данный стиль давно уже стал неотъемлемой частью дизайна и современных технологий.
Смесь разработанного старого стиля с новыми технологиями, порождает ретро-дизайн, который нам так напоминает о прошлых временах. Тенденции веб-дизайна постоянно меняются, но одно можно сказать с уверенностью, что ретро дизайн – просто удивителен.
Ретро проекты включают в себя: динамическую графику, космические путешествия, Pin Up девушек, дизайны старых автомобилей. Ретро веб-дизайн отличается своими уникальными чертами, поэтому часто становится предпочтительным выбором клиентов.
Ретро – термин, объединяющий в себе моду второй половины XIX и первой половины XX в. Элементы дизайна, повторяющие модные направления после 1950-х гг., получили название «винтаж».
Основные элементы для создания ретро и винтажного дизайна:
– иллюстрации старых постеров, киноафиш, фотографии и др.;
– разнообразные старинные и рукописные шрифты;
– использование высококонтрастных неоновых цветов или темных грязных цветов и фактуры (например, старая бумага);
– элементы поп-арта;
– минимум анимации или вообще без нее (хотя, заметим, что элементы анимации и синемаграфы могут присутствовать).
Пример использования ретро-стиля на главной странице сайта представлен на рисунке.
Рисунок 1 - Стиль ретро
Задания к практическому занятию
1. Изучить принципы разработки сайта в стиле ретро в веб-дизайне.
2. Разработать дизайн-макет не менее двух страниц сайта в стиле ретро. Идеи можно посмотреть на сайтах:
- https://ru.pinterest.com/nataliasobianin/%D0%B3%D1%80%D0%B0%D1%84%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%B8%D0%B9-%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD-%D0%B2-%D1%81%D1%82%D0%B8%D0%BB%D0%B5-%D1%80%D0%B5%D1%82%D1%80%D0%BE/
- https://pt-blog.ru/21-vdoxnovlyayushhij-primer-retro-stilya-v-veb-dizajne/?ysclid=lohjew7s7o883135519
- http://www.coolwebmasters.com/web-design/3479-retro-and-vintage-44-classy-examples-of-web-designs.html
Контрольные вопросы
1. Опишите характерные особенности ретро-стиля (винтаж).
2. Для каких сайтов лучше всего применять данный стиль?
3. Какие типографические решения наиболее предпочтительны для данного стиля? Ответ обоснуйте.
4. Обоснуйте расположения элементов на вашем дизайне-макете сайта с точки зрения представленного стиля.
Скачано с www.znanio.ru
© ООО «Знанио»
С вами с 2009 года.