返回

郑州天琥设计培训学校

ui界面手势交互设计

UI设计学习网更新时间:2020-12-17 浏览:114

ui界面手势交互设计

拇指驱动设计
 

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

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

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

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

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

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

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

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

内容在上,操作在下
 

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

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

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

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

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

相关资讯

ui设计学习方法

ui设计学习方法
2020-09-11 4831
给大伙儿共享一些有关ui设计学习培训的学习的方法,期待每一个来学习ui设计学习培训的盆友都能有非常大的取货。有关ui设计学习培...
零基础怎么入门学习UI设计呢
2021-06-25 1915
对于基础薄弱的小伙伴们来说,学习UI设计的头绪是比较大的,虽然有很多的书籍和视频可以供参考,但是很多人缺乏规律性,缺乏自学精...
GUI、UI、UE、PM都代表什么意思
2021-01-21 876
UI-UserInterface-操作界面-包含了GUI,可是彻底2个不一样的职位-广泛,能够是加工厂设备操控台页面,还可以电冰箱门上的溫度调整页面,或是是一个APP的页面,但大家如今通俗化了解是指网页页面或是APP的总体页面...
学习UI设计怎么找方向
2021-11-09 579
如今的你们是否存有那样的的焦虑情绪:各大家装网站平台过多,不清楚该看哪一个才好;关心了几十个设计类微信公众号,很多的信息...
在ui设计方案中icon和按键的区别
2021-01-21 549
在页面设计中最初Icon 便是标志,具备代指实际意义的符号图片都叫标志。标志的种类有程序图标、菜单栏标志、按键这些。针对UI设计师而言,你提及的通通都能够称作标志...
做美工有出路吗
2021-06-26 466
淘宝的业绩要想好,除了有运营的功劳,还有一个重要的部分就是美工了,一个店铺能否赚钱除了看运营以外就是美工了,有一个好的美...
UI基础都要学习哪些知识
2021-11-10 444
有一些小伙伴感觉UI设计非常简单,认为把握了PS手机软件专业技能和设计方案好多个页面和标志就可以寻找工作中。实际上没有你想的那样简单...
什么叫全链路UI设计师
2020-12-21 422
什么叫全链路UI设计师?答:全链路UI设计师实际上是传统式UI设计师的全新升级,传统式UI设计师一般具有基本造型设计工作能力...

相关课程

栏目导航