px怎么换算成mm px是什么尺寸

编辑导语:在界面设计中，图标设计是一个重要的模块，易于识别、清晰美观的图标更有助于用户操作，也有助于产品向用户传达信息，提升用户体验。在本文中，作者对图标设计进行了详细的梳理。让我们看一看。

文章插图
文章插图
1.前言图标设计是一个入门级UI设计师的必备技能之一。图标是界面非常重要的一部分。在实际工作中，即使是一些工作多年，有一定经验的设计师，也很难保证自己的图标有多完美。
不同位置的图标在界面中扮演的角色和风格不同，设计思路甚至不同，比如金刚区、分类、标签栏、服务工具等。
用图标准确表达实际意义是不够的，还要学习它们的“形” 。我们需要对图标有一个全面系统的认识，了解图标的相关概念，正确的绘制方法以及一系列细节的处理。本文将介绍图标设计的具体方法和要点，帮助您避免一些常见问题，使图标设计名正言顺。
1. 什么是图标？
图标是一种通用性很强的图形标识，它在界面中支持和配合文案，含蓄或直白地表达了特定的含义、属性特征、形象气质等丰富的视觉信息。
从概念上讲，图标可以分为广义和狭义。广义是指现实世界中的图形符号，狭义是指设备界面中的符号。这些设备一般是指承载互联网产品的载体，如手机、电脑、iPad……等。在UI设计上，主要是针对狭义的概念。
图标设计是一门科学。在我们的认知中，图标通常被理解为某种概念的抽象图形。通过设计清晰易懂的图形，可以传达比文字更高效的信息，同时提高界面的美观度。想要把图标设计的更好，需要经常练习，反复试验，不断探索，尝试新的风格，所以值得花大量的时间去学习和练习。
2.图标的基本特征。界面由文字、图标、几何图形和图片(音频和视频)组成。从UI设计师的角度来说，相对来说，其他三个元素大多使用排版技巧，而图标是需要绘制和创建的元素。在没有图标的情况下，也可以用平实的文字代替。但是为什么设计图标那么贵，那么费时？有两个主要原因:
首先，图标作为一种图形符号，相对于文字的复杂程度，在识别效率上有着先天的优势。因为字符需要的语言和长度不同，所以接口空占用的资源也不同。在字符较多的情况下，用户的浏览速度和信息传递效率大大降低，固定的图标集中了文字信息。
好的图标不仅容易识别，效率更高，还能让界面更简洁。所以我们常见的图形界面大多是图标在上，文字在下，或者是图标在左，文字在右。这些设计足以说明图标视觉传达的优先级高于文字。
其次，不同风格的图标可以让界面看起来更加美观，提高用户的视觉舒适度。
试想，如果界面没有任何图标的点缀，即使用户可以使用，看多了或看少了也有些枯燥，用文字理解内容也容易造成视觉疲劳。
二。常见图标样式1 。平面风格平面风格图标主要由形状的笔画和填充组成，以表达不同的含义，并通过不同的颜色表现出不同的视觉效果。最常见的配色方案如下:
①单色:简洁明了的视觉效果，常见于基本功能图标。比如B端功能入口，移动端的个人中心，二/三级页面的工具栏等。也有许多应用程序的菱形区域使用背景色块来衬托高亮图标。
②双色:是很常见的功能图标，至少由两种元素组成。它是在单色的基础上点缀上色彩，让本身不是很突出的元素不再单调。如果融入品牌色彩，可以提升整个界面的品牌调性，适用场景比单色图标更广。