• 手机站
  • 收藏
聚培教育网合作机构 > 郑州天琥设计培训学校
郑州天琥设计培训学校
400-998-6158
郑州天琥设计培训学校

ui界面手势交互设计

UI设计学习网

更新时间:2020-12-17 浏览:112
核心提示:ui界面手势交互设计拇指驱动设计众所周知,现在手机屏幕越做越大,甚至比最早的屏幕大两倍。然而,许多设计师并没有改变他们的想

ui界面手势交互设计

拇指驱动设计
 

众所周知,现在手机屏幕越做越大,甚至比最早的屏幕大两倍。然而,许多设计师并没有改变他们的想法,而是跟随这一趋势的变化而设计。
 

普及一个常识:大多数人错误地认为手指在屏幕上的热区是不变的,但事实上手指的热区会随着设备的变大而缩小。因为手掌支撑设备的重心向后移动,拇指将屏幕控制在较小的范围内。
 

结果是,手机屏幕变得越来越大,双手持机的用户变多,但是75%的用户仍然用拇指触摸屏幕。因此,“拇指驱动设计”一词应运而生。
 

我们上面说过,在使用某些产品时,经常会遇到使用起来不顺心的情况,在这里,还有一个更重要的原因,就是“拇指操作区域”。
 

拇指操作区分为三个部分:易于触达,难以触达和介于两者之间的区域。
 

因此,在设计界面时,应注意界面的主要操作元素是否处于用户容易触及的范围内。
 

如果你仔细观察和思考,iOS产品界面会发现的“返回”按钮位于“难以触达”的区域。原因是产品人员自己不希望用户返回或退出,而是让用户关注当前页面。如果想返回,需要支付一点成本,什么成本?操作成本。
 

有人会说,因为iOS可以从手机的左边缘向右滑动以获得返回效果,所以在大多数iOS产品中,返回不需要太多的操作成本。然而,并不是所有的苹果用户都知道这一点,也不是所有的产品都支持这一功能。而且,手势交互的进化是为了提高用户操作的效率,所以它们在本质上并不矛盾。在手势操作中,“滑动”的返回比“点击”更具成本效益。
 

内容在上,操作在下
 

许多人设计app,但是没有人研究为什么app是这样设计的。
 

例如,为什么一开始把标签栏放在下面?一开始,我也问过很多人这个问题,但基本上只说这是官方设计规范,这相当于胡说八道。
 

通过阅读大量资料,我发现工业设计领域有一个重要的基本设计原则:内容在上,操作在下。
 

例如,在使用电脑时,操作在下意味着使用者在操作过程中,手指始终处于界面下方,从而避免手指阻挡内容的情况。
 

界面的右/左上角的位置显然对拇指不友好,这样做的原因也很明显:编辑功能会让数据发生变化。将此类控件放置在难以操作的位置(与左上角返回的道理相同)是一种防御性设计策略,可以在一定程度上避免操作错误造成的破坏性结果。
 

更多>同类资讯
更多>相关课程
顶部