Discuz! Board

请用户朋友们仔细阅读本模板设置说明,以防出现问题。
本模板有三款配色及全站宽屏、窄屏可切换(共六种选择),会员登录后可自行选择喜欢的样式。
用手机扫描右侧二维码,可查看本站响应式手机版效果,对于320px宽度以上的智能手机均完美支持。
测试帐号用户名:test,密码:test,如有其它问题可加入QQ群讨论:241613016

Discuz! Board 网站首页 图文频道 查看内容

2014-8-12 16:38
在响应式设计的帮助下,应用设计终于可以摆脱设备尺寸的限制

摘要 : Pinterest一反电商应用臃肿之常态,在应用的主要界面中,移除了操作按钮和额外信息功能。极简式的设计让用户清晰的了解到界面中元素哪些是重要的,哪些较为次要——用户主要通过拖动、滑动、触摸、按压来与内容交互 ...

artery2014-8-12 16:3820467
Pinterest一反电商应用臃肿之常态,在应用的主要界面中,移除了操作按钮和额外信息功能。极简式的设计让用户清晰的了解到界面中元素哪些是重要的,哪些较为次要——用户主要通过拖动、滑动、触摸、按压来与内容交互,尽量减少界面中除内容外的干扰因素。
正如预期所想那样,当用户点击图像,图像会放大,进入细节界面,从而了解更多和图像相关的信息。在细节视图中,用户可以完成主要的操作,例如加入钉板(类似收藏),发送分享,或者编辑图像。似乎除了这些功能再没有别的功能了。然而,如果用户按压图像,他们会发现会从指尖下方的屏幕弹出3个原型按钮,同样提供了上述三个功能。当用户的手指靠近某个按钮,按钮会变红,松手后便能完成操作。只需要重复1-2次这种操作,用户便能学会。
整个体验愉悦,因为动效精心设计,平滑而不突兀。而手势提高了操作的直观性。“可发现控件”这种设计模式提升了内容的可读性和操作性——Tinder的那种让人上瘾的、滑动显示资料的操作方式也很类似。

1

鲜花

握手

雷人

路过

鸡蛋
收藏 邀请
发表评论

最新评论

引用
test 2014-12-10 15:36
当用户的手指靠近某个按钮,按钮会变红!
引用
test 2014-12-10 15:35
artery: 同样提供了上述三个功能。当用户的手指靠近某个按钮,按钮会变红,松手后便能完成操作。
test!
引用
artery 2014-8-12 16:41
同样提供了上述三个功能。当用户的手指靠近某个按钮,按钮会变红,松手后便能完成操作。
引用
artery 2014-8-12 16:41
同样提供了上述三个功能。当用户的手指靠近某个按钮,按钮会变红,松手后便能完成操作。
引用
artery 2014-8-12 16:41
同样提供了上述三个功能。当用户的手指靠近某个按钮,按钮会变红,松手后便能完成操作。
引用
artery 2014-8-12 16:41
同样提供了上述三个功能。当用户的手指靠近某个按钮,按钮会变红,松手后便能完成操作。
引用
artery 2014-8-12 16:41
同样提供了上述三个功能。当用户的手指靠近某个按钮,按钮会变红,松手后便能完成操作。

查看全部评论(7)

相关分类Classify

•  图文频道

more +随机图赏Gallery

在响应式设计的帮助下,应用设计终于可以摆脱设备尺寸的限制在响应式设计的帮助下,应用设计终于可以摆脱设备尺寸的限制
如果仔细研究安卓当前的手势设定,你会发现,这些手势是怎样在用户使用日历如果仔细研究安卓当前的手势设定,你会发现,这些手势是怎样在用户使用日历
忆往昔,我们仅能依靠鼠标的点击、悬停、滚动,以及键盘的案件敲击来触发网络交互效果忆往昔,我们仅能依靠鼠标的点击、悬停、滚动,以及键盘的案件敲击来触发网络交互效果
按压来与内容交互,尽量减少界面中除内容外的干扰因素按压来与内容交互,尽量减少界面中除内容外的干扰因素
极简式的设计让用户清晰的了解到界面中元素哪些是重要的极简式的设计让用户清晰的了解到界面中元素哪些是重要的
动、触摸、按压来与内容交互,尽量减少界面中除内容外的干扰因素动、触摸、按压来与内容交互,尽量减少界面中除内容外的干扰因素

Archiver|手机版|小黑屋|Comsenz Inc.

GMT+8, 2024-3-29 13:35 , Processed in 0.030203 second(s), 27 queries .

Powered by Discuz! X3.4 © 2001-2013 Comsenz Inc.

Designed by ARTERY.cn

返回顶部