《UI图标设计》课件-1.实训-智能手机APP UI设计与应用

UI图标设计

——实训环节专业班级：数字媒体艺术设计2006、20071.2认识APP设计

由于移动设备的逐步流行和广泛普及，APP这个词语开始频繁的出现在广大网民的视线中。也许有时候还不知道APP具体指什么，但一定下载过APP，使用过APP。那么什么是APP？APP的优势和分类有哪些？APP元素构成包含什么？APP即Application(应用程序)的缩写，指运行在智能手机、平板电脑等移动终端设备上的第三方应用程序。随着智能手机和Pad等移动终端设备的普及，人们逐渐习惯了使用应用客户端上网的方式，而目前国内各大电商，均拥有了自己的应用客户端，这标志着应用客户端的商业使用，已经开始初露锋芒。不仅如此，随着移动互联网的兴起，越来越多的互联网企业、电商平台将应用客户端作为销售的主战场之一。本次实训主要针对手机APP设计进行讲解，根据手机操作系统的不同进行划分，APP设计可大致分为iOSApp设计和AndroidApp设计两类。1.2认识APP设计1.2.1什么是APP设计1.2认识APP设计1.2.1什么是APP设计iOS客户端图标展示Android客户端图标展示1、丰富的第三方应用程序APP应用软件能在短时间内发展迅猛，主要归功于它满足了当今社会发展和人们生活的需求，不管是商店、游戏、翻译程序、图库等生活所涉及到的方方面面，它都可以以客户端程序的形式呈现在用户面前。1.2认识APP设计1.2.2APP的优势2、便捷性优势APP应用软件带给人的是方便与实用。以前人们浏览网页，上网购物，查询资料只能通过浏览器来实现，但在当今快节奏的社会中，这种繁琐的浏览查询方式已远远落后，所以这个时候移动APP应用软件就很自然的担当了替代的角色。1.2认识APP设计1.2.2APP的优势3、已融入人们生活APP软件已延伸到了生活和工作的各个领域。手机在当今时代已经是不可缺少的生活工具，在公交上，地铁上处处可见使用手机的用户。APP方便手机用户随时随地查询和浏览，有效占领了用户的“空闲时间”。1.2认识APP设计1.2.2APP的优势在当下移动互联网时代里，更多的企业和开发者为开发APP投入了大量的人力和财力，导致APP产品层出不穷，并占据了各大应用市场。目前市场上的APP大致可分为以下几类。1.2认识APP设计1.2.3APP设计分类分类应用购物类天猫、淘宝、聚美、糯米网、美丽说、京东、苏宁易购社交类QQ、微信、微博、陌陌、YY、来往、飞信、百合婚恋、世纪佳缘出行类途牛旅游、携程旅行、滴滴打车、优步、途家网、驴妈妈生活类墨迹天气、安居客、天气通、赶集生活、58同城、美食杰女性类大姨妈、我是大美人、小肚皮、喂奶计划、美柚孕期拍照类快手、美拍、美图秀秀、美颜相机、百度魔图、美人相机影音类酷狗、爱奇艺、暴风影音、天天动听、腾讯视频、央视影音资讯类腾讯新闻、今日头条、网易新闻、新浪新闻、新华社、中关村在线理财类随手记、掌上基金、存储罐、大智慧、同花顺、百度钱包、支付宝浏览器类手机百度、QQ浏览器、UC浏览器、火狐浏览顺、360浏览器1、启动图标启动图标是APP的重要组成部分和主要入口，是一种出现在移动设备屏幕上的图像符号。人们通过对字母和图像的认知，获得符号所隐含的意义。启动图标一般由圆角矩形或者矩形底板和LOGO或文字构成，更多出现的是由图标加文字组成的。1.2认识APP设计1.2.4APP构成元素2、加载页点击APP图标后，打开应用的第一个界面就是加载页。加载页是由一张渐变或者单色的背景、LOGO（或APP名称）、广告语以及版权信息等几部分组成的，据不完全统计加载页加载时间通常为2000-3000毫秒。大部分商家会将这个加载页做成广告页。1.2认识APP设计1.2.4APP构成元素3、引导页当加载页加载完成后，通常会看到几张连续展示、设计精美、风格统一的页面，这就是引导页。在未使用产品之前，通过引导页可提前获知产品的主要功能和特点，并给用户留下深刻的第一印象。根据引导页的目的、出发点不同，可以将其分为功能介绍类、使用说明类、推广类、问题解决类。一般引导页不会超过5页。1.2认识APP设计1.2.4APP构成元素4、首页首页通常是打开应用后，内容部分映入用户眼帘的第一个页面，因此可以说首页是整个APP中最重要的页面。首页通常是由状态栏、导航栏、内容区、标签栏构成，具体分析如下。状态栏：通常为系统默认信息，通常包括电池电量提示、信号状态等。导航栏：通常包含分类、搜索框、扫一扫、消息中心等。内容区：根据APP的功能不同，内容区域差异也较大。例如电商APP首页主要包含Banner轮播图（6个左右）、快速通道（圆形背景图标）、商品促销和展示（如秒杀）等。标签栏：该区为APP主要功能分类，通常是图标加文字形式展现；例如电商类APP，其标签栏主要包括：首页、发现、分类、附近、购物车、我的等几个标签。1.2认识APP设计1.2.4APP构成元素4、首页1.2认识APP设计1.2.4APP构成元素5、内容页通过APP中的首页所点击进去的页面均称为内容页。通常包含列表页、详情页、个人中心页等。1.2认识APP设计1.2.4APP构成元素任何一款APP的设计都要遵循一套完整的设计流程，这样才能保证开发过程中有章可循。APP设计的主要流程包括产品定位、交互设计、视觉设计、用户体验、项目开发、测试和运营。1.3APP设计流程首先，要明确APP设计的构想和理念，以及受用人群是哪一类，是写给小孩玩的游戏，还是用来理财的记账类应用，每个APP应用都有固定的适用人群，而这决定了APP的内容是什么，也决定了要给使用者以什么样的用户体验。其次，一个APP有明确的使用目的是必须的。设计者要了解用户的需求是什么，如何才能满足用户的需求，同时吸引更多的用户来使用你的APP。产品定位后的产出物应为低保真原型图和原型说明文档。低保真原型图指粗略的线框图，主要用来简单说明产品功能。1.3APP设计流程1、产品定位交互设计主要是针对低保真原型图对产品细节做进一步优化，更多考虑的是用户流程、信息架构、交互细节和页面元素等。最终的产出物为高保真原型图，高保真是最接近最终产品的线路图，用于表达产品的流程、逻辑、布局、视觉效果和操作状态等。1.3APP设计流程2、交互设计视觉设计主要是根据高保真原型设计产品界面，这就要求视觉设计师对原型设计有深刻的了解，能够整体把控页面的逻辑，用视觉手法完成产品设计。最终的产出物为各种图片、界面切图和界面标注。1.3APP设计流程3、视觉设计用户体验需坚持以用户为中心的原则，保持功能与审美的平衡。其实，这一过程贯穿于整个设计当中，通常由团队的产品经理、交互设计师和视觉设计师来共同完成。1.3APP设计流程4、用户体验程序员根据设计团队提供的标注切图、搭建界面，根据产品提供的功能说明文档去开发功能，最终产出物是可使用的应用。1.3APP设计流程5、项目开发应用开发完成后，还需进行后续的测试工作，主要测试应用上有没有功能问题，将测试结果反馈给开发人员和设计人员进行修改。6、测试运营人员最终把打包好的应用发布到苹果商店和各大安卓市场上，并通过各种手段提升应用人气。同时还需要把运营过程中发现的问题反馈给产品人员，由产品人员发起产品的迭代。7、运营为了避免APP设计中出现不必要的麻烦，如设计尺寸错误导致显示不正常的情况发生，与设备相关的尺寸概念是必须要提前了解清楚的。本节将针对移动设备中常用的尺寸进行详细讲解。1.4移动设备尺寸英寸其实就是我们常说的长度单位。显示设备通常用英寸来表示大小，如14英寸笔记本电脑、50英寸液晶彩电，指的是屏幕对角的长度，手机屏幕也继承了这个计量单位。1.4.1英寸1.4移动设备尺寸像素的全称为图像元素，是用来计算数码影像的一种单位，如同摄影的相片一样，数码影像也具有连续性的浓淡阶调，若把影像放大数倍，会发现这些连续色调其实是由许多色彩相近的小方点所组成，这些小方点就是构成影像的最小单位，即像素。1.4.2像素1.4移动设备尺寸分辨率是屏幕物理像素的总和，是指显示器所能显示像素的多少。在屏幕尺寸一样的情况下，可显示的像素越多画面就越精细。一般用屏宽像素数乘以屏高像素数来表示，比如iPhone7的屏幕分辨率为750×1334像素，就是说iPhone7的屏幕是由750列和1334行的像素点排列组成的。1.4.3分辨率1.4移动设备尺寸网点密度（简称DPI）通常用来描述印刷品的打印精度，表示每英寸所能打印的点数。例如，设置打印分辨率为96DPI，那么打印机在打印过程中，每英寸的长度上将打印96个点。DPI越高，打印机的精度就越高。当DPI的概念用在手机屏幕上时，表示手机屏幕上每英寸可以显示的像素点的数量。1.4.4网点密度1.4移动设备尺寸像素密度（简称PPI）常用于屏幕显示的描述，表示每英寸像素点的数量。例如，在Photoshop中新建文档时，设定某图的分辨率为72PPI，当图片对应到现实尺度中，屏幕将以每英寸72个像素的方式来显示。显示屏幕的PPI数值越高，画面看起来就越细腻。1.4.5像素密度1.4移动设备尺寸1.4.6常见手机屏幕规格1.4移动设备尺寸型号分辨率（像素）屏幕尺寸（英寸）PPI手机系统iPhone5/5s/5c640×11364.0326iOSiPhone6/6s750×13344.7326iOSiPhone6Plus1080×19205.5401iOSiPhone7750×13344.7326iOSiPhone7Plus1080×19205.5401iOS三星S51080×19205.1432Android三星S6/S71440×25605.1576Android红米41080×19205441Android小米51080×19205.15428Android随着移动互联网的兴起，越来越多的互联网企业、电商平台已经成功使用APP来强化品牌价值和服务，APP的使用已完全融入人们的生活当中。常用的软件PhotoshopCC和IllustratorCC。1.5APP设计软件在智能手机时代，APP应用开发已经成为发展动向，然而很多APP应用软件在设计方面做的并不够。那么，怎样才能设计出高质量的APP得到用户的一致好评呢？除了要有好的设计理念以外，与APP相关的设计元素也是必须要了解和掌握的。下面就针对APP设计中的色彩、布局等相关知识进行详细讲解。1.6APP设计要素1）主色主色是决定画面风格趋向的色彩，主色可能是多种颜色，一般在Logo和视觉面积较大的导航栏上使用。主色的选择过程称为定色调，它的成败直接影响到视觉传达的效果，还会影响到使用者的情绪。因此确定主色调是APP设计中非常关键的一步。2）辅助色辅助色的作用是使画面更完美更丰富。一般应用在APP中的控件、图标和插图上。1.6.1 色彩1.6APP设计要素1、认识色彩3）点睛色点睛色通常在色彩组合中占据的面积较小，视觉效果较为醒目。主要用在提示性的小图标或者需要重点突出的图形中。1.6APP设计要素1.6.1 色彩1、认识色彩1）明暗对比明暗对比是决定画面情调、风格的重要因素。在以明度为基准配色时，明度对比强则视敏度高，画面清晰明朗。明度对比太强则使色彩层次两极分化，带有强烈的刺激性，1.6.1 色彩1.6APP设计要素2、色彩对比原则2）色相对比因色相差异而产生的对比称为色相对比。色相对比的强弱与色彩的相对位置和距离有关，在如图1所示的色相环中，对比最强的是相对180度补色的对比，如红与绿的对比。如图2所示即为色相对比界面效果。1.6.1 色彩1.6APP设计要素2、色彩对比原则3）面积对比将两个色彩强弱不同的色彩放在一起，若要得到对比均衡的效果，必须以不同的面积大小来调整，弱色占大面积，强色占小面积，而色彩的强弱是以其明度和彩度来判断，这种现象称为面积对比。1.6.1 色彩1.6APP设计要素2、色彩对比原则4）纯度对比因色彩纯度差异而产生的对比称为纯度对比。高纯度的色彩明艳、纯净，低纯度的色彩含蓄、柔和。在色彩的配色中，往往高纯度色彩与低纯度色彩相互衬托，相辅相成，这样色彩的鲜明性和柔和性才能凸现出来。1.6.1 色彩1.6APP设计要素2、色彩对比原则1）参考同类APP根据APP所涉及的行业、风格和定位去寻找同类型APP的色彩搭配组合。如科技风一般采用蓝、白、灰为主；女性主题经常以粉色、紫色或柔和的米色为主；美食类主题多以橘黄色为主。1.6.1 色彩1.6APP设计要素3、APP色彩的搭配方法2）三色搭配原则三色搭配原则是指在设计作品中，单个界面的颜色应保持在三种以内（这里的颜色指色相）。如果超过三种，就会产生眼花缭乱的感觉。1.6.1 色彩1.6APP设计要素3、APP色彩的搭配方法注意：在实际设计中，仍然可以使用三个以上的颜色来装点我们的设计，只是保证颜色不超过三种基调就可以了。3）借助配色软件如果觉得上述方法无法满足需求，还可通过配色网站进行配色，通过这种方法获得的色彩组合都符合色彩搭配规范，省时省力。1.6.1 色彩1.6APP设计要素3、APP色彩的搭配方法状态栏：位于界面最上方，就是我们经常说的信号、运营商、电量等显示区域。导航栏：表示当前界面的名称，包含相应的功能或者是页面之间的跳转按钮。内容区：展示应用提供的相应内容，也是布局变更最为频繁的一个区域。标签栏：位于界面最下方，类似于页面的全局导航，方便快速切换功能或是导航。在手机上，标签栏包含“未选择和已选择”两种视觉效果。1.6.2 界面布局1.6APP设计要素1.6.2 界面布局1.6APP设计要素在界面设计之前，设计者首先会对界面的风格进行定义。通常UI界面的设计风格主要包括扁平化和拟物化这两大类，对它们的详细讲解如下。1.7UI设计风格扁平化风格是指去掉多余的透视、纹理、渐变以及能做出3D效果的元素，而强调通过抽象、简化、符号化的设计元素来完成设计。扁平化设计要求所有元素的边界都干净利落，简单直接的将信息和事物的工作方式展示出来，减少用户认知障碍的产生。1.7.1 扁平化风格1.7UI设计风格1、什么是扁平化风格1）拒绝特效扁平化设计仅仅采用二维元素，所有元素都不加修饰，从图片框到按钮，再到导航栏都干脆有力，规避羽化、阴影以及3D等特效。1.7.1 扁平化风格1.7UI设计风格2、扁平化设计的原则2）仅使用简单的元素扁平设计中使用到很多简单的UI元素，比如按钮和图标，设计师更常用矩形、圆形、方形等简单的形状。UI元素应该在保持可用性的前提下尽可能的简单，保证应用或网站直观、易用，无需引导。1.7.1 扁平化风格1.7UI设计风格2、扁平化设计的原则3）注重排版因为扁平化设计要求元素更简单，排版的重要性就更为突出了。字体的大小应该匹配整体设计，文案精简、干练，保证产品在视觉上和措辞上的一致性，1.7.1 扁平化风格1.7UI设计风格2、扁平化设计的原则4）关注色彩色彩的使用对于扁平化设计来说非常重要。扁平化设计的色调通常更有活力、色彩更纯，其主要、次要颜色通常都是非常大众化的颜色，然后再配以几种其它颜色。扁平化设计的另一个趋势在于复古颜色的使用，在扁平化设计中浅澄色、紫色、绿色、蓝色都极为流行。1.7.1 扁平化风格1.7UI设计风格2、扁平化设计的原则5）最简方案设计师要尽量简化自己的设计方案，避免不必要的元素出现在设计中。简单的颜色和字体就足够了，如果一定需要视觉元素，可通过添加简单的图案来实现。1.7.1 扁平化风格1.7UI设计风格2、扁平化设计的原则现今扁平化的设计正在成为新的趋势，越来越多的网站设计已在UI上走扁平式设计的路线。因为通过这种风格可以让设计更具有现代感，另外可以强有力的突出设计中最为重要的内容和信息。但是，任何事物的发展规律都必须遵循产生、发展、衰败、消亡，只有不断的推陈出新，才能生生不息。所以说扁平化设计最终也会被别的设计风格取代。但是设计师们会不断的计划和尝试，并最终将它进化到一个新的风格——微扁平设计风格（也称扁平化2.0）。1.7.1 扁平化风格1.7UI设计风格3、扁平化设计的发展趋势微扁平设计是指在符合符合扁平化的简洁美学的前提下，增加一些光影效果。例如，微阴影、幽灵按钮、低调渐变等。1.7.1 扁平化风格1.7UI设计风格3、扁平化设计的发展趋势拟物化风格是指模拟现实物品的造型和质感，通过叠加、高光、纹理、材质、阴影等效果对实物进行再现，也可适当程度变形和夸张。拟物设计会让用户第一眼就认出实物。1.7.2 拟物化风格1.7UI设计风格1、什么是拟物化风格拟物化设计的特点主要体现在以下两方面：界面：模拟真实物体的材质、质感、细节、光亮等。交互：人机交互也需要拟物化，模拟现实中的交互方式。针对拟物化设计的优缺点分析如下：优点：认知和学习成本低，而且传达了丰富的人性化的感情。缺点：拟物化本身就是个约束，会限制功能本身的设计。1.7.2 拟物化风格1.7UI设计风格2、拟物化设计的特点及优缺点在UI设计中针对不同的操作系统，界面设计效果也会有很大的差异。下面就针对用户最常用的iOS系统和Android系统进行详细讲解。1.8智能手机操作系统1.8.1 iOS系统iOS作为苹果移动设备iPhone和iPad的操作系统，在AppStore的推动之下，成为了世界上引领潮流的操作系统之一。iOS的用户界面能够使用多点触控直接操作，控制方法包括滑动、轻触开关及按键。与系统交互包括滑动(Swiping)、轻按(Tapping)、挤压(Pinching，通常用于缩小)及反向挤压(ReversePinchingorunpinching通常用于放大)。此外通过其自带的加速器，可以令其旋转设备改变其y轴以令屏幕改变方向，这样的设计令iPhone更便于使用。1.8智能手机操作系统1.8.1 iOS系统1、文字规范1.8智能手机操作系统在iOS8系统中，英文和数字字体为“HelveticaNeue”，它是比较典型的扁平风格字体，中文字体为HeitiSC（中文名称叫黑体-简）。最新的iOS9系统中，中文字体为“苹方”，英文和数字字体为“SanFrancisco”。1.8.1 iOS系统1、界面布局规范1.8智能手机操作系统状态栏：尺寸为750×40像素，字体大小为24像素。导航栏：尺寸为750×88像素，标题文字大小为34~40像素，按钮文字一般不大于32像素。内容区：尺寸为750×1108像素，字体大小在22~36像素之间。标签栏：尺寸为750×98像素，字体大小为22~24像素。1.8.2 Android系统Android系统是一种基于Linux开发的操作系统，主要使用于移动设备，如智能手机和平板电脑，由Google公司和开放手机联盟领导及开发。尚未有统一的中文名称，中国大陆地区较多人使用“安卓”，英语是机器人的意思。2011年11月数据显示，Android占据全球智能手机操作系统市场52.5%的份额，中国市场占有率为58%。如今Android已经成为了现在市面上主流的智能手机操作系统，随处都可以见到绿色机器人的身影。1.8智能手机操作系统1、文字规范1.8智能手机操作系统在Android4.X系统中，中文字体为“DroidSansFallback”，英文字体为“Roboto”。在Android5.0系统中，中文字体改为“思源雅黑”。在实际设计中，中文字体选择“方正兰亭黑”，英文字体选择“Roboto”即可。1.8.2 Android系统1、界面布局规范1.8智能手机操作系统状态栏：尺寸为720×50像素，字体大小为24像素。导航栏：尺寸为720×96像素，标题文字大小为34~40像素，按钮文字一般不大于32像素。内容区：尺寸为720×1038像素，字体大小在20~36像素之间。标签栏：尺寸为720×96像素，字体大小为22~24像素。1.8.2 Android系统注意：在APP界面设计中，不管是针对iOS系统还是Android系统，字体大小的设置都不是一成不变的，上述参数仅供参考。实际运用中还需结合界面的美观度做适当调整。1、定义主题2.1.2图标设计流程2.1图标设计基础知识定义主题是指把要设计的图标所涉及的关键词罗列出来，重点词汇突出显示，确定这些图标是围绕一个什么样的主题展开设计，对整体的设计有一个把控。2、寻找隐喻2.1.2图标设计流程2.1图标设计基础知识“隐喻”是指真实世界与虚拟世界之间的映射关系，“寻找隐喻”是指通过关键词进行头脑风暴，看看可以联想到哪些实物。如“休息”这个关键词，可以联想到下面的图形。2、寻找隐喻2.1.2图标设计流程2.1图标设计基础知识从上图可以看出，通过“休息”这个关键词，联想到了沙发和床，因为它们都有休息的功能。每一个工作和学习的环境都不一样的，导致对于某个词的隐喻理解也有所不同。例如，经常喝咖啡的人，认为工作忙碌，来一杯香醇的咖啡就是休息。当然应用是为大多数人制作的，所以要挑选最被大多数人接受的事物来抽象图形。除非你的应用是为某个群体设计的个性应用。3、抽象图形2.1.2图标设计流程2.1图标设计基础知识抽象图形要求设计师将生活中的原素材进行归纳，提取素材的显著特点，明确设计的目的，这是创作图标的基础。在上图中，“飞机”和“拉杆箱”都进行了抽象化处理，汲取各自最显著的特点，形成了最终的图标。3、抽象图形2.1.2图标设计流程2.1图标设计基础知识需要注意的是，图形的抽象必须控制，图形太复杂或者太简单，识别度都会降低。当“飞机”过于写实，甚至接近照片时，就会显的非常复杂且太过具象。当“飞机”过于简单，甚至只能看到圆形轮廓的时候，就已经看不出什么了，太过抽象。4、绘制草图2.1.2图标设计流程2.1图标设计基础知识经过对实物的抽象化汲取后，便可以进行草图的绘制。在这个过程中，主设计师需要将实物转化成视觉形象，即最初的草图。当然草稿可能有很多方案，这时需要筛选出若干满意的方案继续下面的流程。5、确定风格2.1.2图标设计流程2.1图标设计基础知识在确定了图标的基准图形后，下一步就是确定标准色。我们可以根据图标的类型选择合适的颜色。当你不知道使用什么颜色的时候，蓝色是最稳妥的选择。目前图标设计主流是扁平化风格。6、制作和调整2.1.2图标设计流程2.1图标设计基础知识根据既定的风格，使用软件制作图标。在扁平化风格盛行的今天，单独的图形设计需要更多的设计考量，需要经过大量的推敲，设计调整，因此在图标的制作中，会修正一些草图中的不足，也可能增加一些新的设计灵感。7、场景测试2.1.2图标设计流程2.1图标设计基础知识图标的应用环境有很多种，有的在APPsrore上使用，有的在手机上使用。手机的背景色也各不相同，有深色系的，也有浅色系的。我们要保证图标在各个场景下都有良好的识别性，因此在图标上线前，设计师需要在多种图标的应用场景中进行测试。1、可识别性原则2.1.3图标设计原则2.1图标设计基础知识可识别性原则，指的是图标要能准确表达相应的操作，即我们看到一个图标，就要明白它所代表的含义，这是图标设计的灵魂。2、差异性原则2.1.3图标设计原则2.1图标设计基础知识差异性原则是指图标要有差异化，以便于用户辨认和操作。因为图标设计的目标是提高效率，如果用户真的很难区分它们，反而降低了工作效率。因此，一些优秀的图标，往往能够知图达意，堪称设计典范。3、风格统一性原则2.1.3图标设计原则2.1图标设计基础知识一套设计非常协调统一图标不仅看上去美观，同时也会增强用户的满意度。通常设计风格统一的图标可以从以下几点考虑：1）图标造型上的统一。例如，是选择扁平化图标还是选择拟物图标。2）图标色调的统一。3）图标细节元素要统一。例如是选择无边框图标，还是选择有边框图标。1、正负形组合2.1.4图标设计技巧2.1图标设计基础知识正负形组合是一种最常见的设计方法，我们可以根据应用抽象出两到三个重要的功能点，或者产品特质，然后提炼相应的图形，通过图形相互组合、叠加，或者抠除，组成新的图形。2、折叠图形2.1.4图标设计技巧2.1图标设计基础知识当一个完整的平面图形设计完成后，可以分析图形的轮廓走向，在图形的结尾或者转角处做局部折叠处理。3、线形图标2.1.4图标设计技巧2.1图标设计基础知识线形图标是一种独特的绘制图形手法，可通过提炼图形的轮廓设计，各式线性图形，应用的形象简练、完整，更具吸引力。4、透明渐变2.1.4图标设计技巧2.1图标设计基础知识通过对图形放大或缩小叠加不同透明度的图形，形成一个层次丰富，形态饱满的图形组合。5、色块拼接2.1.4图标设计技巧2.1图标设计基础知识色块拼接是指把图形分割成有规律的块状，并填充颜色。6、图形复用2.1.4图标设计技巧2.1图标设计基础知识对已经设计好的主图形，进行复制，通过透明度、颜色或者大小的变化，创造出一种图形阵列之美。7、背景组合2.1.4图标设计技巧2.1图标设计基础知识运用不同的底板背景更能使图标汇聚聚焦点、富有活力。背景可以选择纯色、渐变色、放射或规律的集合线条以及和主题相关的元素。图标形状+背景组合。文字+背景组合。图文组合+背景组合。吉祥物（或卡通形象）+背景组合。360手机主题大赛一等奖

优秀Icon图标组分析风格优秀Icon图标UI图标设计360手机主题大赛二等奖

优秀Icon图标组分析风格优秀Icon图标UI图标设计360手机主题大赛创意奖

优秀Icon图标组分析风格优秀Icon图标UI图标设计360手机主题大赛人气奖

优秀Icon图标组分析风格优秀Icon图标UI图标设计主题大赛一等奖

优秀Icon图标组分析风格优秀Icon图标UI图标设计主题大赛二等奖

优秀Icon图标组分析风格优秀Icon图标UI图标设计主题大赛二等奖