CGWANG王氏动漫教育
广州动漫培训,广州原画培训,广州插画培训,广州游戏开发培训,广州MAYA培训
http://www.c***/
【全国免费咨询热线】:4000-636-114
学Ui设计都值得学习的APP交互方式方法
一、下拉输入
代表应用:Flickr、Opera Coast、any.do、Timi记账
即通过下拉的动作来呼出输入操作,比如搜索、添加项目等,比如flickr、opera coast就是通过下拉呼出搜索框,另外,还有一种就是下拉添加项目,此类的app有any.do、Timi记账。下拉是一个很自然很便捷的动作,很适合于”随时、快速输入”的情境,比如any.do作为GTD应用,采取下拉添加的设计就非常适合,因为很多时候,我们都会在这样一种情境中使用这个功能:走在路上,突然有了一个灵感,于是赶紧打开any.do,把想到的记下来。这样的情境要求能够以简单、快的方式输入,而不用去寻找添加按钮。
图1 Opera Coast的下拉搜索
图2 Flickr的下拉搜索
二、登录验证帐号
代表应用:印象笔记
通常的登录和注册是分开设计的,而印象笔记将登录和注册整合,每一步骤都只有一个表单,注册和登录没有任何冲突。这样避免了”用户已存在”然后又要重新填写表单的不良体验,在流程上有很大的优化,如下图4所示:
图3 印象笔记
图4 印象笔记的登录流程优化
三、未按钮的设计
代表应用:snapchat
交互设计中有个叫做”预设用途”的原则,大意就是一个界面或者控件,要让用户一看见它就知道如何使用。显然,基本的要求就是至少要能知道这个控件可否操作,而所谓”未的按钮”就是含有””和”未”两种状态而目前处于”未”状态的按钮,这就要求分别对两种状态进行设计。通常来说,有两种方法,隐藏或呈不可操作的视觉效果(比如灰色),比如snapchat的表单填写界面,当表单尚未填写完全时,CONTINUE按钮一直处于灰色状态,即告诉用户该按钮尚未。读到这里你或许会觉得这其实很简单嘛,但只要你仔细观察一下,就会发现有很多的应用没有这样设计。
图5 snapchat的表单
CGWANG动漫网站:http://www.c***
≈★★CGWANG王氏动漫教育★★≈【网站】
http://www.c***/
【24小时在线】(Q Q):800019294
【CGWANG校址】:广州校区地址:广州市海珠区晓港中马路130号之19
西安学校地址:西安市雁塔区电子二路36号青松公寓一层
成都校区地址:成都市锦江区大业路古卧龙桥街成物大厦17楼(青石桥海鲜市场对面,春熙路附近)
武汉校区地址:武汉市武昌区中南路世纪广场B座22层
重庆校区地址:重庆市渝中区大坪正街19号附41号-英利国际2号楼20层
深圳校区地址:深圳市福田区车公庙泰然四路泰然工贸园202栋(东座)5楼513
南京校区地址:南京市建邺区汉中门大街123号知海教育文化产业园9层