UI设计基础-2017 图标设计的创意 图标设计的创意（一）.docx

UI设计基础 PAGE 1 目 录 TOC \o "1-3" \h \z \u 一、概述 1 二、具体步骤 1 图标设计的创意 本次课程用图形而不要文字来表示概念，是因为图形比文字更直观、更具情感性元素，但是图形没有文字表意准确。因此，图标设计的核心思想就是要尽可能地发挥图形的优势。 一、概述 图标作为一种重要而基本的承载功能的视觉元素，以各种规格、形式存在于PC、移动系统、软件、网站、多媒体应用、游戏以及其他各种平台和应用中。 二、具体步骤： 1、以用户为中心 根据项目需求，通过前期的用户研究了解目标用户的认知层次和共性特征、地域特征，使用用户理解的视觉语言和用户喜欢的设计风格来进行UI 设计。以用户理解的视觉语言和用户喜欢的设计风格来进行UI设计。以用户为中心是图标设计的核心思想。 从功能性出发 图标是承载界面互动功能的对象，用户对一个图标进行操作是为了能完成一项交互功能。功能是第一位的，首先UI设计要满足交互功能的需要，然后才是美感和其他方面的需要。 图标的识别性 看到UI中的一个图标就能够明白它所代表的含义和指示的概念。要使这个概念快速准确地传递给用户，这是图标设计的灵魂。 合理运用图形的隐喻 图表示具有明确指代含义的图形符号，多义性是图形的特点之一，但图标只能有一个含义，因此，对图形进行设计时必须无歧义地表达出图标的含义。 图标的图形本身避免出现文字和操作界面中的元素 常常文字会配合图标一起出现，桌面的程序图标下会有相应的文字，其目的是对图标的概念进行辅助性的说明，相当于对了一个传达信息的通道。但是通常设计图标时，如果图形本身就能够明确地指示其概念，那么图形中就要避免出现说明性的文字要素。 合理运用现存图标中通识的概念元素 在使用图形指代概念、功能时，使用大家通识的、约定俗成的视觉元素。在系统、软件、网站UI中，工具盒齿轮造型的图标代表的是功能设置，可以提取并沿用这个概念设计不同形态的工具盒齿轮造型的图标。 适度的元素数量和细节表现 过于简单的形象或者缺乏应用的细节会导致指示概念不明确，而过多的图形元素和细节会分散意识焦点，加重用户的认知负担，降低可用性和交互效率，要选择最能指示概念的形象并强调和突出它。 整体性和可延续性 在一组成套的图标中，需要有共性的视觉元素使它们形成一个整体，而且这种共性的视觉元素是能够在设计新的功能图标中得以延续的。如果这种共性使图标整体看起来协调并特征明确，就代表这套图标具有自己的风格，这样的图标看上去更具有视觉感染力、更专业、更容易提升用户体验。 与环境的协调性 图标存在于界面环境中，是界面的一部分。因此，图标的设计，要考虑图标所处的环境与界面的风格是否统一。 视觉效果 图标在满足基本功能的需求上，可以考虑更高层次的需求--情感体验。图标设计的视觉效果，取决于设计师的天赋、审美和艺术修养，这也需要大量的实践和积累，需要从各种绘画和设计作品中汲取营养。 原创性 原创性对设计师提出了更高的要求，原创的、风格强烈的图标更能在第一时间吸引用户，并能给用户留下深刻的印象。切忌用网上收集来的素材进行野蛮的拼凑，各种风格视觉元素的堆砌必然导致图标和整个UI的粗制滥造、水准低下。