作者:佚名 来源于:中国广告设计知识网
可以看出,web网页更注重深广度的平衡。
再来看看手机端,很显然如果直接把web上的结构搬到手机上是行不通的,由于手机设备的限制,淘宝的手机主界面的广度大大减弱,信息深度更为明显。
pc上我们可以用面包屑路径或者各种导航清晰的表现出层级结构,让用户不在复杂的层级机构中迷路。但是在移动设备上显示区域有限,没有足够的地方用来放这样的路径,更多的时候我们只能用back。所以这也印证了前面所说的扁平化来势汹汹的趋势。
我们怎样才能做到在移动端减少结构层级从而精简交互步骤。总结了以下几种方法,也欢迎大家参与讨论。
1)并列
将并列的信息显示在同一个界面中,减少页面的跳转。
这里有最典型的例子就是 Windows 8,在这之前什么天气/邮件啊,都得点到具体的应用里面才能看到,而windows8在同一个界面中就能展示出这些信息。
还有一个例子:Next day。
Calendar 里面分别为按年,月,周,日的展示方式,点击下面的时间线,内容直接在当前页面切换,没有转跳。
3/5 首页 上一页 1 2 3 4 5 下一页 尾页
上一篇: 如何让你的PPT做的B格十足!(1)
下一篇: 让扁平化设计也爆发视觉冲击力(1)
设计 商标设计 标志设计 CI设计 VI设计 包装设计 工业设计 室内设计 建筑设计 CG动漫 网页设计 UI设计 名片设计 画册设计 贺卡设计 海报设计 展示
包装设计
标志设计
广告设计
VI设计
海报设计
平面设计
室内设计
网页设计
画册设计
VI
名片设计
设计
LOGO设计
建筑设计
工业设计
插画
贺卡设计
CI设计
漫画
展示设计
【相关文章】
版权声明:文章观点仅代表作者观点,作为参考,不代表本站观点。部分文章来源于网络,如果网站中图片和文字侵犯了您的版权,请联系我们及时删除处理!转载本站内容,请注明转载网址、作者和出处,避免无谓的侵权纠纷。