2014年全球移动应用界面设计趋势分析

移动互联网时代的悄然袭来改变着我们的生活方式,因此有大批设计力量涌入了移动端的设计领域中,这也说明了大家越来越重视用户在各个设备终端层面的体验。在规划产品时,往往会把PC端和移动端的产品放在同等重要的地位进行思考。然而,设备的多样性和产品形态的多样性为设计师们带来的既是更多的发挥空间,也同样是更大的挑战。这些产品在设计之间有何不同?如何规划不同平台上产品的功能?设计时有哪些差异?2014移动端的界面设计是非常值得探讨的话题。

唯一主色调

2014年,追求极简设计风格,主色调可能只是选定一种色彩,然后调整透明度或者饱和度,(说得通俗些就是将色彩变淡或则加深),从而产生新的色彩,这样能够很好的表达界面层次、重要信息,并且展现良好的视觉效果。这样的页面看起来色彩统一,有层次感。当前上线的一些移动应用都采用极少的色彩,甚至放弃所有的颜色。仅仅用一个主色调就能展现良好的视觉效果。

多彩色风格设计

Metro 引领的多彩色风格是与唯一主色调形成对照关系的设计风格,多彩撞色更多的表现于多种纯色块的使用,就是很简单的纯颜色,只需要注意多彩配色的方式,就能得 到很好的视觉效果。多彩色拼接的设计风格,一屏式的页面排版布局,总体来说是时尚大气简洁的设计。“多彩撞色”的概念,在2014年手机端仍会继续发展。

信息框架扁平化

在设计的表现形式上我们追求界面扁平,注重通过弱化视觉效果来强化应用的功能。在移动设备上,过多的层级会使用户失去耐心而放弃对产品的使用。而且移动端上 页面小,没太多地方摆多层的tabs导航或者面包屑导航,就只剩下左上角的一个“返回”按钮作为导航了,可以一次接一次的深入,但跳转了三、四次后,再看 左上角的“返回”按钮,你已经很难判断出将会返回到哪里了。应该从信息架构角度,再进一步的去应用扁平化的设计理念,信息框架扁平化的目的是减少信息层 级,追求信息到达用户的最短距离,从根本上解决上述问题。
扁平化思想是一种让设计者在界面设计过程中减少信息层级的思想。

动态数据可视化

数据可视化设计是将枯燥繁琐的列表和文字转换为直观的饼图、扇形图、折线型、柱状图等丰富直观的设计元素,提高用户体验。而且现今数据可视化不只是静态展现 数据,用户希望通过互动及时获取数据流,若以动态效果来呈现,能多维度呈现给用户实时信息,同时能与用户形成互动,提高数据表现的趣味性。动态数据可视化 将更加强调数据转译实时更新的图形,以及动态的图形化表达。

移动端的视差效果

视差滚动是时下比较热门的网页设计技术,通过让多层背景以不同的速度移动来形成立体的运动视差效果,虽然纯属视觉效果,但不可否认在内容滚动时形成的视觉体 验非常出色!视差效果在网站中的应用并不少见,若在移动应用中,是否也能运用一些精细的视差效果,为用户带来全新的视觉体验。当用户在倾斜和移动屏幕时, 视差能让用户在屏幕上看到如3D一样的视觉效果,带来非常出色的感官体验。

分层结构

分层结构是通过动效扩展了屏幕空间,渲染出带有纵深感的层次,将操作区和内容区划分开,培养用户使用习惯,使人印象深刻,达到意想不到的效果。这种设计更专注于内容,更多的暴露信息,减少结构层级,操作高效。

迎合用户的使用习惯

迎合用户的使用习惯,主要为了让用户在操作中简单到极致。用户不喜欢经常重复性输入一些信息,如个人账号,安全信息,操作习惯,下次操作行为等,这些占用了用户完成其他重要任务的时间。尽量减少用户的输入,并且用户在输入时可以给出适当的参考。
根据用户的行为习惯,对移动应用的整体布局进行重新策划,使得简单、简单、再简单、简单到极致,通过清晰的流程和界面,让用户减少对应用的思考以及寻找的时间;让准确的色彩和表述减少用户心理斗争的时间。

提供明确的导航

导航在移动界面设计中是至关重要的,导航的主要作用在于:告诉用户,我在哪?我去过哪?我可以去哪?我怎么去哪?我去哪能干什么?等等,这些都是导航的作 用。明确的导航设计,可以增强用户的体验,让用户直接在主界面就可以看到对应子界面中的信息,减少用户盲目的操作。在任何地点都能回到主界面或退出应用, 因此导航上的每个操作对用户来说应是符合逻辑的,用户能够较容易了解它要表达的信息与情感。

主操作栏的内容不易过多

主操作栏的作用是为了把最重要的内容展示给用户,一般不超过三项。过多的内容会对用户造成干扰。因此简洁的主操作栏便于用户的使用和了解,并且减少用户发生错误选择的可能性。操作栏上的操作按钮一般用来展示最重要、常用,而且频繁使用的功能操作,比如移动端界面左上角的返回按钮。

以用户为中心

用户总是按照他们自己的方法理解和使用移动端,所以从用户的观点考虑,想用户所想,做用户所做成了设计师们的设计考量标准之一。比如用户在没联网的情况下发送信息或发表评论,相应的内容会自动保存在手机端,联网后只需重新发送即可,不需要重新输入内容。

合理的用户引导

由于手机界面的承载能力有限,产品功能的不断膨胀,必须要在用户打开应用之后告知他某些新奇的功能,引导他完成某些主要任务流程,帮助用户快速掌握应用的使 用方法,让用户快速体验到应用的乐趣,激起用户对功能的尝试欲望。引导语句必须简短,聚焦在最重要的任务上,减少用户的思考时间,让用户不至于迷失在陌生 应用中不知所措。同时也要避免接连不断的展示引导信息,这样不仅会产生短期加重记忆方面的问题,而且会让新用户觉得你的应用过于复杂,望而生畏。

拟真动态

将现实中的运动现象简化抽象,形成了移动端中一些蛮有特色的动画效果。比如天气应用中,全屏的气象动画优雅而逼真,洋洋洒洒的雪粒、悠然飘浮的云朵、划破天际的闪电传达出一种独特的表现力,给用户更完整,更真实以及更具趣味的感官体验。

尽量使用图形元素

众所周知,图形相较于文字更易于记忆和了解。最合理的方式是:“恰当的图形元素+简短的文字”,并整合到一个展示层面上,这种方式既有利于用户阅读,也可以 使多步骤的流程更直观、易懂、易记忆。采用的图形尽量简单易懂,形象具体。避免让人产生歧义的图标,因为这样反而会误导用户,损失设计交互体验。比如圆形 是最容易让人觉得舒服的形状,尤其是在充满各种方框的手机屏幕内,增加一些圆润的形状点缀,立刻就会增加活泼的气息,徒增好感。移动界面运用圆形选项按钮 来设计,让选择变得专注而明确,又不刻板老套。

总结:

移动端的设计根据不同产品的战略和具体情境,设计要进行灵活变化。其提倡的核心原则就是从用户出发,充分考虑用户的使用体验。本文对移动端界面设计进行粗浅的分析,希望给大家带来一些思考和帮助,有不足之处欢迎指正,也与诸君共勉。

作者:Anyforweb UDC中心

时间: 2024-10-30 04:56:04

2014年全球移动应用界面设计趋势分析的相关文章

个人总结梳理的Android产品设计趋势分析

文章描述:趋势之上-Android设计趋势分析10则. Android作为Google最重要的资本之一,尽管在智能终端上的起步较Apple晚不少,然而面对强有力的竞争对手,从不停追赶到部分超越,已为其未来战略目标做好了充分铺垫. 迄今,全球已有超过100款Android产品.聚焦未来,本文将给出个人总结梳理的 10 则设计趋势分析,欢迎交流与探讨. 1. 强化与规范Android品牌形象 因竞争对手强大,行业变化迅猛,Google一直将时间看作其终端战略中关键的要素.相对而言,现阶段才逐步开始进

2014年全球盈利最多的10个博客博主

  个人网站满地跑的互联网,有个站似乎不值得称道.但如果你的个站每个月盈利50万+(单位是美元),效果就完全不同了.有外国媒体统计了2014年全球范围盈利最多的10个博客博主,有一个同学们熟知的设计网站也上榜了噢,究竟哪一个?你肯定认识就对啦. 有没有瞬间脑补优设的小伙伴,来,留个言,小编给你点个赞. 迈克尔(Michael Arrington) 博客地址:http://techcrunch.com.没想到也有中文版,只是界面惨不忍睹- 美国最有影响力的科技博客Techcrunch创始人Mich

Android设计趋势分析10则

Android作为Google最重要的资本之一,尽管在智能终端上的起步较Apple晚不少,然而面对强有力的竞争对手,从不停追赶到部分超越,已为其未来战略目标做好了充分铺垫. 迄今,全球已有超过100款Android产品.聚焦未来,本文将给出个人总结梳理的 10 则设计趋势分析,欢迎交流与探讨. 1. 强化与规范Android品牌形象 因竞争对手强大,行业变化迅猛,Google一直将时间看作其终端战略中关键的要素.相对而言,现阶段才逐步开始进行部分完善性工作,包括各类统一与规范性. 因此,不难理解

An“.NET研究”droid设计趋势分析10则

Android作为Google最重要的资本之一,尽管在智能终端上的起步较Apple晚不少,然而面对强有力的竞争对手,从不停追赶到部分超越,已为其未来战略目标做好了充分铺垫. 迄今,全球已有超过100款Android产品.聚焦未来,本文将给出个人总结梳理的 10 则设计趋势分析,欢迎交流与探讨. 1. 强化与规范Android品牌形象 因竞争对手强大,行业变化迅猛,Google一直将时间看作其终端战略中关键的要素.相对而言,现阶段才逐步开始进行部分完善性工作,包括各类统一与规范性. 因此,不难理解

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

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

WINDOWS 10通用应用设计趋势分析

  编者按:腾讯精品长文流!今天月兔同学将通过Win 10的系统新特性和已公布的通用应用,来简单分析一下Windows 10 的设计趋势,来看看微软有哪些颠覆自身的亮点 >>> 众所周知,当初微软在Windows 8上做了非常大胆的变革,除了开创性的Metro设计语言,传统桌面和平板两种模式的融合也是一大特色,可这两种操作模式在使用体验上的不一致也成为Windows 8饱受用户诟病的原因之一,但微软自始至终都朝着平台大融合的目标坚定前行着.经过一路探索,微软终于通过在Windows 10

界面设计时该如何面对视觉误差?

  最近的"蓝黑白金"事件非常的火,引发了大家对视觉误差的思考.对于做"视觉设计"专业的同学来说,视觉误差同样值得研究研究.俗话说:"耳听为虚,眼见为实",不可否认眼睛是人的感觉器官中最直接,最能反映事物原貌的.但眼睛看到的是否就一定反映客观事实呢?其实不一定.人类的眼睛,有它特有的成像原理和信息处理过程.就像所有的计算机程序一样,再精密的程序也会有BUG,所以眼睛有时候也会产生错觉,甚至不同人的主观感受也会有细微差异. 我们作为视觉设计师需要总

网站界面设计中要如何为网站创建风格指南

旅途归来,一切安好.五天很短暂,回想起来基本只有将就算是蓝色的大海和天空,还有白花花的沙滩;有兴趣的朋友可以到我的微博中看看风景照什么的. 还好,回来之后并没觉得无法适应惯常生活一类,它们之间的区别只是"状态1"与"状态2"这样;把该做的事情立刻开始做起来吧,心里会安一些.之前一篇是"iOS Wow体验 - 第六章 - 交互模型与创新的产品概念"的前半部分.今天插播小文一篇,怎样为网站创建风格指南.进入正文,锵锵锵. 什么是风格指南?简单的说,就

界面设计趋势:猜想未来长什么样子

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