пользователей: 30398
предметов: 12406
вопросов: 234839
Конспект-online
РЕГИСТРАЦИЯ ЭКСКУРСИЯ

Анимация в интерфейсе электронных документов.

Когда мы создаем статические макеты интерфейсов (будь то сайтов или мобильных приложений) в Photoshop, мы не слишком сильно задумываемся над тем, как этот макет поведет себя в динамике. Стив Джобс как то сказал: «Дизайн это не то как продукт выглядит, это то как он работает». Наше впечатление от продукта формируется на основании многих факторов, но самым важным является комфортное взаимодействие с ним. 

Тенденции в анимации интерфейсов:

  • Анимация прокрутки
  • Динамичные переключатели (плюс превращается в крест)
  • Сворачивающиеся комментарии
  • "Потянуть, чтобы обновить"
  • Приглашающие элементы управления (которые будто приглашают взаимодействовать с ними; например, полоски возле панелей, которые можно вытянуть)
  • Скрытие элементов управления

Преимущества анимации: наглядность, увлекательность, естественность.

Следует сказать и про анимацию кнопок. У кнопки есть несколько состояний: когда курсор никак с ней не взаимодействует, когда курсор на нее наведен, и когда кнопка нажата. Кнопка в этих трех состояниях имеет разный вид. При этом событие, которое активирует кнопка, может запускаться в разные моменты: когда курсор наведен на кнопку, когда кнопка нажата, и когда кнопка была нажата и отпущена. Чаще всего событие программируют на последнее состояние.


21.05.2017; 00:49
хиты: 533
рейтинг:0
для добавления комментариев необходимо авторизироваться.
  Copyright © 2013-2024. All Rights Reserved. помощь