本帖最后由 iou90 于 2014-4-21 23:41 编辑
Windows Phone 8.1 更新在系统应用的设计上做出了不小的变化,这些变化引起的争议同样不小,这里针对系统应用在 Title 上的设计变化做出总结并提出改进建议。 为方便说明,这里把大号的 Panorama Title 标记为大号 Title,中号的 Panorama Title 标记为中号 Title,而把普通 Title 标记为小号 Title。 变化左图为 Windows Phone 8,右图为 Windows Phone 8.1 Photos 左起两张为 Windows Phone 8,采用大号 Title。Windows Phone 8.1 的 Photos 则取消了 Hub,采用小号 Title。
Music + videos
右边两张为 Windows Phone 8.1,其中 Music 采用大号 Title,Video 采用中号 Title。Windows Phone 8 则是大号 Title。
Calendar
两者都采用小号 Title。
Office 两者都采用大号 Title 且带有Office Logo。
People 由大号 Title 变化为中号 Title。
Settings 两者都采用小号 Title。
Store
由大号 Title 变化为中号 Title。
问题可以明显看出(其他如 Alarm,Phone 等与 Settings 相似的应用没有截图),Windows Phone 8 系统应用只采用了两种 Ttile,样式统一。而 Windows Phone 8.1 则非常混乱,People,Store 与 Video 改为中号 Title,下级 Title 的体积亦有变小,Photo 取消了 Hub,其他应用则保持不变。目前的变化导致了三种不同大小的 Title 设计都存在于系统应用中,系统内部设计不统一且没有根据应用职能进行明确区分,尤其以 Music 与 Video Title 大小不同最为严重(甚至 Music 是唯一没有常时显示 Status Bar 的系统应用)。Photos 取消了 Hub 导致 Panorama Title 在这里被弃用。而 Panorama Title 是 Modern Design 中让信息成为设计主体的关键要素,Panorama Title 必须是动态的(出自 Windows Phone 8 Guidelines),减少了对它的使用也就意味着呆板无设计意义 Title 出现的越来越多,这对 Photos 影响最大,而像 Calendar 的 Title 会随着内容的变化而变化就不会有太大影响。 Windows Phone 8.1 系统应用的 Title 显示在 Status Bar 之下,Status Bar 是否一直常驻在界面顶端对 Title 的设计与视觉效果产生了很大的影响。常时显示 Status Bar 让状态栏的展示形式更接近 IOS 与 Android,让用户能更快适应 Windows Phoen 的使用。而仅在 Windows Phone 自身设计的层面上这么做或许并无必要。 理由一: 不影响应用通知。应用通知在并在没有显示状态栏的情况下依旧会出现。而用户在不显示状态栏的情况下也依旧可以从顶端下拉出 Acction Center,唤出 Action Center 时整个界面会有进行一定的缩小的动画,并显示在原界面的上层。 理由二: 不符合 Modern Design 中突出内容的设计原则。在 Windows Phone 8.1 之前的系统版本里用户轻轻点击一下屏幕顶部,Status Bar 就会跳跃似的浮现出来。现在不仅这一活泼可爱的效果消失,以前专注于内容的界面观感亦同时消失,蜂窝网络与 Wifi 的经常出现使得左上角的界面元素过于集中(这点在使用中号 Title 与小号 Title 的应用里体现的尤为明显)且容易阻挡应用 Logo 或页面修饰元素。之前是恰到好处的不对称美,现在则略显凌乱。 Status Bar 常时显示带来的另一个严重问题是加载一些第三方应用时 Status Bar 卡顿(闪现一段时间后才消失)。
建议若定要坚持 Status Bar 常时显示就必须加大 Title 与之的距离,减轻左上角界面元素过于集中的问题。
右图为距离加大后的效果。
Photos 重新启用 Hub。若决定弃用 Hub 用类似 IOS 的处理方式缩短用户查看图片步骤的话建议进行更大胆的尝试,比如直接取消显示应用名的小号 Title(Settings 同理)。更进一步,可以尝试如 Tumblr Windows Phone 版本所做的处理,将”all”这一级的 Title 制作为可以根据用户的上下滑动进行收回和显现,当然,这种改动对现有界面视觉逻辑体系的冲击会更大。
Tumblr 在用户上下滑动界面时 Tile 使用了收回与显现的动画。
Windows Phone 8.1 在 Modern Design 上做出了更多的尝试,创造了中号 Panorama Title,但作为在对开发者具有范例意义的系统应用中,现在的效果并不尽如人意,希望在正式版中本文所提到的那些基本问题能够得到解决,同时也希望微软能对现有的 Modern 设计规范和 Guidelines 进一步的丰满与完善。
例如,系统应用可以参考 Zune 桌面版的设计进行不同大小 Tile 的组合排列,使界面更加活泼,Title 交错显示在 Tile 之上也让界面变得更加立体而有层次。

http://zhuanlan.zhihu.com/TingTalk/19733468
原文在这里,感觉巨硬这次真的很手忙脚乱啊=.=
|