lesson 10 | Advance user interface

lesson 10 | Advance user interface_第1张图片

地址链接:https://hackdesign.org/lessons/38

动画&反馈

用户进行相应操作后用户界面要给予相应的动画来辅助反馈。

  • 绘制动态可视化
  • 动画过渡
    看到状态之间的转换如何变化,了解如何撤消。转换界面也可以加上相应的商业logo
  • 避免UI太快
  • Quartz Composer
    专业设计复杂的动画互动设计的强大工具
  • 如何获取动画灵感和创意
    推荐网站1:http://ui-animations.tumblr.com/
    推荐网站2:https://dribbble.com/

人的因素

  • 过渡接口
  • 多去尝试创新的设计
    不要老是局限在传统的结构和导航栏,去重新思考核心交互。
  • 如何用生动的动画提升体验
    移动端动画的12原则
  • 逐渐减少

用Quartz Composer设计原型

Quartz Composer 是一款图形化的编程工具,专门用来生成各种动态视觉效果,包括可交互的界面原型。
Quartz Composer入门
这篇还不错,比较详细介绍了QC,也有很多教程和设计指南。
Quartz Composer如何入门?—知乎


Framer

Framer是一款基于JavaScript的开源原型框架,可以让开发者及设计师轻而易举地创建出非常逼真的应用原型。凭借其简易、强大的交互和动画优势,Framer不仅取得了业界的认可,更赢得了苹果、Google等巨头公司的青睐。

lesson 10 | Advance user interface_第2张图片

Framer开源原型设计工具介绍
Framer如何入门

你可能感兴趣的:(lesson 10 | Advance user interface)