第三章美工知识

主讲：刘清梅

教师：四川信息职业技术学院刘清梅教师：四川信息职业技术学院刘清梅

• 标致设计： Logo

• 导航设计： Navigation

• 横幅广告设计： Banner

• 按钮设计： Button

PS 常用页面元素设计


• LOGO ：是徽标或者商标的英文说法– 作用：公司识别、推广，能让消费者记住公司主体和

品牌文化


• 特点：– 造型简单，意义明确，有统一的标准的企业视觉符号。

是对企业理念，企业文化，企业愿景的展现


• 08年 4 月腾讯网宣布启用新品牌标识，以绿、黄、红三色轨迹线环绕的小企鹅标识取代过去的 QQ 企鹅图案，腾讯传媒、 QQ 游戏等业务，都将同期统一更换新标识。


红色多用于会员商城交易类的

黄色多用于休闲小游戏类

多用于门户、商务、软件应用类蓝色

绿色多用于音乐、校友社区相关类


• 腾讯的大多产品都会以这４种颜色的其中一种作为主色，然后分别选用４种中的２－３种作为辅助色。


• LOGO （色彩、处理手法、形状）设计关联– 多以腾讯网 LOGO 作为基准进行创意设计。

– 以蓝红绿黄４种的一中为主色

– 强水晶质感并叠加光影动感效果，使视觉更加炫目

– 以腾讯网 LOGO 圆形为基准，做变形创意设计


• 遵循人们的认识规律，突出主题、引人注目

– 认识规律：如从上到下，从左到右，从小到大，从远到近的视觉及审美习惯

– 突出主题：就设计者要了解站点的定位和发展方向，能够在方寸之间概括出站点的理念

– 引人注目：视觉效果要强烈，容易识别、辨认和记忆


• 操作演示：学院图标设计• 学生练习：学院图标及人民银行图标设计


• 网站导航就是一个网站各栏目的快速通道

1. 文本型2. 图片型3. Flash 型


• 一个网站的广告位，宣传推广各类产品

– 针对性地对广告对象进行诉求，形象鲜明的展示所要表达的内容

– 不要放一些没用的东西，除非你想赶走你的用户


小提琴和玫瑰的组合凸显了贵族的生活品质

两个面带微笑的小学生让人一下就想到了希望工程





• 我们做 banner 是为了宣传、推广自己，它本身就是引导用户点击参与的入口，我们目的就是要吸引用户点击。

• 我们可以用不同形式和手法来表现，但相同处，通情达意，突出主题，富有乐趣


2012全国两会 - 特别报道中国特色的社会主义新篇章

两会动态

最新资讯图集视频议案提案访谈花絮

热点话题

媒体报道

数字之道民生调查五年金句五年人物政府工作报告

两会观察每日素描跑两会看两会问总理问领导


• 按钮代表着“做某件事”


• 按钮上的文字需要言简意赅

• 千万不要让观者去思考，越简单、越直接越好。


• 按钮的尺寸

– 大小决定了重要级别，但大到一定程度，会让人潜意识的认为那是一块区域，导致没有点击欲望。

• 让其充分通透

– 不能和网页中的其他元素挤在一起。要有充足的内外边距


• 给较为重要的按钮适当加一些鼠标滑过的效果，会起到画龙点睛的作用。


• 操作演示：– 案例演示 Photoshop制作按钮的常用方法

• 知识点：– 用工具箱中的图形工具做或用 Illustrator 做造型

– 用样式面板做造型样式设置

– 或用混合工具选项做造型样式

Documents

第三章 美工知识

第三章美工知识