找回密码
 立即注册
搜索
查看: 2337|回复: 19

[移动] Windows Phone 8.1 系统应用在 Title 上的设计变化

[复制链接]
     
发表于 2014-4-20 23:01 | 显示全部楼层 |阅读模式
本帖最后由 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
原文在这里,感觉巨硬这次真的很手忙脚乱啊=.=

回复

使用道具 举报

     
发表于 2014-4-20 23:05 | 显示全部楼层
本帖最后由 sixgun 于 2014-4-20 23:11 编辑

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

使用道具 举报

     
 楼主| 发表于 2014-4-20 23:10 | 显示全部楼层
sixgun 发表于 2014-4-20 23:05
图看不到,点链接看原文倒是可以看到图

我去修复一下
回复

使用道具 举报

     
发表于 2014-4-20 23:12 | 显示全部楼层

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

使用道具 举报

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

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

使用道具 举报

头像被屏蔽
     
发表于 2014-4-20 23:47 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

头像被屏蔽
     
发表于 2014-4-20 23:52 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

     
 楼主| 发表于 2014-4-21 00:02 | 显示全部楼层
qratosone 发表于 2014-4-20 23:52
我突然觉得,现在的设计有点向Windows8.1靠拢的意味

对 但是以前的更好=.=
回复

使用道具 举报

     
发表于 2014-4-21 01:29 | 显示全部楼层
看不到图。。。。怎么回事?
回复

使用道具 举报

     
发表于 2014-4-21 08:33 来自手机 | 显示全部楼层
巨硬暂停更新了
    —— from S1 Nyan (HTC 8X)来自: WindowsPhone客户端
回复

使用道具 举报

     
发表于 2014-4-21 10:41 来自手机 | 显示全部楼层
为什么IOS和猴的消息中心的开关我就觉得够用,WP就还是觉得不方便呢...
    —— from S1 Nyan (NOKIA Lumia 1020)来自: WindowsPhone客户端
回复

使用道具 举报

头像被屏蔽
     
发表于 2014-4-21 10:54 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

头像被屏蔽
     
发表于 2014-4-21 16:40 来自手机 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

     
发表于 2014-4-21 16:59 | 显示全部楼层
qratosone 发表于 2014-4-21 16:40
心理问题?
安卓的控制功能确实足够强大,ios控制中心还是算了吧

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

使用道具 举报

     
 楼主| 发表于 2014-4-21 17:00 | 显示全部楼层
qratosone 发表于 2014-4-21 16:40
心理问题?
安卓的控制功能确实足够强大,ios控制中心还是算了吧

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

使用道具 举报

头像被屏蔽
     
发表于 2014-4-21 20:12 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

     
发表于 2014-4-21 21:57 | 显示全部楼层
为啥还是看不到图?
回复

使用道具 举报

     
 楼主| 发表于 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分钟改的 巨硬真是 ...

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

使用道具 举报

     
 楼主| 发表于 2014-4-21 23:44 | 显示全部楼层
量子力学 发表于 2014-4-21 22:42
就看得到第一张,还是新窗口打开看的,其他的就是两个箭头在转圈

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

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|上海互联网违法和不良信息举报中心|网上有害信息举报专区|962110 反电信诈骗|举报电话 021-62035905|Stage1st ( 沪ICP备13020230号-1|沪公网安备 31010702007642号 )

GMT+8, 2025-9-3 19:50 , Processed in 0.077683 second(s), 8 queries , Gzip On, Redis On.

Powered by Discuz! X3.5

© 2001-2025 Discuz! Team.

快速回复 返回顶部 返回列表