《信息设计》课件-2信息图表里的图标设计

信息图表里的图标设计1.信息图标是什么2.掌握图标的多种样式3.掌握图标设计的设计流程4.课堂小结目录CONTENES01什么是图标？什么是图标图标指具有指代意义的图形符号，具有高度浓缩并快捷传达信息、便于记忆的特性。传统图标当代图标生活里的图标图标，常被叫做icon，是设计中常见且重要的要素，是一种简洁的、几何化的图形。生活中的图标例如，道路上的交通安全标识、卫生间的男女标识、电梯中开门关门按钮标识等等，这些图形标识以简洁的图形指示信息，比文字更容易记忆和识别，视觉传达效率更高。图标在信息图表里的应用图标在信息图表里的应用图标的作用指代信息图标的图形简洁明了，便于用户记忆和识别。在界面中，图标俨然成为了一种界面中的新型“文字”，用户识别图标的速度远比识别文字迅速得多。图标的作用装饰界面图标在代表功能按钮、描述信息的同时也丰富了界面视觉感受，增强了界面的吸引力。使用图标后，界面看起来更加丰富、更加美观，用户也更愿意阅读。图标的重要性全球通用图标可以作为国际通用语言，例如商场导视中收银台图标、出口图标、卫生间图标等，又或者是日常手机里使用的那些App图标，如微信、电话、短信等。这些都已经在国际上达成了共识。节约空间图标比文字更节省空间，如果能用一个图标清楚表达含义的时候，就不需要用文字，比如用一个“叉”代表“关闭，“向左的箭头”代表“返回”。快速定位由于图形化的内容比枯燥的文字更能吸引人的视线，图标可以用它独特的形状和颜色让人快速定位。因此当我们需要对某些信息进行突出时，可以使用图标进行辅助。02图标的多种样式常见的图标风格扁平风格

扁平风格图标主要是由形状的描边、填充进行各种组合搭配来表达不同的含义，并通过不同的色彩体现出不同的视觉效果。拟物化风格拟物风格的图标主要通过细节和光影、根据现实世界中的物品塑形打造出图形立体效果。轻质感风格主要通过各种色彩渐变、发光、投影等图层样式体现出非常柔和的立体感，整体风格偏年轻化，给人轻盈、简洁及精致的感觉。磨砂玻璃风格主要通过背景模糊、叠加、剪切图层来实现。线性面性线面结合常见的图标风格扁平风格

扁平风格图标主要是由形状的描边、填充进行各种组合搭配来表达不同的含义，并通过不同的色彩体现出不同的视觉效果。拟物化风格拟物风格的图标主要通过细节和光影、根据现实世界中的物品塑形打造出图形立体效果。轻质感风格主要通过各种色彩渐变、发光、投影等图层样式体现出非常柔和的立体感，整体风格偏年轻化，给人轻盈、简洁及精致的感觉。磨砂玻璃风格主要通过背景模糊、叠加、剪切图层来实现。常见的图标风格扁平风格

扁平风格图标主要是由形状的描边、填充进行各种组合搭配来表达不同的含义，并通过不同的色彩体现出不同的视觉效果。拟物化风格拟物风格的图标主要通过细节和光影、根据现实世界中的物品塑形打造出图形立体效果。轻质感风格主要通过各种色彩渐变、发光、投影等图层样式体现出非常柔和的立体感，整体风格偏年轻化，给人轻盈、简洁及精致的感觉。磨砂玻璃风格主要通过背景模糊、叠加、剪切图层来实现。常见的图标风格扁平风格

扁平风格图标主要是由形状的描边、填充进行各种组合搭配来表达不同的含义，并通过不同的色彩体现出不同的视觉效果。拟物化风格拟物风格的图标主要通过细节和光影、根据现实世界中的物品塑形打造出图形立体效果。轻质感风格主要通过各种色彩渐变、发光、投影等图层样式体现出非常柔和的立体感，整体风格偏年轻化，给人轻盈、简洁及精致的感觉。磨砂玻璃风格主要通过背景模糊、叠加、剪切图层来实现。03图标的设计流程图表设计需要注意的简洁性清晰性独特性统一性合适的隐喻保证了图标的清晰性，通过大家共同认知的语言,让用户理解并快速获取信息。为了与其他图标有所区分，可以追求图标视觉上的独特性和表现力。突出视觉效果，完美实现创意和设计风格。图标的设计在满足基本意义表达的基础上，应该尽量简洁明了。好的图标应该简单易懂，不需要额外的文字说明。LESSISMORE.统一性是指在统一协调的基础上，依据功能的不同而增加可识别的变化。优秀图标设计的五要素1.建立图标网格须考虑其整体视觉的协调一致，最好的办法就是建立图标网格，有一个合理的比例限制。2.具象功能根据功能，找到与之对应的实物形象。3.简化结构思考如何让图标变得更简洁易辨识。4.善用基础图形去组合拼贴尽可能使用基础图形去组合拼贴，这样做出来的图标不易拉伸变形。5.处理细节

做出差异化单人课堂练习运用设计软件Ps完成1个轻质感风格立体图标临摹。教程视频单人课堂作业以“你喜欢的城市”为主题，使用设计软件（Ps、Ai、Cdr等不限）临摹1个图标，需合理运用色彩。参考西安博物馆成都火锅成都IFS西安大雁塔巴黎铁塔东方明珠塔杭州西湖参考香港成都熊猫厦门双子塔西安大雁塔北京鸟巢北京天坛苏州小笼