2011年手机产品设计趋势(1):精致实用的界面

前言

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

如上图的布局尺寸主要包括比例和模数尺寸,界面设计中不存在孤立的元素。除了色彩之外,布局和采用有联系的模数尺寸和建立界面元素的联系,看起来更为协调,,克服视觉的不确定性。但一方面手机端界面设计还需要考虑手指点击,另一方面手机屏幕统一程度低,同样的设计在各个终端看起来不尽相同,规范性尺寸设计较低。但是未来如条件容许,科学精确性设计是必然化趋势。

来源:http://daichuanqing.com/index.php/archives/2281

时间: 2024-10-26 17:19:36

2011年手机产品设计趋势(1):精致实用的界面的相关文章

2011年手机产品设计趋势(2):推送

从手机和用户信息交互的角度而言,现有ios和绝大多数应用程序都是基于呈现内容和功能,让用户去主动查找.所谓智能手机,不是单指更高级的操作系统和手机硬件,而是更为智能地为用户过滤信息和处理信息,用户可以被动地接受信息,减少获取和等待信息过程中损失的时间,用户即时获取信息的同时还能获取额外有效的信息. "信息推送"所指意义广泛,不限用Push信息和推荐系统,泛指手机端整合信息和主动呈现有效信息的过程,信息可以是电话.短信.微博信息.SNS中好友动态和阅读器中推荐阅读的内容等. 在手机操作系

2011年关注11个网页设计趋势热点

文章描述:2011年网页设计趋势分析与预测. 设计与开发之间本有一线界限,但当时代步入又一个十年,这个线变得更加模糊甚至感觉不到它的存在.使用PS设计网页版面,足矣?或许五年前是吧!现在的互联网用户要求越来越多.没有内涵的华丽很快就会被丢弃.如果你追求华而不实的设计,那么相信你很快会被时代遗弃.2011年不再属于单纯的华丽而是注重功能.新的一年或者未来十年的设计趋势是响应设计(responsive design).持续联系(constant connection)和虚拟现实(virtual re

2011年网页设计发展趋势

设计与开发之间本有一线界限,但当时代步入又一个十年,这个线变得更加模糊甚至感觉不到它的存在.使用PS设计网页版面,足矣?或许五年前是吧!现在的互联网用户要求越来越多.没有内涵的华丽很快就会被丢弃.如果你追求华而不实的设计,那么相信你很快会被时代遗弃.2011年不再属于单纯的华丽而是注重功能.新的一年或者未来十年的设计趋势是响应设计(responsive design).持续联系(constant connection)和虚拟现实(virtual reality). 作为设计师的你,2011年会作

11个网页设计趋势热点 持续联系响应设计

设计与开发之间本有一线界限,但当时代步入又一个十年,这个线变得更加模糊甚至感觉不到它的存在. 使用PS设计网页版面,足矣?或许五年前是吧!现在的互联网用户要求越来越多.没有内涵的华丽很快就会被丢弃.如果你追求华而不实的设计,那么相信你很快会被时代遗弃. 2011年不再属于单纯的华丽而是注重功能.新的一年或者未来十年的设计趋势是响应设计(responsive design).持续联系(constant connection)和虚拟现实(virtual reality). 作为设计师的你,2011年

聊聊2015年流行的网页设计趋势

  给明年的自己增加筹码!这一年快结束了,年底特别忙,但也别只顾工作,忘了给自己充电呦,今天特意分享一篇好文,聊聊明年将流行的设计趋势,希望能给那些奋战之余不忘充实自己的设计师们一点有价值的参考,每点趋势后都有相关文章帮你理解,不担心跟不上咯. 1. 响应式在继续 OK,也许你不打算打道回府.也许你有一个很好的理由不用响应式网页设计?在过去的几年里,响应设计快速巩固了自己作为网页设计的新标准.当然,也有争论,但是没人说,"让我们摆脱响应式设计吧".实际上,越来越多的网站选择响应式的方向

未来界面设计趋势的猜想:引导设计走势

文章描述:界面设计趋势:猜想未来长什么样子. 近期引发最多讨论的界面设计无疑是iOS7新UI变化,但对iOS7的设计我在这先不做评论. 而是想跟大家讨论界面设计趋势,引导设计走势的因素是什么? 有句老话:"以史为鉴,可以知兴替" 尽管人机交互界面发展时间不久,但从西方艺术发展史中能依然能给予我们启发. 19世纪前艺术是为权力贵族与宗教服务,其宣扬的是宗教信仰与权力. 那时期,以巴洛克,洛可可为代表的作品中,奢侈华丽绚烂的装饰特征深得权贵喜爱. 无论宗教建筑,室内装潢家具,还是贵族妇女的

总结2012年需要重点关注的设计趋势

文章描述:2012年移动应用交互设计趋势. 2011年涌现出诸多优秀设计,随着操作系统的更新和硬件性能的提升,交互设计又被提升到一个新的高度.不再是将内容从互联网搬至移动设备,而是解决设备本身的问题,根据用户需求从操作方式.信息架构和内容呈现等各个方面挖掘设计的可能性,为用户带来新颖的交互体验.本文汇总今年热门产品的界面案例,希望能从中总结出未来一年需要重点关注的设计趋势. 突出主要功能 对于信息架构的不同,主界面也会有很大区分,以某一功能吸引用户,如拍照分享.专注是从众多相似产品中脱颖而出的产

2009年电视剧网站和电影网站设计趋势

近些年来,越来越多的厂商和媒体为电视剧.电影制作专门的网站,这些网站主要呈现相关的介绍.节目单.观众互动等内容.旨在扩大宣传面,提高收视率,让更多的观众对节目产生兴趣.本文就介绍了制作漂亮.实用.有吸引力电视剧.电影网站的一些设计趋势和案例欣赏. 电视剧.电影网站设计趋势 以下是我们总结出的一些最近流行的设计趋势: 1. 关于域名 大部分的电视剧网站都挂靠在发行商的域名下,这有助于电视节目的统一,并可以帮助用户记住播出频道.而大部分电影网站则有独立的域名,如果域名能和电影名字统一,就再好不过了.

2016 年最值得关注的16个网页设计趋势

  设计趋势每年都在改变,出于各种原因,有的设计趋势在演进中逐渐消失,有的则在大家的熟练运用过程中渐入佳境,甚至逐步蜕变成为主流.作为一个专注于网页和平面设计的设计机构,我们对所有相关的技术和设计趋势都极度敏感.通过过去一年的观察,我们总结出了以下16大设计趋势. 1. 可用性设计 2016年,设计的大方向将继续向着用户倾斜.用户体验在整个设计中的权重将继续加大.如果你的设计在可用性上不足的话,再炫酷也不会有人问津. 如果不能专注地做好用户体验设计,在即将到来的2016年,你是无法持久地吸引用户