2011年手机产品设计趋势：精致实用的界面

2011 年手机产品设计趋势：精致实用的界面 前言 2010 年底 Apple 在线软件商店 App Store 中的软件数量超过 30 万个，而 Google 在线 软件商店 Android Market 里的软件数量已经突破 10 万，Windows Phone 7 也于今年 10 月正式发布，随着手机硬件造价的降低和应用数量的上升，移动互联网的发展前景普遍 被看好。但是移动互联网没有固定盈利模式之前，如何依靠产品优秀的用户体验侵占手机桌 面和用户琐碎的时间是众开发者们面临的主要问之一。 汇总本年度手机应用程序和热点问题之后，不难看出其中的趋势性特征，如精致的界面、操 作体验、基于硬件的应用和消息推送等问题。可以预计的是，在 2011 年的产品设计中这些 特征会逐渐得到强化。 精致实用的界面 自从 iPhone 4 视网膜屏幕（Retina Display） 发布，成为迄今为止在移动设备上能见到 的最细腻、显示细节最清晰的屏幕，326 显示精度比普通印刷品还要高，而以往普通手机 的 96 像素，Android 平台各种手机在 120-240 像素区间内，iPhone 4 之前的屏幕也只 有 164 像素。 高精度意味着同样大小的屏幕上可以显示更多的细节，这对界面视觉设计要求也更高。出色 的设计也能让你的应用程序脱颖而出，同时美观的界面看起来更好用。 为了保证视觉效果统一性，各产品都不遗余力地弥补终端差异性，wap网站通过识别终端分 辨率和平台显示不同的视觉效果，客户端也会在 Android平台达到屏幕完美适配。 多主题 在安装包容许的情况下，为应用程序设计多套主题也是设计师满足用户多样化需求的手段之 一。优先满足主体需求，也能照顾到用户的个性化需求。 控件 设计师也不再满足于系统提供的看起来千篇一律的控件，特别是 Android 平台黑乎乎 的格视图让人难以忍受。后半年新出的应用程序大多采用更为美观的自定义控件，提升用 户体验的同时注重产品的品牌形象。 根据产品的实际情况修正的自定义控件，也能带来操作上的便利。如可爱的小地陪没有使用 Android 的下拉框控件，虽然单栏一次无法展现多个选项，但是去掉了弹框能减少了操作 步骤和等待时间，而小米分享将引入网页和 iPad 中的气泡框。由于设计经验有限，需要避 免网页设计的照搬，设计适用于手机的控件是交互设计们需要关注的问题。 字体 早期 Nokia 为了满足低像素手机的字体显示要求，设计了点阵式字体 Nokia Sans，为了 让用户一眼就能识别出 Nokia，该字体一直沿用至今。但手机渲染字体的能力已经显著提 升，针对高分辨率设计的 Android 的 Droid 和 iPhone 的 Helvetica 更能适应显示要求。 但是界面中过多的细节也会有损用户体验，如像素提升一倍，对界面中的文字的阅读享受并 没有相应成倍提升，相反字体过于锐利反而会干扰阅读，造成视觉疲劳，甚至不如低精度的 电子书。现在还处在手机界面设计的早期，还没有像网页设计那样多种设计风格，也正如现 代主义那样，“形式追随功能”的功能主义特征仍是先期产品设计的原则，避免过度设计。 布局 顶部标题栏、中部正文和底部工具/标签栏是常见的手机界面布局，根据操作情境在调用合 适的控件。一方面设计要关注如何让界面更为巧妙地布局，如在标题栏中显示 Tab 分栏和 充分利用表视图，另一方面似乎如何巧妙都不满足用户的屏幕显示尺寸的需求，主体部分最 大化已经在部分应用程序和操作系统中有所体现。如随着操作Android自带浏览器chrome 掩藏地址栏，而 Windows Phone 7 掩藏状态栏。 尺寸 在网页设计中栅格系统和比例关系能大大提高网页的性，页面中所有组件的尺寸都是有 规律的。 图片来自 Tencent CDC Blog 如上图的布局尺寸主要包括比例和模数尺寸，界面设计中不存在孤立的元素。除了色彩之外， 布局和采用有联系的模数尺寸和建立界面元素的联系，看起来更为协调,，克服视觉的不确 定性。但一方面手机端界面设计还需要考虑手指点击，另一方面手机屏幕统一程度低，同样 的设计在各个终端看起来不尽相同，规范性尺寸设计较低。但是未来如条件容许，科学精确 性设计是必然化趋势。