电子商务UI设计 图标 1-1-5图标.pptxVIP

图标资源库课程开发组2018@杭州【目录】UI设计中图标设计的原则UI设计中图标设计的方法图标 iCONS图标是具有明确指代含义的计算机图形。其中桌面图标是软件标识，界面中的图标是功能标识。它源自于生活中的各种图形标识，是计算机应用图形化的重要组成部分。广义具有指代意义的图形符号，具有高度浓缩并快捷传达信息、便于记忆的特性。应用范围很广，软硬件网页社交场所公共场合无所不在，例如：男女厕所标志和各种交通标志等狭义应用于计算机软件方面，包括：程序标识、数据标识、命令选择、模式信号或切换开关、状态指示等。手机图标手机图标就像电脑图标一样，是一个程序的标记。原则论图标制作原则识别性差异性精确性统一性原创性识别性图标篇差异性精确性统一性原创性格式塔基本原则格式塔是德文“Gestalt”的译音，意思是“完形”，即具有不同部分分离特性的有机整体。这种整体性应用于心理学中，产生了格式塔心理学，在国内又称作“完形心理学”。格式塔心理学派断言：人们在观看时眼脑共同作用，并不是在一开始就区分一个形象的各个单一的组成部分，而是将各个部分组合起来，使之成为一个更易于理解的统一体。当一个格式塔中国包含了太多互不相关的单位，眼脑就会试图将其简化，把各个单位加以组合，使之成为知觉上易于理解的整体。其创始人是韦特墨、考夫卡和苛勒。格式塔原理在构图中的应用形式：1：删除删除就是从构图形象中排除不重要的部分，只保留那些绝对必要的组成部分，从而达到视觉的简化。在实际的设计创作过程中，必须留意在设计中是否添加了任何与你预期的表达相抵触的多余的东西。如果有，则应排除，以改进你设计上的视觉表达的格式塔。通过研究一些设计大师的作品，我们注意到，任何有效的，吸引人的视觉表达，并不需要太多复杂的形象。许多经典的设计作品在视觉表现上都是很简洁的。2：贴近当各个视觉单元一个挨着一个，彼此靠得很近的时候，可以用“贴近”这个术语来描绘这种状态，通常也把这种状态看作归类。以贴近而进行视觉归类的各种方法都是直截了当的，并且易于施行。设计师可以根据需要使用贴近手法创造出完美的格式塔。这是因为由贴近而产生近缘关系，运用近缘关系无论对少量的相同视觉单元还是大量不同的视觉单元进行归类都同样容易。比如在印刷版面设计中，为了区分不同的内容，也经常采用近缘关系的方法来进行视觉归类。最简单的例子：在处理不同内容的图片和与之相关的说明文字时，只要将每一幅图片相应的文字段落与之贴近，在此不同的图文组合之间保持一定间距，无须指引符号，读者也不会搞错各个图片和文字段落之间的关系。报刊杂志的版面编排，字母与字母、词与词、行与行之间，也都运用了近缘关系，使版面整体分为若干贴近的栏块，成为若干个相关的视觉组合。3：结合在构图中，结合就是指单独的视觉单元完全联合在一起，无法分开。这可以使原来并不相干的视觉形象自然而然地关联起来，比如常用的一种设计手法--异形同构：把两种或几种不同的视觉形象结合在一起，在视觉表达上自然而然地从一个视觉语义延伸到另一个视觉语义。4：接触接触是指单独的视觉单元无限贴近，以至于它们彼此粘连。这样在视觉上就形成了一个较大的、统一的整体。接触的形体有可能丧失原先单独的个性，变得性格模糊。就如在图案设计中相互接触的不同形状的单元形在视觉感受上是如此相近，完全溶为一体。5：重合重合是结合的一种特殊形式。如果所有的视觉单元在色调或纹理等方面都是不同的，那么，区分已被联结的原来各个视觉单元就越容易；相反，如果所有的视觉单元在色调或纹理等方面都是一样的，那么，原来各个视觉单元的轮廓线就会消失，从而形成一个单一的重合的形状。重合，能创造出一种不容置疑的统一感和秩序性。重合各个不同视觉形象的时候，如果我们看到这些视觉形象的总体外形具有一个共同的、统一的轮廓，那么这样的重合成功了。6：格调与纹理格调与纹理是由大量重复的单元构成的。两者的主要区别在于视觉单元的大小或规模，除此之外，它们基本上是一样的。格调是视觉上扩大了的纹理，而纹理则是在视觉上缩减了的格调。因此，在不需要明确区别的情况下，我们可以同时解释格调和纹理，感知格调或纹理的视觉格式塔，总是基于视觉单元的大小和数量的多少。但在一定的场合，别的因素也可能起作用。例如，一个格式塔中视觉单元的总量就可以影响它的外观。当数量很大，以至不能明显地看出单独视觉单元时，这种现象就可能发生。比如透过窗户看到的不远处的树林是足够大的，可以构成一种格调；但是，如果在飞机上俯瞰一整片树林，恐怕就只能将其作为一种纹理来看了。格调和纹理实际上没有严格的区分界限，当视觉单元大小及数量变到一定的量值范围，这种特性可以使格调显得像是一种纹理，也可以使纹理呈现为一种格调。或者，创造出一种格调之内的纹理，以至格调和纹理同时并存。7：闭合有一种常见的视觉归类方法基于人类的一种完型心理：把局部形象当