论坛 › ＰＣ数码 › Windows Phone 8.1 系统应用在 Title 上的设计变化

iou90 发表于 2014-4-20 23:01

Windows Phone 8.1 系统应用在 Title 上的设计变化

本帖最后由 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.1Photoshttps://8t5kuw.dm1.livefilestore.com/y2pB6OkNCBUv8a34FeLdmsr43i4bKiRdwbMz8NcjezP5-E9nA2e3CuV2DpA-PzTDxEHCGrK7VUrR_Sa9JLTlvdKXhmpXYD9E5OEAi1_uE7l1ZA/1.png?psid=1左起两张为 Windows Phone 8，采用大号 Title。Windows Phone 8.1 的 Photos 则取消了 Hub，采用小号 Title。

Music + videos
https://8t5kuw.dm1.livefilestore.com/y2pGBpxftz8-uetzY1URCi3P7oE5UGk8euaOxE_2jsxuCPQS2bGMS2O9Vukshe6wSs1D9Uq3AvoM7EhTCdijkgQJT3F-t5fDifSL9WGJ5NZO3I/2.png?psid=1右边两张为 Windows Phone 8.1，其中 Music 采用大号 Title，Video 采用中号 Title。Windows Phone 8 则是大号 Title。

Calendar
https://8t5kuw.dm2303.livefilestore.com/y2pEC1TUi3jirHCh2oGXcy5T3aKP8CHcy2Hh7-m0u9XIqZ9N-9awuymlAWFSYSIv53ePGpaBO3CfMqix9PFTtxdMQfqvTlomFD51Za8vsVL7Q8/3.png?psid=1两者都采用小号 Title。
Officehttps://8t5kuw.dm2303.livefilestore.com/y2pL5GfW2C6vMA7eoQxyteplj-sLGfOEANM7sXzuZUR-m0IjPYFud_6lj_ZvBz-2a04ZYEbKaZ0phxSPdV7ewthQb_7o6eIImx1R8nVxAvTbrw/4.png?psid=1两者都采用大号 Title 且带有Office Logo。
Peoplehttps://8t5kuw.dm2301.livefilestore.com/y2pQJzH378kKn7rgmFRjPLf3jWek09RzDf7BIWAYeKb9yFeZXie48sRHipx1ivIoCh2O5Ui0xJC193rFhFt_R_sQRMEdcK2WrkL-Xa6U7j9500/5.png?psid=1由大号 Title 变化为中号 Title。
Settingshttps://8t5kuw.dm2303.livefilestore.com/y2pfcJw5dPZgnrdRj3JqbJ50PA0mr4PX16hlirSb3a2a5eDpmE6B2DdAr-Kb1sXLTxqLKq5QxbJiJutoht0b2b3l4l6QKSaz9CLRBqbkHEF-Yg/6.png?psid=1两者都采用小号 Title。
Store
https://8t5kuw.dm2304.livefilestore.com/y2pXW4jBe55ktRMStz-4dvXA5eA9WWkIiqIzqRP3n1G_zjMEsmyAXpselkcSzVvvrgpqrkESk0bixOXsJkriNXvFqStKwvusFljRL-JgxkwgWE/8.png?psid=1由大号 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 与之的距离，减轻左上角界面元素过于集中的问题。
https://8t5kuw.dm1.livefilestore.com/y2pzTMrNKaGyTlOsne9ofd1KfJe6paSRQ5L9JIq65Mrwp9Dswdj8NRBNS6UzWyUAF-iygbHGaeqe5eGDBQC5MyW0hq1EIf-TKTI4espCQlMBvM/new.png?psid=1右图为距离加大后的效果。

Photos 重新启用 Hub。若决定弃用 Hub 用类似 IOS 的处理方式缩短用户查看图片步骤的话建议进行更大胆的尝试，比如直接取消显示应用名的小号 Title（Settings 同理）。更进一步，可以尝试如 Tumblr Windows Phone 版本所做的处理，将”all”这一级的 Title 制作为可以根据用户的上下滑动进行收回和显现，当然，这种改动对现有界面视觉逻辑体系的冲击会更大。
https://8t5kuw.dm1.livefilestore.com/y2p_fEHBd-2QXfMRbawOvaus_MRKSCAZLA_vK5N_UOVaS_2UoXWVpxrv_vt7G4J3ftuKOx170raCQu9PwLy02gW557_xIjiPk2AxkGvSYbxnjw/7.png?psid=1Tumblr 在用户上下滑动界面时 Tile 使用了收回与显现的动画。
Windows Phone 8.1 在 Modern Design 上做出了更多的尝试，创造了中号 Panorama Title，但作为在对开发者具有范例意义的系统应用中，现在的效果并不尽如人意，希望在正式版中本文所提到的那些基本问题能够得到解决，同时也希望微软能对现有的 Modern 设计规范和 Guidelines 进一步的丰满与完善。
例如，系统应用可以参考 Zune 桌面版的设计进行不同大小 Tile 的组合排列，使界面更加活泼，Title 交错显示在 Tile 之上也让界面变得更加立体而有层次。
https://8t5kuw.dm1.livefilestore.com/y2pWW5llTnbkHx5ok-bF2Dl-6GbkWPHomv0qazHcC4fC7daiaeZ5qYtc5GbKxnuMb6X1-1DiNwSlQRoGDRc4VNFmHkrpSt0XK7u1T1zhrmAio0/9.png?psid=1

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

sixgun 发表于 2014-4-20 23:05

本帖最后由 sixgun 于 2014-4-20 23:11 编辑

图看不到，点链接看原文倒是可以看到图Status Bar常驻比较方便，现在的问题主要还是一些细节设计上的问题

iou90 发表于 2014-4-20 23:10

sixgun 发表于 2014-4-20 23:05
图看不到，点链接看原文倒是可以看到图

我去修复一下

sixgun 发表于 2014-4-20 23:12

iou90 发表于 2014-4-20 23:10
我去修复一下

这下能看到了。听说下周微软会对music进行一次更新，希望能把以前的动态效果恢复了

iou90 发表于 2014-4-20 23:41

sixgun 发表于 2014-4-20 23:12
这下能看到了。听说下周微软会对music进行一次更新，希望能把以前的动态效果恢复了 ...

巨硬也发布一个用来反馈的app

qratosone 发表于 2014-4-20 23:47

qratosone 发表于 2014-4-20 23:52

iou90 发表于 2014-4-21 00:02

qratosone 发表于 2014-4-20 23:52
我突然觉得，现在的设计有点向Windows8.1靠拢的意味

对 但是以前的更好=.=

st212000 发表于 2014-4-21 01:29

看不到图。。。。怎么回事？

irave 发表于 2014-4-21 08:33

巨硬暂停更新了
    —— from S1 Nyan (HTC 8X)

zyrhxs 发表于 2014-4-21 10:41

为什么IOS和猴的消息中心的开关我就觉得够用，WP就还是觉得不方便呢...
    —— from S1 Nyan (NOKIA Lumia 1020)

Final 发表于 2014-4-21 10:54

qratosone 发表于 2014-4-21 16:40

zyrhxs 发表于 2014-4-21 16:59

qratosone 发表于 2014-4-21 16:40
心理问题？
安卓的控制功能确实足够强大，ios控制中心还是算了吧

想了想可能是ios我在ipad上感受的吧

iou90 发表于 2014-4-21 17:00

qratosone 发表于 2014-4-21 16:40
心理问题？
安卓的控制功能确实足够强大，ios控制中心还是算了吧

ios的control pannel很好用啊 从底部呼出很舒服

qratosone 发表于 2014-4-21 20:12

量子力学 发表于 2014-4-21 21:57

为啥还是看不到图？

iou90 发表于 2014-4-21 22:26

量子力学 发表于 2014-4-21 21:57
为啥还是看不到图？

这次看到了吗 我换EN公链了，再不行我传到onedrive去=.=

话说右边video是我自己画图5分钟改的 巨硬真是弱爆了

量子力学 发表于 2014-4-21 22:42

iou90 发表于 2014-4-21 22:26
这次看到了吗 我换EN公链了，再不行我传到onedrive去=.=

话说右边video是我自己画图5分钟改的 巨硬真是 ...

就看得到第一张，还是新窗口打开看的，其他的就是两个箭头在转圈

iou90 发表于 2014-4-21 23:44

量子力学 发表于 2014-4-21 22:42
就看得到第一张，还是新窗口打开看的，其他的就是两个箭头在转圈

传到onedrive了 再看不见我就没法儿了

查看完整版本: Windows Phone 8.1 系统应用在 Title 上的设计变化