教学课件21 图标设计基础.ppt

《教学课件21 图标设计基础.ppt》由会员分享，可在线阅读，更多相关《教学课件21 图标设计基础.ppt（16页珍藏版）》请在三一办公上搜索。

1、,图标设计基础,授课教师：肖文婷,广义的图标是一种符号，它象征一些纵所周知的属性、功能、实体或概念，具有快捷传达信息、便于识别和记忆的特性。狭义的图标主要应用于计算机软件方面，包括程序图标、数据图标、命令选择、模式信号或切换开关、状态指示等。图标具有明确指代含义和特定功能的图形标识，是区别程序语言命令的视觉命令形式，具有交互性，是实现电脑功能的重要载体。,【图标的概念】,计算机图标,图标：具有明确指代含义的计算机图形。标志：俗称LOGO，是表明事物特征的记号、商标。标识：一种非语言传达的视觉图形及文字传达信息的象征符号，为公众提供区别、辨认事物，起到示意、指示、识别、警告、甚至命令的作用。,【

2、图标、标志与标识的区别】,在UI设计中，图标设计占有很大的比例。它以图形符号的形式来规划并处理信息和知识，通过隐喻建立起计算机世界与真实世界的联系。图标设计中一般是提供单击功能，了解其功能后，它的设计首先要易于被快速识别、便于记忆、直观浏览、产生国际通用性；其次应具有形、意、色等多种刺激，传递的信息量大；最后还得具备抗干扰能力强、图标大小可调、表示视觉和空间概念，便于布局美观。好的图标设计需浏览者看一眼外形就知道其功能，并且在整个界面中所有图标的风格一致。,【图标设计的作用和意义】,UI设计未来的方向就是简洁、易用和高效，精美的图标设计往往起到画龙点睛的作用，从而提升设计的视觉效果。图标设计的

3、核心思想就是要尽可能地发挥图标的优势：比文字更直观漂亮，在该基础上尽可能使简洁、清晰、美观的图形表达出图标的意义。1、可识别性可识别性是图标设计的首要原则。它指设计的图标要能够准确地表达相应的操作，让浏览者一眼就明白该图标要表达的意思。例如，道路上的标识图标，可识别性强、直观、简单，无国界，即使不认识字的人，也可以立即了解图标的含义。,【图标设计的原则】,天气图标设计,2、差异性差异性也是图标设计的重要原则之一，同时是容易被UI设计师忽略的一个原则。只有图标之间有差距，才能被浏览者所关注和记忆，从而对设计内容留有印象。,差异性天气图标设计方案对比,3、与环境协调性任何图标或设计都不可能脱离环境

4、而独立存在，图标最终要放在界面中才会起作用。因此，图标的设计要考虑图标所处的环境，这样的图标才能更好地为设计服务。,图标设计在手机界面中的应用效果,4、视觉效果图标设计追求视觉效果，一定要在保证差异性、可识别性和与环境协调性原则的基础上，先满足基本的功能需求，然后考虑更高层次的需求视觉需求。,Bad Minions主题手机图标设计,5、创造性随着网络的不断发展，图标的设计表现方式更是层出不穷，对UI设计师的设计内容提出了更高的要求。创造性在图标设计中非常重要，在图标的设计过程中同样需要别出心裁的创意表达。,波普风格的图标设计创意,扁平化风格的图标设计创意,1、从造型方面分类，分为像素图标、2D

5、剪影图标、3D立体图标、写实拟物图标、扁平化图标等。,【图标设计的分类】,图标设计的造型分类,2、从风格表现方面分类，主要分类线性表现图标、填充表现图标、单色表现图标、扁平化表现图标、手绘风格表现图标和拟物化表现图标6种。,6种常见图标表现风格,3、从应用方面分类，分为硬件界面中的图标设计和软件界面中的图标设计。4、从思维逻辑方面分类，分为象形图标设计和表意图标设计。象形图标设计师通过其相似性或对物理对象的引用来传达含义的符号。通常情况下，象形图标与表意图标会组合使用来传达正确的信息，比如【添加文档】图标会通过象形图标的【文档】和表意图标【+】来展现。,【添加文档】图标的组合示意图,Thanks,