饮料,组件,交互,一样,区域,滚动,

UI设计教程 交互设计实用指南系列(9)—一次点击 不一样的交互组件(中)【碳酸饮料会】
  

交互设计是一个创造性的工作,利用创新的方式漂亮地解决产品问题,是一个交互设计师价值的体现。当创新的交互设计被用户认可、被业界同行学习,更是一种巨大的职业满足感。这种创新不一定是惊天地泣鬼神的革命性设计,一个小小的交互组件的创新就可以让产品体验增色不少。今天就通过一些案例聊聊交互组件创新的四种常见方式,与大家共勉。

一、滚动条的创新【重构法】 APP UI设计

  

我们先来回想一下阅读PDF文档的两种滚动方式:1、手型工具拖动 2、滚动条。

UI设计公司

 

要翻看后面的信息,用手型工具向上拖动,用滚动条则是向下拖动,两种操作方式的原理是什么呢?

UI设计

  

 

把文档分成可视区域A和整体区域B。滚动条滑块对应的是文档的可视区域A。因此滚动条拖动的是可视区域A,而手型工具拖动的是整体区域B,两种操作方式拖动的主体不一样,所以方向恰好相反。

  

滚动条可以理解为文档在垂直方向上的缩略图,滑块可以表示可视区域当前位置,可视区域占整体区域的比例。随着文档整体区域不断增高,可视区域所占的比例越小,因此滑块高度不断变小。统计过IE、FF、Office等常用软件,一般滑块高度到8px时就不再缩小。当滑块高度只剩8px时,滚动条的拖动体验就相当的差。 APP UI设计

  APP UI设计

页数:

交互设计实用指南系列(9)—一次点击 不一样的交互组件(中)【碳酸饮料会】
Copyright © 2005-2010 MOMOSJ. 深圳墨默交互设计 版权所有
粤ICP备09189706号RSS订阅