QQ阅读的UI设计:版本的修改优化(2)

http://www.itjxue.com  2015-08-07 20:57  来源:未知  点击次数: 

统一icon:

image006.png

由于menu键是Android平台的一大特点,用户对于这个功能以及硬件已经形成了习惯,所以在整体一致性的前提下,我们做了一些差异化设计,保留了Android平台的这个特色。但我们对icon的具体语义以及样式做了一些规定,例如icon允许存在的角度,只允许出现两种角度,其他的角度都是错误的。

统一字号以及字色:

image007.png

针对阅读界面我辅助Polo做了一份详细的用户调研,输出了一份移动设备上舒适阅读的字号规范,定义了字号、行距、边距等数值。除了阅读页面的文字,对其他页面的文字做出了定义,例如屏幕为320*480尺寸,内容区只允许14、16两种字号,tab等其他特殊文字允许出现18号字。

遵循平台特性:

image008.png

为了尊重用户的使用习惯,在很多细节做了特殊的处理。例如页面顶部三个同层级页面的展示,Android平台在进行同层级页面之间切换时多用tab形式;然而iPhone的顶部是由标题和按钮组成的。所以在不影响整体交互框架逻辑的情况下,我们保护了平台差异。

局部特殊处理:

image009.jpg

让人头疼的Android手机屏幕。屏幕尺寸不一致、屏幕颜色不一致等等很多问题都困扰着设计师,所以Android平台在进行一些细节设计的时候做了特殊的处理。例如删除所有的外发光效果,在切图的时候避免出现透明渐变,将可以执行点击行为的图片区域尽可能调大,通过以上的很多方法,来保证Android平台的UI效果。

版本发布啦!

通过一段时间的摸索和尝试,经历了一段痛苦的研究和优化的过程后,Android1.5版本、iPad1.0版本、iPhone1.3版本终于以一个全新的面貌典雅升级。

image010.png

我们长得很像因为我们是一家人,但谁也阻挡不了我有我的个性。

最后我想说每位UI设计师都应该谨记自己的使命:在满足用户审美需求的同时,有义务提高用户的审美!

(责任编辑:IT教学网)

更多