020-29815005
预约专线时间:09:00-23:59

怎样设计三种风格统一的APP图标

新闻来源:优漫教育 日期:2021-07-01
图标是决定一个APP风格的重要组成元素,要设计一个讲究的APP,成为一个讲究的设计师。基本的要求是掌握如何设计一套统一风格的icon。APP中图标的种类多种多样,最常见的是:曲面图标、线形图标、平面描线图标。
 一、平面状图标

  图示视觉所占比例较大,具有较强的视觉表现力,通常用于主要的入口应用。最新版的苹果iOS11的底部标签栏使用了曲面图标。那面形图标的风格应该怎么统一?

  应用于APP界面,面形图标一般有两种使用方式:正形和反白。在这两种用法中,我将分别讨论如何统一。

  1.正形。

  图为正形所用的面形状,要统一风格,要注意的是:面积的面积、负形的面积、线的统一、形的统一。可由形体、圆角进行统一,满足上述3个条件,基本可以做出一套风格统一的面形icon。正形注意:线的形状,封闭区域的大小,线的粗细,线的断点。

  2.反白。

  在使用反白时,除了正形图标的3个要点,还需要注意图标与背板的尺寸比例,比例没有严格规定,但建议按0.618黄金比例。

APP设计培训班

 二、直线图标。

  线状图标较轻量化,减少视觉干扰,让用户专注于产品的核心功能。iOS11之前,iOS本地应用程序的导航栏、标签栏、工具栏都是用2px线框图标设计的。二线形图标的使用也有两种:正形和反白。对于线形图标,不建议进行反白使用,因为背板结合线形图标在设计逻辑上是相互矛盾的。



  三、平面描线图标。

  平面描线图标实际上是面形与线形的组合,最初的设计形式,主要是用来做比较复杂的插画,后来逐渐将标签栏、主页功能入口这些地方应用。这样的图标相对于单纯的外观,纯线条的造型,更显风格,更加个性化。还有一个APP叫“要去”,它的分类图标就是用平面描线图标,有兴趣的同学可以去看看。