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

2011 年手机产品设计趋势 精致实用的界面 组图 感谢 晓生 的提供 2010 12 22 09 49 21 阅读 156 评论 0 我要评论 关键词 App Store 手机产品设计 手机界面 前言前言 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 如上图的布局尺寸主要包括比例和模数尺寸 界面设计中不存在孤 立的元素 除了色彩之外 布局和采用有联系的模数尺寸和建立界面元 素的联系 看起来更为协调 克服视觉的不