浅议UI设计中的图标设计技巧与运用

来源:用户上传      作者:

　　摘 要：图标是UI界面中功能的展示，在UI设计中功能是多方面的，所以图标一般而言除了启动图标意外，其他的图标均是以组的形式存在。如何将一组图标设计成为视觉表现手法、呈现风格相统一的一个系列设计，是明确图标设计思路的第一步。但很多设计师在进行设计时大多都以自己主观的审美进行设计，而忽略用户群体的审美需求，如何运用图标设计技巧来提高受众对图标的审美性，如何让用户在产品体验时感观舒适，就是UI设计师必须解决的问题。
　　关键词：UI设计;图标设计;用户体验;审美
　　DOI：10.16640/j.cnki.37-1222/t.2019.17.175
　　 UI设计的成功取决于用户的认可和市场的流通，也就是APP产品点击和下载以及留存时间，这也是对设计师的设计能力衡量标准，图标设计在整个UI设计的过程都占有很大的比重，图标设计也可以决定一款优秀的UI设计的成败，不仅体现操作功能的作用，还要承担一部分审美的功能。图标设计的风格较多，常用的设计技巧为扁平化设计手法、极简化设计手法、拟物化设计手法、手绘技法等，无论是哪种风格的图标设计，无论用什么设计技巧，都要遵循其设计原则和设计规律，并与界面整体相互协调、相互搭配。
　　 不管什么设计，在设计之初都需要经过紧密的思考，进过设计团队头脑风暴的讨论，才能进行设计思路的制定，不能草率的开始，否则后期将会走很多重复的弯路。在进过设计小组多次研讨后才能决定出具体的设计风格，然后再进行草图的绘制，绘制出图标的基本图形，也就是图标轮廓的确定，当下的图标流行趋势是纯图形的设计，在图标中摒弃文字的描述，直接用图形来表述含义，这样从审美上能更容易受到用户的喜爱，但脱离了文字的纯图形，在意义的表述上容易出现理解性的偏差，图标最大的作用是功能性的引导，也就是对用户进行提示和引导，这也是图标最重要最基本的功能，有的设计在离开文字的表述以后，圖标的含义不能被受众理解，出现识别问题，这就需要更加细致的设计，避免出现开图说话的理解性错误。
　　 草图绘制完成后就是色稿的完成，是直接用线稿，还是着色处理都是需要经过反复尝试的。在着色方面，根据视觉表现风格的不同，色彩填充的方式不也相同，例如色彩的纯度、饱和度的选择、图标是否需要线条等等，也是需要设计师进行反复的调试。色稿填充完毕后，再来继续观察同一组的图标风格是否同意，图标所表述的含义是否完整、准确，如没有问题就可以定稿，然后再进行电脑软件绘制。这些都是属于图标的制作过程，但无论什么风格的表现形式，无论使用什么设计技巧，都不能脱离图标的设计原则，图标的设计要注意以下几点。
　　1 图标设计遵循的设计规律
　　 手机端会根据手机的品牌运用不同的系统，最出名的两个系统为IPhone系统和Android系统，不同的设计平台和不同的运作系统都会有不同的规范要求，所以在进行图标设计之前，要了解清楚各个系统和平台之间的差异，如像素大小、屏幕长宽等，而这就是最直接的设计规范。除了尺寸、像素等因素外就是图标的图形设定，是规则的圆形、矩形、椭圆，还是不规则形状都需要依据界面的整体风格进行设定，使用不同的图形将会为界面带来不同的视觉效果，例如最常规的还是圆形和矩形，这两个图形既能很好的进行造型，也能很好的和整体风格进行搭配，椭圆和不规则图形较为自由，给用户以随性的视觉感官，不会带来约束感。
　　2 图标的个性化展示
　　 图标设计是APP产品界面展示的重要组成部分，它能展现界面的风格，也能展现设计师的设计理念，因此我们再对图标设计时不能和市面上的同类产品相似，应做到图标设计的个性化展示，这就要求设计团队尽可能的对市面上的同类型APP产品进行调研，分析出该类图标的设计风格、制作技巧、展示形态等，找出和他们不同的创意点，制作出具有个性化特征的独特的图标设计，特别是具象形图标，就很容易产生重复性，在创新方面也很难有所突破，所以当下的图标设计大多都已抽象形态出现，例如极简主义风格的图标、扁平化风格的图标等等都是为了表现出独特的设计风格和设计形态。但无论怎么创新、怎么独特性的表现，都不能离开图标的基本功能，也就是图标的表达，准确的表述出图标的含义，让用户能一目了然的接收到图标所表述的信息，并理解其引导的功能性，图标的功能是基础，美观是设计表现，所以在进行图标设计时，这两者都要有足够的重视。
　　3 图标设计和界面整体的视觉呼应
　　 图标既是单独的个体，也是界面整体的部分，不能让图标和界面呈现两种风格，在进行图标设计时一定要以整体界面为设计原点。要做到这点就及其考验设计师的设计功底、设计技巧以及整体把控能力，在整体设计上要具备功能性的同时展示审美效果，且要具备一定的新意，不能和其他类型APP产品相似，确定主体风格后再进行图标的设计，一定要做到两者之间能相互呼应，例如常规的设计方法有将图标的外形界面外形相统一、图标色彩和界面色彩相统一、图标图形的设计元素融入界面图形当中进行两者的呼应、界面分区元素和图标相呼应等等设计技巧。
　　4 图标与界面布局的关系
　　 图标和界面布局的关系非常重要，不能出现有失平衡的设计出现，例如系列图标之间的间距关系、图标左右两端和界面边界的关系，找到界面的平衡点，在进行图标的布局，让整体和局部的版式相统一。
　　 图标设计在当下这个个性化特征非常明显的时代，设计的本身是为了让用户群体认同，为了响应用户的审美需求、个性化需求，要求将会越来越多，但美观固然重要，功能性的表现也必须突出，不能为了美观而薄弱功能显示，这才是图标设计最重要的设计原则与设计技巧。
　　参考文献：
　　[1]王晓迎，王浩，孔陶茹.APP图标设计中原型理论的应用[J].新西部（理论版），2017（03）.
　　[2]杨媛.UI设计中用户交互体验的视觉思维[J].山东工业技术，2018.
　　[3]何冬.移动终端平台下视觉形象在传统餐饮业中的应用研究[D].西南交通大学，2017.
转载注明来源:https://www.xzbu.com/1/view-14927274.htm