图标创意设计课件
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
”
“
图标（Icon），亦作图示，广义上指所有有指示作用的标志，一般指电脑屏幕或手机的桌面上用来指示用户运行各种操作的图像，作为字符显示的重要辅助。
”
“
why?
”
“
人们对各种软件界面的美观程度有了更高的要求
一款设计合理优秀的图标可以为网页或软件界面增色不少在UI界面设计中，图标设计占据很大的比例”
“UI即User Interface(用户界面)的简称。UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品位，还要让软件的操作变得舒适简单、自由，充分体现软件的定位和特点。
了解图标基础知识1
掌握图标创意原则
2 图标风格赏析
3 图标设计与软件操作4
CONTENTS
图标基础知识
图标创意设计
01
图标的设计和意义
2图标入门1常见图标的尺寸4图标的像素分辨3图标分类6 图标设计要素结构
5 制作图标的软件７
CONTENTS 图标基础知识
”
“１.１图标入门图标的概念
”
“
”
“
“
”
相机图标
”
“
“
”
创意图标
”
“
“
”
Adobe CS5Adobe CS6
”
““
”1.1.1
图标是什么？ 图标是具有明确指代含义的计算机图形。其中桌面图标是软件标识，界面中的图标是功能标识。
它源自于生活中的各种图形标识，是计算机应用图形化的重要组成部分。
”
““
”1.1.2
图标与标志的区别 标志（logo，又写作标识，二者读音都是biāozhì），是表明事物特征的记号。具有高浓缩并快捷传达信息、
便于记忆的特征。标志的应用范围很广，软硬件、网页社交场所、公共场合等
”
“
“
”
标志
”
“
“
”
标志
”
“
“
” 图标应用于计算机软件等方面，包括：程序标识、数据标识、命令选择、信号模式或切换开关、状态指示等。 一个图标是一个小的图片或对象，代表一个文件、程序、网页或
命令。
图标有助于用户快速执行命令和打开程序文件，单击或双击图标可执行一个命令。图标也用于在浏览器中快速展现内容。 1.1.2
图标与标志的区别
”
“
”
“
“
” 云计算时代的到来，使得企业信息化这一话题又有了新的生命。在云端服务性能不断增强之外，最显著的特征就是在终端的精彩表现。 单纯用PC来使用ERP的时代一去不复返。以手机、平板电脑介质
为代表的移动终端应用将为企业信息化带来巨大变革。
移动应用图标便是其中最有力的代表。其中包括手机ＡPP和 ｉＰａｄ移动应用图标。 1.1.3
常见移动应用图标
”
“
“
”
手机界面
”
“
”
“
“
“
”
“
”
“
“
” 桌面上除了系统图标以外都是应用程序图标。电脑应用图标是另外装的，并带有小箭头。常见的电脑应用图标包括Ｗｏｒｄ、
Ｅｘｃｅｌ、媒体播放器、游戏、各种应用软件等
1.1.４
常见电脑应用图标
”
“
“
”
电脑桌面
”
“
“
”
ｗｐｓ图标
”
“
“
”
Ｏｆｆｉｃｅ图标
”
““
”
命令选择图标
什么是图标?
”
“１.２图标设计的意义和作用
”
““
”1.２.1
什么是图标？ 图形用户界面这个概念诞生于１９７０年施乐完成的第一个ＷＩＭＰ演示，使得计算机用户界面从字
符发展过渡到图形时代。
图标设计不仅能有效地为设计者传播信息和内涵，而且对ＵＩ有着重要的意义。
”
““
” ＩＣＯＮ图标广义上指所有有指示作用的标志，在中文
中一般指电脑桌面上用来指示用户运行各种操作的图像，是字符显示的重要辅助。
图标多数是一个正方形的像素矩阵，大小从１６×１６像素到５１２×５１２像素不等，也有一些系统可以使用矢
量的图标。
”
“
“
”
随着发展，图标总体呈现出时代性与个性化的视觉符
号形态。
”
“
”
“
”
“
”
“
”
“
”““
”1.２.2 图形的内在含义？ 色彩设计
构图和视觉风格设计 图标、CSS、结构与表现分离
”
“
“
”
1. 色彩设计
”
“
”
“
”
“