Модуль 3. Дизайн-проектирование в компьютерном дизайне

14. Введение в цифровую эру дизайна План:

∙Web-design

∙Motion Design

∙Интерфейс пользователя

∙Game Design

∙Разработка игр

Существует несколько видов цифрового дизайна, к ним можно отнести: веб-дизайн, motion-design, дизайн игр (он же game design), а так же дизайн видео-роликов, кино. Рассмотрим некоторые виды цифрового дизайна.

14.1. Web-design

Веб-дизайн (от англ. web – сеть, design – дизайн, проектирование, конст- руирование) — отрасль веб-разработки и разновидность дизайна, в задачи которой входит проектирование пользовательских веб-интерфейсов для сайтов или веб-приложений (браузер и веб-сервер). Веб-дизайнеры проек- тируют логическую структуру веб-страниц, продумывают наиболее удоб- ные решения подачи информации, а так же занимаются художественным оформлением веб-проекта. В результате пересечения двух отраслей чело- веческой деятельности грамотный веб-дизайнер должен быть знаком с по- следними веб-технологиями и обладать соответствующими художественными качествами.

Веб-дизайн – вид графического и компьютерного дизайна, направлен- ный на разработку и оформление объектов информационной среды интер- нета, призванный обеспечить им высокие потребительские свойства и эс- тетические качества. Подобная трактовка отделяет веб-дизайн от веб- программирования, подчеркивает специфику предметной деятельности веб-дизайнера, позиционирует веб-дизайн как вид графического дизайна. В настоящее время под термином веб-дизайн понимают именно проектиро- вание структуры веб-ресурса, обеспечение удобства пользования ресурсом для пользователей. Услуги веб-дизайна предоставляют как специальные компании (юридические лица), так и частные лица – веб-дизайнеры, веб- мастера (физические лица).

125

Также непосредственно с дизайном сайтов смежен интернет- маркетинг, то есть, продвижение и реклама созданного ресурса, поисковая оптимиза-

ция (рис. 102).

Рис. 102. Дизайн сайта итальянского питомника собак Corleone Kennels

Таким образом, визуальными средствами решаются самые разнообраз- ные задачи, такие как, повышение продаж, укрепление доверия, создание определенного имиджа и другие.

Врусском языке слово «дизайн» приобрело другой смысл, нежели оно имеет в английском. В строгом смысле слова дизайн (design) – это разра- ботка, конструирование. Сочетание «machine design» – переводится как «конструирование станков», а не как их эстетическое внешнее оформле- ние.

Таким образом, web-дизайнер в зарубежном понимании – это не кто иной, как web-разработчик – верстальщик (web-master/web-coder), специа- лист по информационной архитектуре (web-developer), программист (webprogrammer), администратор (system administrator) в одном лице.

Врусском языке дизайн ближе к эстетике, изобразительному или офор- мительскому искусству – в таком понимании web-дизайнер это в первую очередь художник. То есть, то, что в английском языке соответствует сло-

ву web-artist, web graphical designer.

14.2. Motion Design

Motion Design – это аббревиатура от «Motion Graphics Design» или до-

словно по-русски «Графический дизайн в движении». Это вид искусства принесшее жизнь в статичный графический дизайн под видом анимации.

Motion Design – направление современного искусства, представляющее симбиоз графического дизайна и динамической графики, такой как филь- мы, видео или компьютерная анимация.

Сложно достоверно сказать, когда возникло само понятие Motion Graphics. Известно, что оно употреблялось еще в XIX веке, но прочно вошло в обиход как термин только, пожалуй, лишь в 1960 году, когда Джоном Уит-

ни (John Whitney) была основана компания Motion Graphics Inc. И наконец,

126

популярным этот термин стал после выхода книги Триш и Криса Мейер

(Trish and Chris Meyer's) об использовании Adobe After Effects под назва-

нием «Creating Motion Graphics».

Статичное СЛОВО становится частью Motion-дизайна в тот момент, ко- гда БУКВЫ в нём приходят в движение. Тоже самое касается и графиче- ских примитивов, анимации старых фотографий и картин известных ху- дожников. Motion-дизайн является вспомогательной частью в отснятом видеоряде или само является полноценным видеороликом. А какая разни- ца между анимацией и Motion-дизайном? Эта граница до сих пор остаётся размытой. Традиционный анимационный фильм представляет историю, в которой каждый персонаж выражен собственным характером. В motion- дизайне изображенный персонаж не имеет характера и никак себя не пози- ционирует.

Motion-дизайн появился ещё во времена зарождения классического си- нематографа и начал по настоящему развиваться в 40-ых годах вместе с экспериментальными художниками Оскаром Фишингером и Норманом Маклареном до захватывающего роста в 50-ых, увеличив список художни- ков работающих в этом жанре. В тех же 50-ых годах телевизионные кана- лы взялись за анимирование своих логотипов и заглавных титров к переда- чам. И так продолжалось до середины 90-ых.

Этот вид искусства просуществовал больше века, он буквально взо- рвался в последние 15 лет благодаря появлению цифровых технологий. Титры к фильмам, заставки на телевидении, веб-сайты, мобильные теле- фоны, планшеты, ТВ-реклама. Сейчас motion-дизайн повсюду и практиче- ски не осталось места, где бы этот вид искусства не использовался.

Примеры работ данного направления часто встречаются в обычной жиз- ни, например спецэффекты к фильмам, мультимедиа презентации или раз- личные трехмерные логотипы телеканалов, да даже титры к фильмам. В среднем, в мире 12 минут из каждого часа вещания телевидения – это ра- бота motion-дизайнеров.

В последнее время качественный motion design все чаще можно встре- тить на страницах интернет ресурсов или в различных промо и рекламных роликах мировых брендов.

14.3. Интерфейс пользователя

Интерфейс пользователя (UI – англ. user interface) – совокупность средств, при помощи которых пользователь общается с различными уст- ройствами, чаще всего – с компьютером или бытовой техникой, либо иным сложным инструментарием (системой).

Интерфейс пользователя компьютерного приложения включает:

−средства отображения информации, отображаемую информацию, форматы и коды;

127

−командные режимы, язык «пользователь – интерфейс»;

−устройства и технологии ввода данных;

−диалоги, взаимодействие и транзакции между пользователем и ком- пьютером, обратную связь с пользователем;

−поддержку принятия решений в конкретной предметной области;

−порядок использования программы и документацию на неё. Пользовательский интерфейс часто понимают только как внешний вид

программы. Однако на деле пользователь воспринимает через него всю программу в целом, а значит, такое понимание является слишком узким.

В действительности пользовательский интерфейс объединяет в себе все элементы и компоненты программы, которые способны оказывать влияние на взаимодействие пользователя с программным обеспечением. Это не только экран, который видит пользователь.

Кэтим элементам относятся:

−набор задач пользователя, которые он решает при помощи системы;

−используемая системой метафора (например, рабочий стол в MS Windows);

−элементы управления системой;

−навигация между блоками системы;

−визуальный (и не только) дизайн экранов программы;

−средства отображения информации, отображаемая информация и форматы;

−устройства и технологии ввода данных;

−диалоги, взаимодействие и транзакции между пользователем и ком- пьютером;

−обратная связь с пользователем;

−поддержка принятия решений в конкретной предметной области;

−порядок использования программы и документация на нее.

14.4 Game design

Разработка игр – это процесс производства компьютерных игр. Другое распространённое название: «gamedev» (от англ. game – игра и англ development – разработка).

Game design – процесс разработки содержания и правил игры. К содер- жанию игры относят персонажей, окружающую среду, сюжет. Этот термин так же используется для описания технической документации, которая описывает дизайн.

В 1972 г. Нолан Бушнелл разработал игру под названием Pong (рис. 103). Две короткие вертикальные полоски на монохромном экране изобра- жали теннисные ракетки, которыми игроки отбивали мячик, стараясь на- править его на половину экрана соперника. Несмотря на свою простоту, игра Pong мгновенно стала популярной в Америке и Европе. Очень скоро

128