论移动端应用程序的界面设计方法与发展方向

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

论移动端应用程序的界面设计方法与发展方向前言
小至一年级学生,大至中老年人,几乎人手一部智能手机。

智能手机的市场虽然已经接近饱和,但是手机端的移动应用程序的种类却是五花八门,各有特色。

最新数据统计,苹果App Store 在2008 年,只有500 个左右的初始应用程序,数日后下载量就已经达到上千万,2015年初,苹果公司在线应用商店App Store 下载量超过百亿次。

手机应用程序的发展势头由此可以看出是非常迅猛的,并且依然持续保持上升势头。

随着手机功能越来越强大以及4G 网络的普及,互联网行业的矛头也对准了手机应用程序开发的这一块大的市场,新兴的创业型企业也纷纷投入互联网这一领域。

如何在众多手机应用程序中脱颖而出,拔得头彩,应用程序的界面设计水准就是决定性的关键钥匙。

移动端应用程序界面的概念及设计要点
1.移动端应用程序界面的基本概念
所谓界面,也是媒介的一种,一般指两个或者多个物体之间不同的分界面,我们这里所说的界面是从人机学角度分析的界面,指的是人和机器之间传递信息,交换信息的媒介。

移动端的应用程序的界面就是指在手机端的应用程序的系统和用户之间进行交流的媒介。

移动端应用程序界面的设计,是依据特定的需求,在所限定的移动设备界面大小的平面空间内,以数字、文字、图形、色彩、控件等多种视觉元素进行的合理安排和整合,将移动端应用程序的信息以及与它所需的多种视觉元素相关联,使应用的操作界面更加容易被用户理解并使用。

从而顺利的达到移动端应用程序设计的最初目的,完成预期的业务目的。

用户与移动端应用程序之间是否能实现信息的良好转达决定了一个移动端应用界面设计的成功与否。

2.移动端应用程序界面设计时需注意的要点
说到移动端的应用程序,我们手机中已下载的种类就已经五花八门了,但人人都熟悉的一款移动端应用当属腾讯的QQ。

这种社交类应用软件都需要用户登录后才可以使用,所以一款移动端应用的登录界面的设计决定了用户使用这类软件的第一印象,也是决定了用
户由访客变成目标用户的决定性的关键界面。

关于移动端应用界面就要具备以下几个要点:
(1)移动端应用程序的界面要简洁清晰
随着生活节奏的加快,虽然人们更倾向于通过手机、电脑等电子设备与外界进行交流,但是面对五花八门的各种应用,人们在浏览一款应用程序时所用的时间也不会很长。

所以简洁清晰的界面会抓住用户的眼球,赢取用户的好感。

相反,繁琐的界面设计会让用户不知所云,一旦操作麻烦,用户的第一反应就是撤退,去选择同类型中易于操作的其他应用。

(2)移动端的应用程序界面中不要出现广告
一款移动设备的尺寸已经被设定好,如果在用户使用的时候,在界面内还有广告弹出,广告在占据屏幕的同时,用户也会觉得自己被干扰,同时会默认这款应用本身就是不专业的。

(3)移动端应用界面操作要方便
一款易于操作的应用会把操作的主动权交付到用户的手中,让用户在几个界面的切换之中轻松理解这款软件的操作原理,并在两三个操作步骤之间就进入这款应用的核心信息区域,找到用户所需关键信息。

让用户尽快的进入到应用程序里,就需要踢开繁琐的注册、登录还有浪费脑细胞的验证码。

12306的火车票验证码就是现下最好的反面教材。

(4)移动端应用访问速度要提高
用户在使用移动设备时多是无线网络,一旦脱离了无线的状态,处于4G网络时,相对比而言,费用会变高,应用被访问的可能性也会变小。

所以就要求设计师要在界面设计时优化页面元素,体高访问速度,让用户在最短的时间内找到自己最想要的内容。

一切的设计要点都是为用户体验服务的,一款体验度高的移动端应用软件,它一定是脱了枯燥数据,列表和大篇幅的文字的。

将可视化的数据用可视化的动态方式展现,通过即时的互动使得用户获取所需,提高用户的内心的满足率和心灵上的感官享受。

移动端应用程序的界面的设计原则
移动端应用程序的界面就像是一个置身在手机操作系统中的窗口,通过这扇窗,使得用户与应用程序进行交互沟通。

这就要求移动端应用的界面在设计上必须是结合了手机的物理特性和移动端应用的使用心理特性进行设计的。

做好一款移动端应用的最初界面规划,需将现有的数据资源进行全面的用户需求分析,用以制定界面版式,详尽细节。

在设计过程就应遵守一下几个设计原则:
1.准确划分移动端应用程序的界面区域
移动端应用程序界面常由标题区、主信息区、公共导航区等几个区域构成。

标题区指的是软件的图标,软件的版本以及一些其他的应用图文信息。

主信息区也是主要的功能操作区,它是款应用的核心部分,也是在其应用中所占用界面面积最宽的版面部分。

公共导航区则是一款应用的宏观操作区域,在公共导航区域可以保存用户当前的操作结果,切换到用户设置的操作界面,还能实现退出应用系统等操作,实现了对应用系统的灵活操作。

移动端应用程序的界面的设计,在很大程度上都需要借鉴移动设备系统界面的设计进行创作,只有在此基础上,才能确保整个移动设备界面的统一性。

2.注重界面组成元素的分解与组合
一款移动端应用程序的界面的整体构图得益于界面中点线面等元素的组合,由于移动设备本身的运行环境较小,所以在设计一款移动端应用的时候就必须控制其自身软件包的大小,因此我们在对界面进行切图这一过程的时候就要根据各项因素综合需求进行切图,即保证程序完美的实现,也保证用户的可操纵的点击区域。

在移动端应用界面的整体版式设计出来后,将做好版式分解成一个个切图,并将切图交由程序人员,尤其在后台进行二次组合,从而实现应用的运行。

3.注重移动端应用程序的界面整体视觉效果
一款优秀的移动端应用程序的界面视觉效果,应给予用户舒适、生动的心理体验,刺激用户视觉感官,抓住用户的注意力,配合用户的心理活动规律,提高用户的应用体验,从而增强移动端应用的亲和力。

故而将移动端应用界面的整体视觉效果分为简约明快型,和趣味独创型两个类型。

(1)简约明快型
简约明快是现代设计发展的总体趋势,点线面的版式构成是不变的设计模式,将这些基本元素进行突破性或者是规律性的重新排列与设计更能很好的突出现今的信息时代感。

更有将大面块的彩色块进行拼撞,精准到位又凸显时尚大气。

用简约明快的方式表达设计目的,同时带给用户以愉悦感。

(2)趣味与独创型
移动端应用程序的界面在趣味性的体现方面主要是指形式上的趣味表达,用一种活泼的视觉语言,来抓住用户的注意力。

如果在某一款应用界面中没有多少精彩的内容,那么这款界面的的取胜点就要在制造趣味方面做文章。

也就是在构思中调动可运用的艺术手法去给用户带来趣味性的体验。

例如使用个性化的图标,在版面造型中运用一些可爱的造型。

独创性原则是将鲜明的个性提出并重塑,个性是排版设计中的创意灵魂。

实质上就是是突出个性化特征的原则。

移动端应用程序的界面设计的发展方向
2014年,移动端的应用程序的界面都明显使用了扁平化的设计方式,但是在新的设计语言不断推出的同时,更有一些明显的设计标识来预示这未来移动端应用界面的发展方向。

1.唯一主色调
移动端应用程序的界面不再定义为多种颜色,而是只用一种颜色来表达界面的层次、重要的信息等等。

在唯一主色调设计过程中只采用简单的色阶并用相对应的灰阶来进行色彩对应,表达信息的层次感。

唯一主色调设计手法,做到了移动端应用程序的最小化设计,减少冗余信息的干扰,使用户专注于主要信息的获取。

2.多彩色
而与唯一主色调形成对照关系的,就多彩色风格,通过不同页面、不同信息组块采用撞色多彩色的方式来设计的风格,甚至同一个界面的局部都可以采用多彩撞色,从而产生了不少优秀的设计。

用鲜亮的多彩色来区分信息,确实能起到突出的效果,视觉上极其醒目。

可是对于一些内容型的应用程序,也许并不适用,比如百度云记事本第一版设计也是多彩色的,但考虑到文字记事比较多,为提供良好的文字阅读体验,还是把多彩色改成灰白色微质感的设计。

3.数据可视化
对信息的呈现,越来越多的移动端应用在界面上开始尝试数据可视化、信息图表化,让界面上不仅仅是列表,还有更多直观的饼图、扇形图、折线型、柱状图等等丰富的表达方式移动端应用界面利用数据可视化,可以在更小的屏幕空间内,展示出更为立体的内容。

4.卡片化
卡片化的界面设计方式也是一种采用较多的设计语言形式,其设计方式更容易突出信息本身,用大图和标题文字吸引用户,强化了无尽浏览的体验,吸引用户一直滚动下去。

卡片的形式还具有定制化、个性化等特征。

不同的卡片形式遵循同一个在统一宽度和样式的卡片内,进行发挥和设计。

既保证了卡片和卡片之间的独立性,又保证了服务和服务的统一化设计。

5.内容为王
移动端应用程序设计的发展,最终的路径势必会跟web产品一样,突出内容,内容为王,当繁华褪尽,纤尘不染,再重新定义移动端应用程序存在的意义,不外乎是给用户提供更好的服务。

与内容相比,所有的设计和包装,都不外乎是一种表现手法,而真正具有价值的移动端应用,一定是内容取胜的。

以内容本身做排版,引导用户将注意力集中在图片内容上。

6.圆形的运用
在充满各种方框的手机屏幕内,圆形是容易让人觉得舒服的形状,增加一些圆润的形状点缀,可以给界面增加活泼的气息,徒增好感。

把选择喜欢的标签设计成了圆形,这就比普通的列表、矩形等标签的感觉要好很多,更加趣味更具探索性。

7.大视野背景图
用图片作为背景,也成为当下移动端应用程序的界面所涉及的的一个流行趋势,既提升了视觉表现力度,又丰富了移动端应用的情感化元素。

大视野背景图风格也分为两种,一种是内容区块中采用大视野背景图,以图片做区块分割,同时配合描边、留白等设计手段优化拼接。

另外一种就是全屏背景图,在图片内做内容排版、导航、操作。

使设计非常具有生命力。

纵观设计的历史和发展,设计风格很难有全新的,设计也是不断轮回的,谁又敢保证在未来的哪一天重拟物界面设计不会给我们一记漂亮的回马枪呢?
小结
随着动画等各个学科的发展和学科间的相互交叉应用,界面不再是单一死板的执行功能,它被赋予了更多的含义,一种界面一种形态,一步操作一种互动,一种视觉一种体验,界面的设计上有了更旷阔的空间,结合动画、音效等各种元素,让界面变的更加生动,更能引起用户的共鸣。

是未来移动端应用软件的界面设计的主要发展方向。

移动端应用程序的界面设计看似平白无奇,信手可成,但是每一个图标,每一个点击按钮,每一步的引导都是背后设计师与程序工程师共同的结晶。

其中点滴的细节都是通过大量的用户需求分析得出的结果。

每一款元素在设计的时候,设计师更是将其精致到每一个像素。

由大到小,由宏观到微观,由整体到细节的每一关都需要设计师的精心把控。

一款移动设备的某一应用程序的图标样式决定了用户是否会点击进入,一款应用程序的界面责决定了用户是否会继续使用该程序。

而今的社会中人与人之间的交流中面对面的已经越来越少,更多的是通过某一种移动设备,或者是某一款移动设备的应用程序,沟通完美与否,就是某一款手机应用程序的界面设计的成功与否。

掌握用户活动心理,抓住用户的眼球,体高用户体验。

也将是每一款移动端应用界面设计的最终追求。

(作者单位:齐齐哈尔大学美术与艺术设计学院)
作者简介:陈龙(1988-),齐齐哈尔大学美术与艺术设计学院,硕士研究生在读,工业设计工程专业,研究方向:产品设计;
张建平(1965-),齐齐哈尔大学美术与艺术设计学院,副院长,教授,硕士研究生导师,研究方向:产品设计。

相关文档
最新文档