ݺߣ

ݺߣShare a Scribd company logo
Поговорим о грустном
UI и UX, как ключевые составляющие фирменного стиля ближайшего будущего
Что это за программа?
Условия игры на рынке
визуального брендинга
меняются вместе с изменением
основных сред и точек
контакта с потребителем.
Если общество живет в постоянном взаимодействии с информацией, если вся
окружающая среда становится информационной, что это значит для нас?

Как мы получаем доступ к информации? Посредством визуальных интерфейсов.
Google — это визуальный интерфейс поиска. Сегодня интерфейс есть у вашего
ноутбука и мобильного телефона, то завтра он будет у всего: у холодильника, у
газовой плиты, у автомобиля, у стены в ванной.

Интерфейс – это медиа-среда ближайшего будущего. Носитель визуальной
идентификации (или, если угодно, фирменного стиля) бренда.

Интерфейс, стилизация интерфейса, правила его оформления станут на первые
позиции в брифах для дизайнерских агентств, в течение ближайших пяти лет.
Классический малый корпора-
тивный стиль сегодня – лого,
визитка, бланк, конверт
Классический малый корпоративный
стиль завтра – лого, иконка, приложение
на планшете, приложение на коммуни-
каторе, веб-сайт, интерфейс для desktop
Эволюция
визуального
брендинга
1. Logo
2. Corporate Identity
3. Visual System
4. Visual Language
1. Logo
2. Visual Identity
3. Visual System
4. Visual Language
5. UI, UX visual language
Очень скоро нам понадобятся другие
специалисты с штате брендинговых
компаний и design consultancies.

Что мы будем делать, когда заказчик
придет за вышеописанным «малым
корпоративным стилем»?
Интерфейс с точки зрения
графического дизайнера:
•	 иконка основная (в т.ч. интерпретации в стилистику основных платформ);
•	 сеты иконок и пиктограмм;
•	 элементы управления (кнопки, полосы прокрутки, слайдеры, переключатели, др.)
•	 элементы системы ввода информации (классические формы ввода, уникальные –
голосовые, жестовые, предиктивные);
•	 оформление окон (диалоговых, модальных, popup, др);
•	 оформление меню;
•	 оформление фона;
Интерфейс с точки зрения
проектировщика UX:

•	   Тактильные реакции;
•	   Реакции на жесты, на взаимодействия;
•	   Отклик интерфейса (feedback);
•	   Динамическая и аудиальная составлящая интерфейса;
Интерфейс с точки зрения
маркетолога, рекламиста, заказчика:

•	   Узнаваемость;
•	   Понятность;
•	   Отражение преимуществ и отличий бренда;
•	   Красота;
Основные требования к системам
визуальной идентификации должны
также относиться к интерфейсам:
•	 Пространство для фантазии;
•	 Стилизация пространства и динамических состояний,
в т.ч. реакций (фидбек);
•	 Адекватность и интегрированность (консистентность);
•	 Символизм, метафоричность;
•	 Эстетическая целостность;
Проблема:

Привычка копировать
чужие решения!
Вместо узнаваемого уникального и удобного
интерфейса заказчик и пользователь получают:
- почерк дизайнера (или студии);
- стиль Metro, Apple, «как у Горбунова»;

и т.п.
Чем идентифицироваться?
Формой
"Поговорим о грустном": UI, UX как ключевые составляющие фирменного стиля ближайшего будущего
Колористикой
и шрифтовым решением
(редко когда работает);
Имидж-банком,
характером иллюстрирования,
стилем иконок (не всегда подходит);
"Поговорим о грустном": UI, UX как ключевые составляющие фирменного стиля ближайшего будущего
"Поговорим о грустном": UI, UX как ключевые составляющие фирменного стиля ближайшего будущего
Фактурами,
текстурами,
стилизацией.
"Поговорим о грустном": UI, UX как ключевые составляющие фирменного стиля ближайшего будущего
Уникальной, новой
для пользователя, но удобной
логикой интерфейса.
Поведением интерфейса
(динамическими реакциями,
откликом, особой визуализацией
результата действий пользователя)
"Поговорим о грустном": UI, UX как ключевые составляющие фирменного стиля ближайшего будущего
Композицией
(менее узнаваемо)
Совокупностью всего
вышеперечисленного!
  А также:

  •	 применением эффекта к контенту (калейдоскоп, 	
  	 отражение, преобразование);

  •	 паттерном, орнаментом, др. (не всегда приемлемо);

  •	 переходом в три или четыре измерения
   	 и созданием своих правил поведения в них;

  •	 масштабным цветовым кодированием;
Минутка рекламы:

В inspire требуются:
— UI, UX-designer;
— PHP, MySQL-программист;
— identity designer;
— motion designer;

Кроме того мы проводим
стажировки для желающих.
Инженеры общества информации



Спасибо за внимание!

Читайте статьи
и смотрите видео-лекции на сайте:
www.inspire.com.ua
Ярослав Трофимов,
Директор inspire metamarketing



twitter: _metamarketing
facebook: inspireadv
gmail: inspireadv

More Related Content

"Поговорим о грустном": UI, UX как ключевые составляющие фирменного стиля ближайшего будущего

  • 1. Поговорим о грустном UI и UX, как ключевые составляющие фирменного стиля ближайшего будущего
  • 2. Что это за программа?
  • 3. Условия игры на рынке визуального брендинга меняются вместе с изменением основных сред и точек контакта с потребителем.
  • 4. Если общество живет в постоянном взаимодействии с информацией, если вся окружающая среда становится информационной, что это значит для нас? Как мы получаем доступ к информации? Посредством визуальных интерфейсов. Google — это визуальный интерфейс поиска. Сегодня интерфейс есть у вашего ноутбука и мобильного телефона, то завтра он будет у всего: у холодильника, у газовой плиты, у автомобиля, у стены в ванной. Интерфейс – это медиа-среда ближайшего будущего. Носитель визуальной идентификации (или, если угодно, фирменного стиля) бренда. Интерфейс, стилизация интерфейса, правила его оформления станут на первые позиции в брифах для дизайнерских агентств, в течение ближайших пяти лет.
  • 5. Классический малый корпора- тивный стиль сегодня – лого, визитка, бланк, конверт
  • 6. Классический малый корпоративный стиль завтра – лого, иконка, приложение на планшете, приложение на коммуни- каторе, веб-сайт, интерфейс для desktop
  • 12. 1. Logo 2. Visual Identity 3. Visual System 4. Visual Language 5. UI, UX visual language
  • 13. Очень скоро нам понадобятся другие специалисты с штате брендинговых компаний и design consultancies. Что мы будем делать, когда заказчик придет за вышеописанным «малым корпоративным стилем»?
  • 14. Интерфейс с точки зрения графического дизайнера: • иконка основная (в т.ч. интерпретации в стилистику основных платформ); • сеты иконок и пиктограмм; • элементы управления (кнопки, полосы прокрутки, слайдеры, переключатели, др.) • элементы системы ввода информации (классические формы ввода, уникальные – голосовые, жестовые, предиктивные); • оформление окон (диалоговых, модальных, popup, др); • оформление меню; • оформление фона;
  • 15. Интерфейс с точки зрения проектировщика UX: • Тактильные реакции; • Реакции на жесты, на взаимодействия; • Отклик интерфейса (feedback); • Динамическая и аудиальная составлящая интерфейса;
  • 16. Интерфейс с точки зрения маркетолога, рекламиста, заказчика: • Узнаваемость; • Понятность; • Отражение преимуществ и отличий бренда; • Красота;
  • 17. Основные требования к системам визуальной идентификации должны также относиться к интерфейсам: • Пространство для фантазии; • Стилизация пространства и динамических состояний, в т.ч. реакций (фидбек); • Адекватность и интегрированность (консистентность); • Символизм, метафоричность; • Эстетическая целостность;
  • 18. Проблема: Привычка копировать чужие решения! Вместо узнаваемого уникального и удобного интерфейса заказчик и пользователь получают: - почерк дизайнера (или студии); - стиль Metro, Apple, «как у Горбунова»; и т.п.
  • 28. Уникальной, новой для пользователя, но удобной логикой интерфейса.
  • 29. Поведением интерфейса (динамическими реакциями, откликом, особой визуализацией результата действий пользователя)
  • 32. Совокупностью всего вышеперечисленного! А также: • применением эффекта к контенту (калейдоскоп, отражение, преобразование); • паттерном, орнаментом, др. (не всегда приемлемо); • переходом в три или четыре измерения и созданием своих правил поведения в них; • масштабным цветовым кодированием;
  • 33. Минутка рекламы: В inspire требуются: — UI, UX-designer; — PHP, MySQL-программист; — identity designer; — motion designer; Кроме того мы проводим стажировки для желающих.
  • 34. Инженеры общества информации Спасибо за внимание! Читайте статьи и смотрите видео-лекции на сайте: www.inspire.com.ua Ярослав Трофимов, Директор inspire metamarketing twitter: _metamarketing facebook: inspireadv gmail: inspireadv