图标设计的原则
- 格式：doc
- 大小：1.44 MB
- 文档页数：19
下载文档原格式
合集下载
设计的原则包括
设计的原则包括
1. 简洁明了：设计应该尽可能地简洁明了，避免信息过于繁杂，让用
户能够快速理解和使用。
2. 一致性：设计应该保持一致性，即在整个界面或产品中使用相似的
颜色、字体、图标等元素，以提供统一的用户体验。
3. 用户为中心：设计应该以用户为中心，考虑用户的需求和使用习惯，使用户能够轻松地完成操作或获得所需信息。
4. 可访问性：设计应该考虑到不同用户的能力和需求，为所有人提供
平等的使用权利，包括身体上的残障、老年人和语言障碍等。
5. 直观性：设计应该具有直观的操作方式和界面布局，使用户能够迅
速了解如何使用产品或界面。
6. 可扩展性：设计应该考虑到产品或界面的未来发展和更新需求，以
便能够轻松地添加新功能或适应新的技术要求。
7. 美学性：设计应该追求美学和艺术，使产品或界面具有视觉吸引力，提升用户的使用体验。
8. 安全性：设计应该考虑用户的隐私和信息安全，采取有效的措施保
护用户的个人信息和数据。
9. 可维护性：设计应该易于维护和更新，确保产品或界面的稳定性和
可持续发展。
10. 反馈机制：设计应该提供明确的反馈机制，让用户知道他们的操
作是否成功或失败，并提供解决问题的指导。
icon的设计理念
icon的设计理念
icon的设计理念是一种简洁、直观和可识别的图形符号，用来表示特定的概念、行为或功能。
它们通常用于用户界面（UI）设计中，在各种电子设备和应用程序中广泛应用。
首先，icon的设计理念是简洁性。
简洁的图形可以更容易被识别和理解。
它们通常由基本的几何形状和线条组成，避免使用太多细节或复杂的图案。
简洁的设计帮助用户更快地理解图标所代表的含义，并在界面中找到所需的功能或选项。
其次，icon的设计理念是直观性。
直观的图标应该能够以直接的方式与用户沟通，使用户能够迅速理解其含义，而不需要额外的说明或文字。
这要求图标的形状和颜色应与所代表的概念或功能相关联。
例如，一个放大镜的图标通常用于搜索功能，一个垃圾桶的图标通常用于删除操作。
此外，icon的设计理念是可识别性。
可识别的图标应该在不同的场景和尺寸下都能够被用户轻松识别。
这意味着图标应该在设计时考虑尺寸、比例和清晰度。
对于小尺寸的图标，要保持简洁性和直观性，并避免使用过多细节，以确保其在较小的空间中仍然能够清晰可辨。
此外，随着技术的发展和用户体验的重视，icon的设计理念还应该考虑到用户的情感与情绪。
最后，icon的设计理念也要考虑到品牌和风格的统一性。
在同一个应用程序或系统中，不同的图标应该遵循相同的风格和设
计语言，以确保整体的一致性和用户的熟悉感。
总的来说，icon的设计理念是简洁、直观、可识别和与品牌风格一致。
通过遵循这些设计原则，我们能够创造出能够更好地为用户服务的优秀图标。
ui 设计标准
UI设计标准一、界面风格与设计原则界面风格是用户对应用的第一印象，因此，设计时应注重统一、简洁、易于理解的原则。
同时，要考虑到目标用户群体的文化和审美习惯，以及行业特点，确保界面风格符合应用定位和需求。
二、色彩搭配与字体选择色彩搭配是影响用户视觉体验的重要因素。
设计时应注重色彩的对比度、饱和度和明度，避免颜色过于刺眼或过于暗淡。
字体选择要清晰易读，同时具有美观性，能够有效地传达信息。
在设计中，我们应遵循无障碍设计原则，保证色差障碍用户能够正常使用应用。
三、图标绘制与素材设计图标和素材是用户操作和信息展示的重要元素。
设计时应注重图标的简洁、明了、易于理解，同时要保证素材的质量和风格的一致性。
对于图标和素材的设计，我们应遵循易于识别、符合行业标准、注重细节等原则。
四、交互元素与布局规划交互元素的设计要符合用户的操作习惯和认知习惯，以提升用户体验。
例如，按钮的位置、大小、颜色等都需要进行细致的规划和设计。
布局规划要注重信息的层次性和易读性，避免信息过载或信息缺失。
同时，我们应关注页面的响应时间，确保用户操作的及时性和准确性。
五、响应式设计与适配性调整随着移动设备的多样化，响应式设计已成为UI设计的必备技能。
设计时需要考虑到不同设备的屏幕大小和分辨率，确保应用在不同设备上都能够正常显示和操作。
同时，适配性调整也是必要的步骤，以保证应用的显示效果和交互体验在不同设备上都能够达到最佳状态。
六、用户流程和导航布局用户流程和导航布局是影响用户体验的关键因素之一。
在设计时，我们需要深入研究用户的需求和使用习惯，制定出符合用户心理预期的操作流程和导航方式。
同时，我们应注重信息的层次性和完整性，避免用户在操作过程中迷失方向或无法找到所需信息。
对于重要的功能或信息，我们应设置明显的引导标识，帮助用户快速找到目标。
七、数据可视化与图表设计数据可视化能够将复杂的数据以直观、易懂的方式呈现给用户。
在UI设计中，我们应根据数据的特性和需求，选择合适的图表类型和设计风格。
图标设计的原则
图标设计的原则最近想到要写一篇关于图标设计的原则，理由如下：图标设计在GUI中所占的比重越来越大，很多GUI设计师都是从图标设计开始的的；同时由于软件界面设计的未来方向是简洁、易用、高效，精美的图标设计往往起到画龙点睛的作用，从而提升软件的视觉效果；但现实中很多设计师往往过度追求图标的视觉效果而忽视了其他几个方面，舍本逐末；客户片面的要求图标要震撼，要立体，要发光，要高对比度，而忽视了图标所处的环境；我们的团队经常做一些大量的图标设计工作，需要一些规范和原则；谈到原则，我要先说图标设计的目的：先说优点：1：代替文字，比文字要直观，提高软件可用性；2：代替文字，比文字更漂亮，提升视觉效果；缺点：不如文字表达的准确。
因此，图标设计的核心思想，就是要尽可能的发挥图标的优点：比文字直观，比文字漂亮，减少图标的缺点：不如文字表达的准确以下是我总结的几条原则：第一：可识别性原则可识别性原则，意思是说，图标的图形，要能准确表达相应的操作。
换言之，就是我看到一个图标，就要明白他所代表的含义，这是图标设计的灵魂。
可以当之无愧称之为图标设计的第一原则。
我们看一下高速公路上的路标设计，我只能说，这是最好的图标设计，可识别性强，简单，直观，即使是不认识字的人，也能立即理解图标的含义。
见图（1）：（图1）公路路标的特点，注定图标的设计要简单明了，要具有非常直观的可识别性，司 机只需要瞄上一眼，就能准确理解路标的含义，这样便于他继续驾驶，如果图标 设计的不够直观，不具有可识别性，那么司机在开车的时候会一直盯着路标看，一直在想这是什么含义，你可以想象他面临的危险会有多大，另外在高速上，如聂示只难一切车辆靠右侧道路行驶Q 曲标志设在车辆必溥右侧行赧的路 口以前适当如盡蠶憲肆議鑫鸚齟蠶表示车辆在立交处可以直行和按囹示 踣线右转克行驶。
止需志设在立交右 转毎出口处适当位贵“表示只准车辆靠右环行d 此标志设在 环岛面向路口来车方向适当位蛊©羌示机动车行至该标志处宓须鸣喇 呱此标志设在公賂的急拷音处、瞇 城等视纟主不良路谴的起点。
移动应用界面设计-形考任务1、3、4、6(2023年版最新)
形考任务1选择题1.Android是谷歌于2007年宣布基于Linux平台的开源手机操作系统名称，Android一词本意是指（）答案：机器人2.UE/UX指的是什么？（）答案：用户体验3.UI界面设计规范中，屏幕大小为1080*1920px时，启动图标的尺寸应该是？（）答案：144*144px4.UI界面设计规范中，屏幕大小为1080*1920px时，搜索框上下内边距应该是？（）答案：25px5.UI设计不包括哪项内容？（）答案：前端开发6.UI设计交付物都包含哪些？（）答案：PSD效果图7.下列哪一种不属于UI设计范畴？（）答案：户外海报设计8.下面哪个不是UE/UX的工作内容？（）答案：按照规范输入pdf切图9.下面对用户体验的基本要素描述正确的是？（）答案：感官体验交互体验信任体验10.下面那种工具选项可以将Pattern（图案）填充到选区内：（）答案：图案图章工具11.以下说法正确的是（）答案：UI设计是指对互联网、移动互联网、软件等产品的人机交互、操作逻辑、界面美观的整体设计12.使用钢笔工具可以绘制最简单的线条是什么：（）答案：直线13.图象必须是何种模式，才可以转换为位图模式：（）答案：灰度14.在Photoshop中，快捷健Ctrl+Alt+C打开哪个操作面扳：（）答案：画布大小15.在photoshop中，快捷方式shift+ctrl+alt+t，多用于什么操作：（）答案：按圆形，以固定角度复制原始形状16.在photoshop当中，图像最基本的组成单元是（）答案：像素17.在何情况下可利用图层和图层之间的裁切组关系创建特殊效果：（）答案：使用一个图层成为另一个图层的蒙板18.在路径曲线线段上，方向线和方向点的位置决定了曲线段的什么：（）答案：形状19.如何移动一条参考线：（）答案：选择移动工具拖拉20.如果在图层上增加一个蒙板，当要单独移动蒙板时下面哪种操作是正确的：（）答案：首先要解除图层与蒙板之间的链接，再选择蒙板，然后选择移动工具就可以移动了21.字符文字可以通过下面哪个命令转化为段落文字：（）答案：转为段落文字22.移动图层中的图象时如果每次需要移动10个象素的距离，应按下列哪组功能键：（）答案：按住Shift键同时按键盘上的箭头键23.Photoshop中的渐变类型不包括（）。
icon图标设计03- 设计规范
设计规范
二、解决方案 2、使用svg技术。 什么是 svg ？svg能解决什么问题？ （1）svg：可缩放矢量图形是基于可扩展标记语言，用于描述二维 矢量图形的一种图形格式。它由万维网联盟制定，是一个开放标准。（PS 需要安装脚本或插件才能保存svg） （2）优势（解决的问题）：
1）兼容现有图片能力前提还支持矢量；
设计规范
苹果的设计参考线，按照1024px*1024px来绘制， 再缩小至所需的尺寸，通常为48px*48px
设计规范
一边情况下，构图不能太满，四周要留白，如上图橙 色区域就是留白区。
设计规范
进入留白区的图标，会显得很大。
设计规范
如果尺寸相同，但方形由于所占面积比较大，在视觉上会比圆形大。
设计规范
因为字体是矢量化图形，它天生具有「分辨率无关」的特性，在任 何分辨率和PPI下面，都可以做到完美缩放，不会像传统位图， 如：png， jpeg放大后有锯齿或模糊现象。
（2）优势： ● 文件小 ● 加载性能好 ● 支持css样式 ● 兼容性好。 4、技术容许的情况下能不用图片尽量不用图片。
设计规范
练习题 根据规范，临摹图标
32×32 px 48×48 px 32×32 dp 96×96 px
16×16 px 24×24 px 16×16 dp 48×48 px
不小于2 px 不小于3 px 不小于2 dp 不小于6 px
设计规范
名称
分辨率
比率 rate (针对 320px)
比率 rate (针对 640px)
比率 rate (针对 750px)
2）可读性好，有利于SEO与无障碍； 3）在性能和维护性方面也比icon font要出色。
小学美术《图标设计》教案
-基本设计方法：教授学生运用线条、形状、色彩等元素进行图标设计，掌握基本的视觉表达技巧。
举例：以设计一个环保主题的图标为例，重点讲解如何运用简洁的线条和形状表达出环保的概念，同时强调色彩的选择要符合主题，易于识别。
2.教学难点
-创意思维的激发：学生往往在创意构思阶段感到困难，不知从何入手。教师需引导学生从生活经验、兴趣爱好等方面寻找灵感，帮助学生突破思维定势。
二、核心素养目标
1.美术表现：通过图标设计，培养学生运用线条、形状、色彩等美术元素进行创意表达的能力，提高他们的视觉审美。
2.创意实践：激发学生的创意思维，鼓励他们运用所学知识设计具有个性和特色的图标，提升创ቤተ መጻሕፍቲ ባይዱ意识和实践能力。
3.情感态度：培养学生关注生活中美术元素的情感态度，激发他们对美术创作的兴趣，增强对美术学科的价值认识。
首先，关于教学内容的安排，我在讲解图标设计的基本原则时，尽量结合生活中的实例进行分析，让学生更容易理解和接受。但我也意识到，这部分内容的信息量较大，对于一些学生来说可能难以消化。在今后的教学中，我需要更加注重分层次、循序渐进地讲解，确保每个学生都能跟上教学进度。
其次，在实践活动环节，学生们分组讨论和实验操作的过程中，我发现有些学生在创意构思上存在困难。针对这一问题，我在课堂上及时给予了指导，鼓励他们从生活经验中寻找灵感。但我也意识到，对于这部分学生来说，他们需要的不仅仅是课堂上的指导，更多的是课后的积累和实践。因此，我计划在课后布置一些关于创意构思的练习，帮助学生提高创新能力。
（五）总结回顾（用时5分钟）
今天的学习，我们了解了图标设计的基本概念、重要性和应用。同时，我们也通过实践活动和小组讨论加深了对图标设计的理解。我希望大家能够掌握这些知识点，并在日常生活中灵活运用。最后，如果有任何疑问或不明白的地方，请随时向我提问。
举例：以设计一个环保主题的图标为例，重点讲解如何运用简洁的线条和形状表达出环保的概念，同时强调色彩的选择要符合主题，易于识别。
2.教学难点
-创意思维的激发：学生往往在创意构思阶段感到困难，不知从何入手。教师需引导学生从生活经验、兴趣爱好等方面寻找灵感，帮助学生突破思维定势。
二、核心素养目标
1.美术表现：通过图标设计，培养学生运用线条、形状、色彩等美术元素进行创意表达的能力，提高他们的视觉审美。
2.创意实践：激发学生的创意思维，鼓励他们运用所学知识设计具有个性和特色的图标，提升创ቤተ መጻሕፍቲ ባይዱ意识和实践能力。
3.情感态度：培养学生关注生活中美术元素的情感态度，激发他们对美术创作的兴趣，增强对美术学科的价值认识。
首先，关于教学内容的安排，我在讲解图标设计的基本原则时，尽量结合生活中的实例进行分析，让学生更容易理解和接受。但我也意识到，这部分内容的信息量较大，对于一些学生来说可能难以消化。在今后的教学中，我需要更加注重分层次、循序渐进地讲解，确保每个学生都能跟上教学进度。
其次，在实践活动环节，学生们分组讨论和实验操作的过程中，我发现有些学生在创意构思上存在困难。针对这一问题，我在课堂上及时给予了指导，鼓励他们从生活经验中寻找灵感。但我也意识到，对于这部分学生来说，他们需要的不仅仅是课堂上的指导，更多的是课后的积累和实践。因此，我计划在课后布置一些关于创意构思的练习，帮助学生提高创新能力。
（五）总结回顾（用时5分钟）
今天的学习，我们了解了图标设计的基本概念、重要性和应用。同时，我们也通过实践活动和小组讨论加深了对图标设计的理解。我希望大家能够掌握这些知识点，并在日常生活中灵活运用。最后，如果有任何疑问或不明白的地方，请随时向我提问。
设计的十个原则
设计的十个原则
1. 简洁明了：好的设计应该简洁明了，避免过多的元素和复杂的结构，让用户能够快速理解和使用。
2. 一致性：设计的各个方面应该保持一致，包括颜色、字体、图标等，以增强用户的信任感和易用性。
3. 对比度：使用适当的对比度可以使重要的元素更加突出，使用户更容易注意到和理解。
4. 可识别性：设计的元素应该易于识别，使用户能够轻松地区分不同的元素。
5. 可用性：设计应该考虑用户的需求和使用场景，确保产品或服务易于使用和操作。
6. 美观：设计应该具有美感，吸引用户的注意力并给用户带来愉悦的体验。
7. 创新：好的设计应该具有创新性，能够脱颖而出并吸引用户。
8. 可持续性：设计应该考虑可持续性，减少对环境的影响。
9. 情感共鸣：通过设计唤起用户的情感共鸣，使用户与产品或服务建立起更深层次的联系。
10. 多平台适配：设计应该考虑到不同平台和设备的适配，确保在各种场景下都能够正常使用。
以上是设计的十个原则，当然，不同的设计领域可能还有其他特定的原则，但这些原则是通用的，可以为设计师提供指导和参考。
课程设计图标怎么写
课程设计图标怎么写一、教学目标本章节的教学目标是让学生掌握图标的设计原则和方法，能够独立完成图标的创作。
具体包括以下三个方面：1.知识目标：学生能够理解图标设计的基本原则，如简洁性、易懂性、美观性等；掌握图标的创作方法和技巧，如图形设计、颜色搭配、布局等。
2.技能目标：学生能够运用所学知识，独立完成图标的创作，具备一定的创新和审美能力。
3.情感态度价值观目标：培养学生对图标设计的兴趣和热情，提高他们对美的感知和鉴赏能力，培养他们的创新思维和团队协作精神。
二、教学内容本章节的教学内容主要包括以下几个部分：1.图标设计的基本原则：简洁性、易懂性、美观性等。
2.图标创作的方法和技巧：图形设计、颜色搭配、布局等。
3.图标的应用场景：平面设计、网页设计、产品设计等。
4.优秀图标案例分析：分析国内外优秀的图标设计案例，引导学生感受图标设计的美感和内涵。
三、教学方法为了达到本章节的教学目标，我们将采用以下几种教学方法：1.讲授法：讲解图标设计的基本原则和创作方法。
2.讨论法：分组讨论图标设计的案例，引导学生思考和分析图标设计的优点和不足。
3.案例分析法：分析国内外优秀的图标设计案例，让学生感受图标设计的美感和内涵。
4.实验法：学生独立完成图标设计实践，培养他们的创新和审美能力。
四、教学资源为了支持本章节的教学内容和教学方法的实施，我们将准备以下教学资源：1.教材：图标设计的相关教材，为学生提供系统性的学习资料。
2.参考书：介绍图标设计理论和实践的参考书籍，为学生提供更多的学习资源。
3.多媒体资料：图标设计相关的视频教程、图片素材等，丰富学生的学习体验。
4.实验设备：计算机、绘图板等，为学生提供图标设计的实践工具。
五、教学评估本章节的教学评估将采取多元化方式，全面、客观地评估学生的学习成果。
具体包括以下几个方面：1.平时表现：评估学生在课堂上的参与度、提问回答、小组讨论等，以考查他们的学习态度和积极性。
2.作业：布置图标设计相关的作业，评估学生的设计创意、图形表达、颜色搭配等方面的能力。
ICON设计的7个实用原则
ICON设计的7个实用原则2.ConsiderYourAudience2.考虑您的用户Youwillhavedifferentconsiderationsifyou'redesigninganintranetforasmal lcompany,ratherthanforaproductthatmaybesoldinternationally.Whencreati ngiconsculturalconsiderationsareimportant.Symbolsmaydifferforcommonel ementsyoumayuseforyourdesigns.给一家小公司设计内部网页，会与设计"畅销世界的产品"考虑不同的东西。
设计图标时，文化是需要着重考虑的。
在不同文化中，就算是常见元素，含义也可能会有所不同。
TurboMilkhasanothergreatarticle;thisoneiscalled10MistakesinIconDesign.Init,theypointoutsomeclearexamplesofwheremanyicondesignsgowrong.They discussnationalandsocialcharacteristicsinpointsevenofthearticle."Itis alwaysnecessarytotakeintoaccounttheconditionsinwhichyouriconisgoingto beused.Animportantaspecthereisnationalcharacteristics.Culturaltraditi ons,surroundingsandgesturescandifferradicallyfromcountrytocountry."Th eygoontogiveanexampleofhowmailboxesdiffergreatlybetweencountries.Appl eusesthesameexampleinitsHumanInterfaceGuidelines.TurboMilk上还有一篇精彩的文章《图标设计的10种错误》，里边例举了一些图标设计中的常见错误。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
图标设计的原则最近想到要写一篇关于图标设计的原则，理由如下：图标设计在GUI中所占的比重越来越大，很多GUI设计师都是从图标设计开始的的；同时由于软件界面设计的未来方向是简洁、易用、高效，精美的图标设计往往起到画龙点睛的作用，从而提升软件的视觉效果；但现实中很多设计师往往过度追求图标的视觉效果而忽视了其他几个方面，舍本逐末；客户片面的要求图标要震撼，要立体，要发光，要高对比度，而忽视了图标所处的环境；我们的团队经常做一些大量的图标设计工作，需要一些规范和原则；谈到原则，我要先说图标设计的目的：先说优点：1：代替文字，比文字要直观，提高软件可用性；2：代替文字，比文字更漂亮，提升视觉效果；缺点：不如文字表达的准确。
因此，图标设计的核心思想，就是要尽可能的发挥图标的优点：比文字直观，比文字漂亮，减少图标的缺点：不如文字表达的准确以下是我总结的几条原则：第一：可识别性原则可识别性原则，意思是说，图标的图形，要能准确表达相应的操作。
换言之，就是我看到一个图标，就要明白他所代表的含义，这是图标设计的灵魂。
可以当之无愧称之为图标设计的第一原则。
我们看一下高速公路上的路标设计，我只能说，这是最好的图标设计，可识别性强，简单，直观，即使是不认识字的人，也能立即理解图标的含义。
见图（1）：（图1）公路路标的特点，注定图标的设计要简单明了，要具有非常直观的可识别性，司机只需要瞄上一眼，就能准确理解路标的含义，这样便于他继续驾驶，如果图标设计的不够直观，不具有可识别性，那么司机在开车的时候会一直盯着路标看，一直在想这是什么含义，你可以想象他面临的危险会有多大，另外在高速上，如果路标设计不够直观，也有可能在司机还没有明白什么意思呢，就错过了路标。
（图2）图（2）是我设计的一些常用工具类的图标，你是否一眼就能看出每个图标的区别和含义呢？这套图标虽然很简单，但是很实用，因为通常的界面不需要精度很高、尺寸很大的图标，并且这套图标符合差异性，可识别性，风格统一性的原则。
（图3）图（3）为我们的设计师V eronica为某项目进行的图标设计，符合可识别性原则。
第二：差异性原则差异性原则，什么意思呢？意思是如果一个界面上有六个图标，我一眼看上去，要能第一时间感觉到他们之间的差异性，否则我怎么辨认呢？这是图标设计中很重要的一条原则，但也是在设计中最容易被忽略的一条，图标和文字相比,它的优越性在于它更直观一些，但是如果图标设计失去了这一点，我认为图标设计就失去了意义。
我们看一些现实中的例子:（图4）见图（4），这是我平时最常用的一套软件：用友致远办公管理系统，我只能说从差异性和可识别性来讲，这里的图标设计非常失败。
“新建事项”“待发事项”“已发事项”“待办/已办”“超期督办”“流程管理”这六个图标一眼望上去，几乎是一样的，其中五个图标采用了相同的元素“淡蓝色文档”，这里图标的设计，已经失去了存在的价值，因为图标设计的目标是提高效率，用户一眼望上去他们都一样，如果不看文字，用户真的很难区分它们，这实际上是降低了工作效率。
图（5）这套图标很漂亮，但是从差异性上来讲，这套图标也是失败的，黄色的文件夹部分的六个图标，一眼望去几乎又是一样的，差异极小，在具体应用过程中会很吃力，用户需要仔细观察才能区分出他们的差别。
（图5）Catia是世界领先的CAD\CAE大型软件系统，但是它V5R16版本图标设计同样存在上述问题，见图（6），一眼望上去几乎一个样子，同时边缘粗糙，配色生硬，缺乏美感（图6）怎么办？我想应该这样，在一套图标中，如果各个图标需要使用相同的元素，那么我们要尽量放大他们之间的差异性，减弱他们之间的相似性。
如果一套软件的六个图标有同一元素，为了强调他们之间的差异性，我甚至建议考虑放弃使用同一元素。
比如图（4）的“新建事项”“待发事项”“已发事项”，在这里我们需要强调的是“新建”“待办””已发”而不是”事项。
因此，代表事项的相同元素”文档”可以抛弃。
我们看下图Adobe Photoshop的图标，精致，专业，图标设计的典范。
我们看它完全符合差异性的原则，每个图标一眼望上去，都不一样，并且能够代表所需要的操作，可谓望图知意。
图（7）第三：合适的精细度，元素个数首先我们要明确一个点，图标的主要作用是用的，代替文字，第二才是美观。
但现在的图标设计者往往陷入了一个误区，片面的追求精细，高光和质感。
其实，图标的可用性随着精细度的变化，是一个类似于波峰的曲线。
在初始阶段，图标可用性会随着精细度的变化而上升，但是达到一定精细度以后，图标的可用性往往会随着图标的精细度而下降。
变化曲线如下图：（图8）下图是一个表示“设置”的齿轮图标，我们看到，最左边的最简单的和最右边的照片级的，可用性都是非常低的，都不适合做图标。
图（9）Vista是微软的比较失败的一个产品，原因很多，但主要的原因之一是被人称之为华而不实。
我们看一下Vista的图标设计，见图（10），很漂亮，很精细，但是很显然，图标包含的元素过多了，不够直观，用户需要思考这么多元素，代表的到底什么意思？这正好违反了交互设计第一原则“不要让我思考”图（10）我很推崇ICONFACTORY的图标设计，见图（11），合适的精细度达到精美的视觉效果，同时又很直观，不会包含过多的元素，让你去思考。
图（11）第四：风格统一性原则终于提到了视觉了，你是不是着急了？我们马上开始：）如果一套图标的视觉设计非常协调统一，我们就说这套图标具有自己的风格，这样的图标看上去也会更美丽，更专业，同时也会增强用户的满意度。
我们经常会看到很多界面上，往往会堆砌着各种不同风格的图标，显然，这些图标都是从互联网上收集起来，由于没有完全配套的图标，只能东拼西凑，导致界面粗制滥造，业余。
统一风格为什么这么重要，理解这一点，你会明白互联网上有数百万的图标资源，为什么你的老板还要花钱雇一个图标设计师。
一套好的图标，要有统一的风格，这条原则，很多设计师都明白，但是真正实现起来，也许并不那么容易。
怎么做呢？第一步：我建议你在设计之前，先做如下的定义：是简约的，还是精致的？是平面的，还是立体的？是古典的，还是现代的？是写实的，还是卡通的？是单色的，还是多彩的？是绚丽的，还是柔和的？是抽象的，还是具体的？是有框的，还是无框的？也许我的定义并不能囊括所有的风格，但是至少可以给你提供一种思路第二步：如果可能的话，我建议你用铅笔，在白纸上勾勒出你的草图，用什么符号图形代表什么操作，在画的时候，尽可能的想象第一步的风格定义。
第三步：统一你的色彩，准备好你的调色板。
比如我喜欢用ILLUSTRATOR，我会从调色板面板里调出一种风格的色彩，略加调整，这将是我这套图标的色彩定义，在画图标的时候，尽可能选择你定义好的颜色，这样，你就能尽可能的保证你的图标色彩的统一。
图（12）在这里，工具是不重要的，无论你是使用PHOTOSHOP，ILLUSTRATOR，FIREWORKS，FLASH，FREEHAND，还是其他。
定义好了风格，草图，调色板，就开始充分发挥你的想象吧。
图（13）上图是ICONFACTORY设计的一套图标，色彩唯美，风格统一，散发着神秘感，你不觉得它很美吗？图（14）上图同样出自ICONFACTORY，平面的，带边框的的，简单的可爱的卡通的风格。
图（15）上图这套图标出自俄罗斯设计师之手，看到这套图标，你是否会想起中世纪的欧洲，大航海时代？图（16）这是我06年为一款叫DOPW ARS的小游戏做的任务角色图标设计，你可以看到它那种可爱的、3D的、卡通的风格，色彩也和谐一致。
第四：与环境的协调性图标是没有单独存在的，图标最终是要放置在界面上才会起作用的。
因此，图标的设计，要考虑图标所处的环境，这样的图标，是否适合这样的界面？比如你的界面是森林和大地，你就可以考虑用石块，木头，或者蘑菇，野花设计一系列的图标。
如果你的界面是平面的，简约的，你可以考虑用一些简单的平面的符号或者图形来设计你的图标，这样整个界面会很协调，不要认为这样的图标是简陋的，其实这样的图标的可识别性非常强的，在简洁的界面里，会透露出一种简约之美。
下图是我对UI设计四个阶段“用户研究，交互设计，视觉设计，可用性测试”的图标定义图（17）体育运动类图标的设计图（18）第五：视觉效果追求视觉效果，一定是要在保证差异性，可识别性，统一性，协调性原则的基础上，要先满足基本的功能需求，才可以考虑更高层次的要求--情感需求。
图标设计的视觉效果，很大程度上取决于设计师的天赋、美感和艺术修养，有些设计师做了很多年的设计，作品一堆，拿出来一看，粗糙，刺眼，土气。
这一条我不想说的太多，因为这是几乎是每个设计都努力的目标，我提供一套迅速提高技能方法，最原始，但也最管用：那就是多看，多模仿，多创作。
当然还少了一个前提，那就是设计师的天赋。
勤奋+天赋=成功第六: 原创性这一条对图标设计师提出了更高的要求，这是一个挑战，但我认为，图标设计的原创性并不是必要的，因为目前常用的图标风格种类已经很多，易用性较高的风格也就那么多种，过度追求图标的原创性和艺术效果，会导致图标设计另辟蹊径，这样做往往会降低图标的易用性降低，也就是说所谓的好看不实用。
当然，这里也要看你的产品的侧重点，如果考虑更多的是情感化的设计，完美的艺术效果，这样做也无可厚非。
图（19）上图是一个“中国风图标”我们可以说它具有原创性，它很美，但是这样的图标做不到望图知意，实际上失去了易用性，所以说，原创性与易用性，很多时候是一把双刃剑，看你的选择了。
图（20）上面的图标设计，相信很多设计师都看过，简直就是完美的艺术品，我惊叹于它的艺术效果和原创性。
从艺术性上它可以拿到10分，从可用性上，它可能是0分，因为图标是拿来用的，我实在不知道它表达的是什么意思。
永远记住这一条，图标的价值在于它比文字更直观，失去了这一条，就是去了它的意义。
第七：尺寸大小与格式图标的尺寸常有以下几种：16×16 24×24 32×32 48×48 64×64 128×128 256×256图标过大占用界面空间过多，过小又会降低精细度，具体该使用多大尺寸的图标，常常根据界面的需求而定。
图（21）图标的常用格式有以下几种：PNG，GIF，ICO，BMP，PNG：无损压缩格式，支持透明，兼顾图像质量和文件大小，但是请注意，PNG格式在网页中，IE6.0或者之前的所有版本，不支持透明和半透明。
GIF：网页图片常用格式，支持透明，优点是压缩的文件小，支持GIF动画，缺点是不支持半透明，颜色数最多只能显示256种颜色，透明图标的边缘会有锯齿，要解决此问题，必须在存成此格式时候，添加相同背景色的杂边，比较麻烦。