《UI图标设计》课件——第一课：UI图标设计相关概念.pptxVIP

UI图标设计;课程介绍：

学时安排：48学时，4学时/周,共12周。

考试成绩：课堂表现20%，平时作业30%，综合作业50%。

UI图标设计课程是一门专业必修课，它的前期课程是设计构成、图形图像处理技术和矢量图软件基础。后续课程为网页设计与制作等。通过该课程的学习，应掌握图标设计的相关知识，如何在图标设计中通过对视觉元素的设计体现美的效果，设计制作出整洁漂亮的作品。;第一课：UI图标设计相关概念

一、UI设计概述

二、UI图标设计定义

三、UI图标设计要素

四、UI图标设计流程

五、UI图标设计原则

六、UI图标的尺寸和格式

七、UI图标分类;UI即UserInterface(用户界面)的简称。泛指用户的操作界面，包含移动APP，网页，智能穿戴设备等。从传统意义上来说，UI设计是指用户界面的美化设计，但事实上UI设计不仅是指“用户与界面”的从属关系，还包括“用户与界面”的交互关系。因此UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI不仅是让软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由，充分体现软件的定位和特点。

;通常我们接触到的UI界面设计种类很多，例如：播放界面、登录界面、产品展示界面等。;手机端医疗UI界面及相关图标设计;延时符;延时符;延时符;政府、税务等自助系统UI界面设计;延时符;延时符;延时符;延时符;;UI这个名词在近几年异常火爆，其实UI设计在设计行业一直存在，从最初人们用到的电子产品、软件再到网站的建设，这些都是UI范畴。;下面以微软windows界面系统的发展为主线，追溯UI的发展历程。;下面以微软windows界面系统的发展为主线，追溯UI的发展历程。;下面以微软windows界面系统的发展为主线，追溯UI的发展历程。;下面以微软windows界面系统的发展为主线，追溯UI的发展历程。;下面以微软windows界面系统的发展为主线，追溯UI的发展历程。;下面以微软windows界面系统的发展为主线，追溯UI的发展历程。;下面以微软windows界面系统的发展为主线，追溯UI的发展历程。;下面以微软windows界面系统的发展为主线，追溯UI的发展历程。;下面以微软windows界面系统的发展??主线，追溯UI的发展历程。;下面以微软windows界面系统的发展为主线，追溯UI的发展历程。;下面以微软windows界面系统的发展为主线，追溯UI的发展历程。;下面以微软windows界面系统的发展为主线，追溯UI的发展历程。;1、PC端UI设计;2、移动端UI设计;3、其他终端UI设计;一个优秀的UI设计师，从技能上讲，不仅可以绘制图标，还可以设计界面，掌握多种多样的交互知识。好的UI设计不仅让软件变得有个性有品味，还能够让软件的操作变得舒适、简单、自由、充分体现软件的定位和特点。;1、视觉设计;2、交互设计;3、体验设计;二、UI图标设计;三、UI图标设计要素;三、UI图标设计要素;圆形“面”的图标设计;三、UI图标设计要素;三、UI图标设计要素;木质材质的图标设计;四、UI图标设计流程;访问者为低龄人群的图标设计;四、UI图标设计流程;“照相机”图标的草图设计;四、UI图标设计流程;“照相机”图标的最终渲染效果;复古风格电视机图标的效果;视觉效果终稿;1、可识别性原则

看到一个图标，就要明白他所代表的含义，这是图标设计的灵魂。

;2、差异性原则;差异性原则;3、合适的精细度，元素个数;合适的精细度，元素个数;4、风格统一性原则;风格统一性原则;风格统一性原则;风格统一性原则;5、与环境的协调性;与环境的协调性;与环境的协调性;追求视觉效果，一定是要在保证差异性，可识别性，统一性，协调性原则的基础上，要先满足基本的功能需求，才可以考虑更高层次的要求--情感需求。

图标设计的视觉效果，很大程度上取决于设计师的天赋、美感和艺术修养。

多看，多模仿，多创作。勤奋+天赋=成功

;6、原创性;原创性;尺寸;六、UI图标设计尺寸;图标的常用格式有以下几种：PNG，GIF，ICO，BMP，

?

PNG：无损压缩格式，支持透明，兼顾图像质量和文件大小。

GIF：网页图片常用格式，支持透明，优点是压缩的文件小，支持GIF动画，缺点是不支持半透明，颜色数最多只能显示256种颜色，透明图标的边缘会有锯齿，要解决此问题，必须在存成此格式时候，添加相同背景色的杂边，比较麻烦。

JPG：有损压缩，优点是文件小，图像颜色丰富，缺点是不支持透明和半透明

ICO：WINDOWS系统的图标文件格式，支持多通道透明，支持32位真彩色。

ICNS：Macintosh系统里独