《智能手机app图标设计风格_谢往都(修改)剖析》由会员分享，可在线阅读，更多相关《智能手机app图标设计风格_谢往都(修改)剖析（12页珍藏版）》请在金锄头文库上搜索。
1、 智能手机APP图标设计风格 与制作技巧研究 谢往都，XXX，陈正铭，戴经国 （韶关学院 信息科学与工程学院 广东省 韶关市 512000）摘要：本文首先简要介绍了移动终端的图形化用户界面的发展历史，得出当今手机图标设计的主要风格是由苹果的扁平式和立体式的发展趋势的结论。然后对iOS和Android设备的图标设计标准进行了总结，之后研究并梳理了在不同的设计原则和视觉配色原理图标设计过程中应该采用怎样的图标风格。然后根据不同的布局风格对界面的图标风格和设计要求进行了研究和总结。最后通过对优秀实例的分析，研究出图标设计要点和加工方式。Abstract: This paper briefly int
2、roduces the history of the development of the graphical user interface of the mobile terminal, draws the conclusion that the main style of todays mobile phone icon design is by the conclusion of the development trend of Apples flat and three-dimensional. Then on IOS and Android devices icon design s
3、tandards are summarized. After study and carding of the in different design principles and visual color matching principle for icon design process should be using what kind of style icon. Then according to the different layout style of interface icons style and design requirements of research and su
4、mmary. Finally, through the analysis of outstanding cases of icon design points and processing methods.关键词：智能手机；图标风格；图标设计Key words: smart phone; icon style; icon design引言随着智能手机的飞速发展，越来越多的人开始重视手机APP的UI界面的风格设计，而图标，作为UI的最基本发元素，其研究却被人忘记在角落之中。虽然目前有一部分人开始研究图标的制作和设计，但是他们往往没有放开视野，只是局部的研究图标本身的设计方法，没有把图标设计当做一
5、个体系，从整个APP体系研究图标的设计风格。本文将采用从整体出发的角度来研究智能手机APP图标风格设计的理念并挖掘出制作统一风格图标的方法。第一章 绪论1.1研究背景随着信息时代的迅速发展，在当今社会手机已经是随处可见，虽然智能手机是进几年才出现的新型产物，但是按照现在的发展速度来看，智能手机凭借它强大的功能与便携操作的特性，拥有摄像摄影、播放视频音频、远程通讯等功能，今后智能手机完全能取代PC机在人类日常生活的重要地位。所以我们有必要对其的发展进行研究试图从中挖掘出可用的价值。具统计，在2015年中国的智能手机普及率已经高达50%，而APP（application）作为新媒体的产物，在人机交
6、互方式上做出了革命性的创新，同时也开创了智能机的新纪元。智能手机之所以能够在当今有如此大的影响力必须功于智能手机上各式各样APP的出现，硅谷著名工程师 Andreessen 曾说，软件正在吞噬着世界，而现在看来，APP 则正在吞噬着软件。因此我们当今的智能手机时代可以说是APP的时代。131.2图标的重要意义所谓“未见其人先闻其声”，图标体现出的是APP所表达的核心内容也是APP的外在体现，它关系着整个程序设计的成败，是用户在使用APP前了解APP的一个重要信息。如何让一个图标能够即不失美感富有创造性又具有明确的可识别性，能准确的表达出制作者的主旨，这是本文重点研究的问题。如何在众多的APP中
7、使自己成为关注的焦点，图标设计的好坏就是取得成功的重要因素。视觉效果优秀，色彩搭配自然舒适，图形设计简单符合逻辑的图标往往就能够在第一时间博得用户的眼球。同样这些因素也是本文将重点讲述的一个重要问题。1.3手机图形界面的发展早期的手机系统只支持黑白色调，图标也是简单的类似手绘线条图形，形式简单没有任何的边框修饰和色泽点翠。而正是这种线条式的简单风格，已经成为了当今的主流图标设计风格，虽然现在市面上也不乏形式多样，具有艺术性的图标，但是简约的设计风格凭借着它表意明确，浅显易懂，色彩搭配简单自然等优势一直占据着APP的大部分市场。相比PC机的在1989年就出现了彩色界面，手机的彩屏系统在2000年
8、才问世。 图1-1 早期的黑白机界面 图1-2 D502 i 手机界面第一个推出彩屏GSM手机的是台湾一家较为知名的手机厂商 -英华达(OKWAP)，它在2000年9月推出的OKWAP i108，才是真正世界上第一款GSM网络的彩色液晶屏手机。而随着彩屏的到来，其延生物如彩信业务及拍照功能，开始了飞跃发展。16 图1-3 OKWAP i108手机界面虽然早在2000年手机系统就进入了彩色时代，但是APP图标的设计还是处于一种停滞状态，彩屏的APP图标仅仅只是把以前的黑白色调重新漆上了一次彩色，整体的设计可以说是极简至极。直到2004年，各大厂家开始把高端液晶技术运用在手机上，使手机屏幕从10万
9、像素直接升级到130万像素，可以和数码照相机的演示效果到底同一水平线。有了液晶技术的设备基础，APP图标的设计也得到极大的发展。2007年随着苹果公司的iPhone系列上市，APP图标变的更加细腻滑润，更有质感，色彩也更加饱和丰富，同时也保留了以前的简约风格，体现出一种纯朴的美感。iPhone系列的推出可以说是引领了当代APP图标设计的潮流，就连当今使用用户最多的Android系统上的APP图标也是处处能见到IOS图标设计风格的身影。第二章 手机图标的设计标准2.1 手机图形界面设计的规范在手机有限的屏幕空间中如何才能让图标设计更符合标准，这就必须遵循以下的手机UI设计规范原则。首先我们将手机
10、屏幕拆分为4个区域，自顶向下分别是：状态栏、导航栏、内容区、标签栏，这些区域对应不同的屏幕分辨率也将以不同的尺寸呈现出来。20 图1-4 IOS应用图标规范表格 图1-5 iPhone图标尺寸规范由于Android系统设备众多，一个应用程序图标需要设计几种不同尺寸,但是目前的Android系统已经拥有了自适应功能可以根据不同的屏幕分辨率来调整图标的大小所以这里就不进行详细的研究了。2.2图标的设计原则图标的设计形式主要有三种分别为：纯图形式、纯文字式和图文并存式。而这三种形式各有自己适合的界面，设计者应该根据不同APP的试用范围和布局的排版来决定使用哪一种图标这点我将于第四章在和大家讲解，现在
11、我们先了解下图标设计主要原则。图标只要具备简单明了、美观自然的要求就行了，简单来说图标的设计就是用来告诉用户按什么按钮能完成什么任务，在指引用户的同时又达到修饰、美化整个APP界面的作用。所以我们在设计图标的时候应该首先考虑这两点，达到有一定内涵而又不失美感的水平。因此在设计图标时我们应该注意一下几个基本的设计原则。（1）表意明确原则现在的人也不喜欢花费太多的时间去寻找一个符合自己要求的APP，所以让用户看一眼图标就知道APP具有哪些功能，是留住用户的重要手段，表意明确的图标能够大大的减少用户适应APP的时间，同时也能省去繁琐的向导节目。表达信息最准确的方式就是才用文字，纯文字式图标就在这反面
12、起到了很大的作用。如图2-1就是典型的纯文字式图标，其功能复杂性只需要浏览一遍我们就可以完全了解。 图2-1 纯文字式图标但是这类图标同时具有一个很严重的问题，那就是APP在面对不同的地域不同的文化的客户那就应该采用不同的图标，这不得不说是一个很麻烦并且很困难的事情。所以纯文字式图标一般适用于面向内地用户的中小型APP。如果需要扩大用户量，那么采用纯图形式图标和图文并存式图标将是一个不错的选择。纯文字式图标就要求设计者具有丰富的联想能力和洞察事物的能力，当使用象征事物作为图标的时候，设计者就需要考虑到采用事物的材料、外形、角度（文件图标用侧面就根据有代表性）等因素。纯图形式相对纯文字式来说它所
13、表达的是一种相对抽象的信息，没有文字那样直接明了，但是对于大众化的APP来说，纯图形式图标更能使用户达到共鸣。这也就不用繁琐的针对不同地区设计不同的图标，极大的减轻了图标设计的成本，所以现在大部分的APP的内部界面都是采用纯图形式图标，而图文并存式和纯文字式更倾向于作为APP的Icon。 图2-2 图文并存式和纯文字式图标（2）风格统一原则风格统一原则就是要求图标的设计要根据APP每个界面的布局和配色来设计出与之相搭配的图标。就像装修新房子一样，新房装修完后设计师会根据房子的构造和设计风格来配置相搭调的家具和小饰件。图标就类似于整个APP中的小饰件，运用好这些小饰件就能营造出一种让用户掌控自如
14、的感觉。如果一个APP的开始界面和功能界面形成很强烈的反差，那就会给人一种很突兀的感觉，这将会使用户对该APP的体验大打折扣。所以风格统一的目的就保证界面处于用户的掌控之中，让用户自己感受主动权。根据界面的展示功能来设计不同的图标是风格统一需要注意的问题，一些隐喻式的UI设计者采用拟物物图标，从而达到整体的氛围修饰。图2-3中的两个播放按钮取色就是界面第二栏音频的颜色，其他按钮的风格也是灰黑色ASB塑料感，具有非常强烈的真实感。图2-4中的酒瓶图标和cellar图标都完美的营造出了一种收藏库的感觉。 图2-3 Cross DJ 应用 图2-4 Awesome Note 应用而相对于功能比较复杂
15、或者一个页面展示的内能比较多的界面来说，我们更倾向于使用简约的图标，这样能减少用户的视觉盲目敢，减缓眼睛的疲劳感。例如各种购物APP。并且简约化是现在图标的主要发展趋势，继iPhone5之后的苹果机图标都开始采用扁平的设计风格，即抛弃部分艺术修饰，如阴影、透视、纹理、渐变等等能做出3D效果的元素一概不用。 图2-5 IOS图标风格的变化（3）艺术修饰原则虽然说现在图标的发展趋势偏向于简约的风格，但是适当的运用艺术修饰也能让图标达到一种眼前一亮的作用。简单来说艺术修饰原则就对原有的图形进行加工美化，典型的就是rich design丰富设计风格。所谓rich design就是通过添加各种设计装饰，比如下落阴影、梯度等，让整体设计显得很丰富。这种设计风格可以让用户在导航时，更加自如。另外rich design和拟真设计风格也不同，后者是通过模拟物理实物来让设计更加逼真（类似于IOS6之前的图标风格）。艺术修饰还有一种比较特殊的方式，那就是才用动态图来作为图标，动态图相对于以往的静态图来说可以更加容易吸引用户的注意力，但是如果大量的使用动态图则会照成一种非常混乱的场景，同时也会导致手机的负载过大，从而影响APP的运行
