编者按：绝大多数的情况下，我们在 UI 设计的时候，会采用现有的成套图标，不过涉及到独特的功能、特殊的场合，成套的小 图标设计 又是不可避免的。Saadia Minhas 的这篇文章深入梳理了当前小图标设计的 8 个原则，不复杂但是很重要。以下是正文。
图标是 UI 设计的核心组成部分。它们作为视觉线索帮助人们导航、理解并操作界面。 设计优秀的图标需要深入理解其核心目标。同时你必须兼顾可用性、无障碍以及品牌设计原则。设计欠佳的图标可能令人困惑并损害产品的 用户体验 。
以下是我所总结的设计高效图标的 8 条关键准则。
1、确保图标清晰简洁
图标应当瞬间传达其功能。复杂设计会让用户困惑，而简洁明了的图标能提升可用性。
你需要让图标具备即时识别性与易解读性。人们通常会快速浏览界面，需要瞬间理解图标的含义。
采用极简细节并避免多余装饰。繁复元素会干扰视觉并降低可读性。
使用全球通用认知符号（例如放大镜代表搜索、垃圾桶表示删除）。
「垃圾桶」图标用于删除文件的设计简洁且全球通用。除非必要请勿添加火焰或警示标志等额外元素。
2、保持视觉一致性
一致性是图标设计的重要原则。同一产品内所有图标应保持统一风格、尺寸与色彩搭配。
一致的图标能构建 UI 视觉和谐感，不协调的图标会破坏UI整体性并引发困惑。
建议制定图标风格指南，明确样式与配色方案。为所有图标采用相同网格系统。保持尺寸、圆角弧度与线条粗细的一致性。
谷歌Material Design图标采用统一线条粗细与圆角处理，形成连贯的视觉语言体系。
3、确保多尺寸适配
图标会出现在不同尺寸的屏幕上，从移动设备到桌面系统都需保持清晰锐利。无论作为微型网站图标还是大型展示图形都应该完美呈现。
推荐使用矢量图形（例如SVG格式）保证缩放无损。简化形状设计并避免微小尺寸下可能模糊的精细细节。
必须测试不同分辨率下的显示效果以确保可读性与清晰度。
经过优化的笔触设计能使微小尺寸下的图标保持辨识度。
4、遵循平台规范
不同平台（例如iOS、Andd、Windows）都定义了专属设计语言与图标惯例来确保无缝体验。遵守平台规范能提升用户熟悉度并优化体验效果。
建议研究各平台设计系统文档，例如苹果的Human Interface Guidelines（iOS图标指南）与谷歌的Material Design（安卓应用规范）。 iOS系统的「分享」图标是带有上箭头的方框设计。
而安卓平台则采用三个连接圆点的表现形式。
正确选用平台专属图标能确保操作直觉性。
5、保障无障碍设计
图标应当具备普适性，所有用户（包括残障人士与色觉异常者）都能轻松理解。 建议为非常用符号添加文字说明标签。
确保图标与背景保持足够对比度。
避免仅依赖色彩传递信息（例如结合形状与文字增强表达清晰度）。
文字标签能显著提升图标信息传达效率。
6、进行用户测试
用户测试能验证图标的直觉性与有效性。设计师认为显而易见的符号对普通用户未必清晰，测试能确保图标真正实现设计意图。
建议实施可用性测试并记录用户对图标的识别与理解情况。 通过A/B测试比较不同图标设计方案的实际效果。 根据反馈数据持续迭代优化图标设计。
NN group曾明确界定两个核心概念：
7、契合品牌形象
图标应当反映品牌视觉基因。作为产品整体视觉的重要组成部分，图标能强化品牌认知度。
建议采用与品牌视觉识别体系匹配的色彩、造型与风格。
保持与字体、插图等其他UI元素的协调统一。
避免采用通用化或偏离品牌调性的图标设计以免造成割裂感。
Slack的图标采用品牌标志性紫色与圆润造型，形成高度统一的品牌体验。
8、优化性能表现
图标需快速加载且不影响应用或网站性能。未优化的图标会导致加载延迟并损害用户体验。
推荐使用SVG等矢量格式兼顾缩放需求与小文件体积。对PNG等位图格式进行无损压缩处理。
精简非必要细节以控制文件体积。
作者：陈子木
UI，UE和UX三者之间的区别
UI即User Interface(用户界面)UE\UX:用户体验(User Experience，简称UX或 UE)希望采纳谢谢~~~
uxd是什么
UXD= UI+ID+UX+COD。 UXD全能设计是对UI设计师能力要求的全面升级，课程学完后，你将拥有出色的用户界面设计(UI)能力，并掌握到交互设计(ID)、用户体验设计(UX)以及跨媒体设计（COD）的实战经验，成为企业高薪难求的全能型设计人才。 1. UI设计UI设计也叫界面设计，User Interface的缩写，简称UI。 指的是依据产品的设计规范进行的界面视觉设计，UI设计主要研究图形，致力于提高软件用户体验的产品外形，主要负责产品的颜值问题。 一款产品好不好看，就要看UI设计师的设计功力与审美取向了。 2.交互设计交互设计，Interaction Design，简称ID，指的是人和产品的互动设计。 相比于界面设计，交互设计致力于解决以人为本的用户需求，主要负责产品是否好用的问题。 毕竟，在这个竞争激烈的时代，只做有颜值的“花瓶”是远远不够的，好看又好用的产品才能独得用户恩宠。 3.用户体验用户体验，User Experience，简称UE或者UX，指的是用户使用产品的感受，主要解决设计符合甚至超越用户心理预期的问题。 当一款产品有一定的颜值，用起来也不错的时候，我们就要思考如何更好的提升用户体验了。 用着还不错的产品一抓一大把，但怎样让用户成为你这款产品的忠实粉丝，这就需要不断提升用户体验，让用户爱上你的产品。 4.跨媒体设计跨媒体设计，Cross Over Design，简称COD，主要指针对手机、网站、家电、汽车等多个平台做标准化的设计，主要解决多平台的品牌一致性和适配问题。 我们知道设计行业经历了几个时期的迭代，每个时期都会有不同使用习惯的用户。 有些人喜欢用电脑、有些人喜欢用手机，所以我们设计一款产品不能只针对一个平台或一种类型的用户。 PC端、移动端、电视端等，我们的设计需要在保持风格统一的情况下，适应不同平台的发布。 想要在不同平台发布同一种产品，这就需要跨媒体设计了。
工业设计大学毕业生如何成为初级UI设计师，不会网页设计，需要什么工具的
你可以先进一个电脑UI速成班虽然我的回答很俗，但我从事网站开发设计快5年的时间。 那我们按制作网页的步骤来说每步用到的软件：1.设计效果图。 只要是作图的软件就可以，哪怕windows自带的画图工具呢，但在使用方便程度上我推荐三剑客里的fireworks，虽然photoshop做图效果比FW细致，但对于网页来说，FW已经足够了，而且在制作步骤上比PS简便。 2.切图，转html。 切图的时候用FW还是比PS方便，只要选取要切的那块就可以直接保存，而PS要选取后、新建、粘贴再保存，多了很多步骤。 转html不用多说，相信百分之八九十的人都是用的Dreamweaver。 3.简单的网页设计制作以上两步已经够了，剩下的就是程序员的活儿了。 如果想加动画的效果处了做gif动画再就是FLASH了。 可能再做某些效果的时候还会用到其他的小脚本软件，但用到的几率很少，大部分效果都有现成的代码，这些足够足够了。