西安必信达软件技术有限公司
浅议UI设计中的图标设计技巧与运用
「图标是UI界面中功能的展示,在UI设计中功能是多方面的,所以图标一般而言除了启动图标意外,其他的图标均是以组的形式存在。如何将一组图标设计成为视觉表现手法、呈现风格相统一的一个系列设计,是明确图标设计思路的第一步。但很多设计师在进行设计时大多都以自己主观的审美进行设计,而忽略用户群体的审美需求,如何运用图标设计技巧来提高受众对图标的审美性,如何让用户在产品体验时感观舒适,就是UI设计师必须解决的问题。(2020-12-6)」
关键词: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.
(oiFF)
点击进入「必信达创业合作论坛」
Copyright © 1999-2020 西安必信达软件技术有限公司