русс | укр

Языки программирования

ПаскальСиАссемблерJavaMatlabPhpHtmlJavaScriptCSSC#DelphiТурбо Пролог

Компьютерные сетиСистемное программное обеспечениеИнформационные технологииПрограммирование

Все о программировании


Linux Unix Алгоритмические языки Аналоговые и гибридные вычислительные устройства Архитектура микроконтроллеров Введение в разработку распределенных информационных систем Введение в численные методы Дискретная математика Информационное обслуживание пользователей Информация и моделирование в управлении производством Компьютерная графика Математическое и компьютерное моделирование Моделирование Нейрокомпьютеры Проектирование программ диагностики компьютерных систем и сетей Проектирование системных программ Системы счисления Теория статистики Теория оптимизации Уроки AutoCAD 3D Уроки базы данных Access Уроки Orcad Цифровые автоматы Шпаргалки по компьютеру Шпаргалки по программированию Экспертные системы Элементы теории информации

В СОВРЕМЕННОМ ГРАФИЧЕСКОМ ДИЗАЙНЕ


Дата добавления: 2013-12-23; просмотров: 2588; Нарушение авторских прав


СТИЛИСТИЧЕСКИЕ НАПРАВЛЕНИЯ

Стилистическое направление Эмоциональный настрой Типичные изображения и элементы оформления Модульная сетка Фон Шрифт Цвет Особенности навигации и сценария сайта
Минимализм   Основные элементы дизайна – код программы и текст          
ТЕХНО-СТИЛЬ Техно-стиль делится на два основных течения: 1) индустриальный техно-стиль, 2) хай-тек   - угловатые формы, острые углы - имитация чертежных элементов, пунктиры, штриховка, стрелки, - элементы металик, - заклёпки, - объемные фигуры, разработанные в 3DMax - логичная простота и аккуратность, - разбивка экрана на модули   - рубленные, «технические» шрифты - серо-синяя, стальная, темно-синяя гамма - технический звук на кнопках, - часто есть встроенный плэйер, в который загружается музыка в стиле техно, - сценарий загрузки ролика и сайта, - стиль компьютерных игр
ИНДУСТРИАЛЬНЫЙ ТЕХНО-СТИЛЬ (машиностроение, продажа автомобилей, заводы, промышленность) ощущение, что мы попали на завод - индустриальные иллюстрации, - изображения различной техники, в том числе летательных и подводных аппаратов, - часто интерфейс оформлен под приборную панель          
ХАЙ-ТЕК (высокие технологии, всё, что связанно с компьютерами, коммуникациями, электроникой) ощущение успешной развивающейся высокотехнологичной среды - иллюстрации на тему высоких технологий - светящееся точки, - часто интерфейс оформлен под панель управления электроникой          
КИБЕРПАНК Родился с появление компьютера Идея: ПК - будущее. Теоретик киберпанка – Брюс Стерлинг – автор произведения, по которому снят фильм «Джони-мнемоник». Панк – это молодежное направление, связанное с отрицанием норм общества ощущение мира будущего, жизнь которого полностью определяют компьютерные технологии - элементы компьютера (платы, клавиатура), - изображения человеко-машинных гибридов, электронных имплантатов, вставляемых на место человеческих органов - металлические, технические конструкции, - острые, колючие конструкции, сделанные в программах 3D моделирования, - мелкий нечитабельный текст (в качестве оформления)     - разнобой шрифтов по стилю и по размеру - эффекты свечения - «технологическая» дезориентация пользователя: мнимая поломка монитора (бах – и монитор почернел), сайт не возвращается по кнопке назад,
ТРЭШ «стиль бумажных пакетов»   - бумажный мусор, элементы бумажной фактуры, разорванные бумажки, обрывки этикеток и т.п., - рисунки из мусорной корзины школьника, - элементы набросаны в беспорядке, - создается впечатление, что изображение создано без особых усилий - грязноватый фон, - плакатные, газетные шрифты (как обрывки плакатов), буквы будто вырезанные из газет и афиш,    
ПОП-АРТ «популярное искусство», эстетизация вещного мира, рекламная пропаганда вещи, эстетика утилитаризма - броскость, крикливость, наглядность, примитивизм - ярко и празднично - бытовые предметы (ботинки, старые шины, обрывки газет и афиш, этикетки, консервные банки), - элементы масс-медиа         - кричащие цвета  
НОВАЯ ВОЛНА Направление в искусстве, зародившееся в 60-е г.г. Карсон, Броуди, журнал Рэй’ган. Мультфильм Beatles «Желтая подводная лодка». - яркая и жизнерадостная композиция - цветы, бабочки, узоры из цветов и бабочек,расходящиеся лучи, - яркие полосы, линии, радужные полосы, - «бублики» (окружности),коллажи,       - яркие цвета, иногда ядовитые, - сочетание ярких цветов с серыми,  
ПИКСЕЛАРТ   - много очень мелких элементов, тщательно вырисованных по-пикселю (рисуют в Photoshop: увеличивают картинку и «долбят» по пикселю), - мелкие человечки, иногда анимированные, - целые города из мелких деталей, будто из конструктора, - жесткая модульная сетка, экран разбит на элементы – экранчики, в экранчиках очень-очень много информации, - композиция аккуратна, - много колонок, - много кнопочек, - пиксельный фон - мелкие шрифты,    
ТАБЛИЧНОЕ НАПРАВЛЕНИЕ   - элементы графиков, таблиц, гистограмм, шкалы, циферблаты, калькуляторы, выноски,приборная доска- сеточка из точек или плюсиков, - линии под углом 45° и 135°, - повторяющиеся мелкие элементы     - угловатые шрифты,    
НОВАЯ ГОТИКА Стилизация под готику Новая готика делится на два направления: 1) Dark Art 2) Фэнтэзи (Light Art)   - готические орнаменты, - изображения магических средневековых существ и предметов, - прозрачные изображения в формате .gif - свободная верстка, отсутствие модульной сетки   - готический шрифт   - предложение исследовать веб-страницу, дезориентация зрителя, псевдо-кнопки (обман пользователя), - необычная, изобретательная навигация, - включение элемента игры в сайт (например, собрать «ключи»)
НОВАЯ ГОТИКА. Dark Art - мрачное настроение, меланхолия, - тема смерти, разложения, - садизм, мазохизм - органическая фактура, слизь, - прозрачные изображения в формате .gif - фон темный, мрачный, - размножение органической фактуры на весь монитор в качестве бэкграунда, - иногда фон анимирован,   - предложение исследовать веб-страницу, дезориентация зрителя, псевдо-кнопки (обман пользователя),  
НОВАЯ ГОТИКА. Light Art настроение «сказочное» - эльфы, драконы          

 





<== предыдущая лекция | следующая лекция ==>
ТИПЫ ДИЗАЙНА ВЕБ-САЙТОВ | Уравнения движения машины


Карта сайта Карта сайта укр


Уроки php mysql Программирование

Онлайн система счисления Калькулятор онлайн обычный Инженерный калькулятор онлайн Замена русских букв на английские для вебмастеров Замена русских букв на английские

Аппаратное и программное обеспечение Графика и компьютерная сфера Интегрированная геоинформационная система Интернет Компьютер Комплектующие компьютера Лекции Методы и средства измерений неэлектрических величин Обслуживание компьютерных и периферийных устройств Операционные системы Параллельное программирование Проектирование электронных средств Периферийные устройства Полезные ресурсы для программистов Программы для программистов Статьи для программистов Cтруктура и организация данных


 


Не нашли то, что искали? Google вам в помощь!

 
 

© life-prog.ru При использовании материалов прямая ссылка на сайт обязательна.

Генерация страницы за: 0.005 сек.