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

如何绘制和优化APP图标

新闻来源:优漫教育 日期:2021-07-21
图标分为系统图标、操作员界面图标和移动主题图标。今天,让我们改变一组移动应用图标。在设计界面时,图标设计总是有很多问题。例如,在标签栏的主页上制作图标时,有一些基本问题:图标不清晰或笔画不统一,图标排列在一起,尺寸不同,不稳定,APP设计培训风格不统一。
  一、让我们谈谈设计图标应遵循的原则:

  清晰的含义:为了使图标的含义与文本的含义相匹配,不允许不表达单词的含义。在精细描述中,我们需要做的是:第一,不要有虚拟边缘;其次,颜色、大小、笔画、圆角、透视、角度要统一。


  二、我们知道基本原理和理论,但如何应用于具体图标?接下来,让我们通过几个工作流程充分利用这些原则。

  1、语义清晰。

  语义不清楚的时候,我们开始精炼,做很多没用的工作。我们做一系列事情的时候,要看整体是否和谐,文字的意思是否表现出来。看原图1:

  标签栏分为五个部分:活动、发现、圈子、购物中心和我。这个应用是户外露营应用。第二个活动图标与生产***的调整有些不一致,需要更改;转盘图标是对话泡泡圈,视觉上类似于发现的标志,需要更换;购物中心的标志图标有帽子,与生产***的调整一致,但不表达购物中心的有趣内容,需要更换。下图显示更改的图标家庭:


APP设计培训


  2、从网格开始。

  我们选择了更合适的图标,然后开始了更严格的标准化图标。需要grid辅助工具。移动终端主要是Android和苹果,所以有两个网格系统。在设计中,我们根据产品的颜色选择适合我们产品的网格系统。以下是电网系统:

  将图标放入网格中,检查图标尺寸是否一致

  记住,你不需要一直严格遵守网格和规则。网格帮助你创建一个统一的图标家庭。但是如果你需要在创建更好的图标和严格遵守规则之间做出选择,请打破规则,但是做的时候要小心。

  3、像素级精度。

  在创建小比例图标时,像素级对齐非常重要。抗锯齿渲染边缘的小图标看起来模煳不清。如何说清楚?我们需要在PS中选择设置面板,检查矢量对齐的像素网格:

  我们不仅要对准矢量和像素网格,还要对准矢量和矢量。我们将使用布尔计算在PS中绘制矢量图标。注意图形与图形的关系、相关性和交集,这是设计师准确性和专业性的体现。图片:布尔计算的应用。