1 / 24

第三章 美工知识

第三章 美工知识. 主讲：刘清梅. 目录. PS 常用页面元素设计. 标致设计： Logo 导航设计： Navigation 横幅广告设计： Banner 按钮设计： Button. 标致设计： Logo. LOGO ：是徽标或者商标的英文说法 作用：公司识别、推广，能让消费者记住公司主体和品牌文化. 特点： 造型简单，意义明确，有统一的标准的企业视觉符号。是对企业理念，企业文化，企业愿景的展现. LOGO.

imani-fisher
Download Presentation

第三章 美工知识

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 第三章 美工知识 主讲：刘清梅

  2. 目录 PS常用页面元素设计 • 标致设计：Logo • 导航设计：Navigation • 横幅广告设计：Banner • 按钮设计：Button

  3. 标致设计：Logo • LOGO：是徽标或者商标的英文说法 • 作用：公司识别、推广，能让消费者记住公司主体和品牌文化

  4. 特点： 造型简单，意义明确，有统一的标准的企业视觉符号。是对企业理念，企业文化，企业愿景的展现 LOGO

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

  6. LOGO应用例子 • 多用于门户、商务、软件应用类 • 蓝色 • 绿色 • 多用于音乐、校友社区相关类 • 黄色 • 多用于休闲小游戏类 • 红色 • 多用于会员商城交易类的

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

  8. LOGO （色彩、处理手法、形状）设计关联 多以腾讯网LOGO作为基准进行创意设计。 以蓝红绿黄４种的一中为主色 强水晶质感并叠加光影动感效果，使视觉更加炫目 以腾讯网LOGO圆形为基准，做变形创意设计 LOGO应用例子

  9. Logo的设计原则 • 遵循人们的认识规律，突出主题、引人注目 • 认识规律：如从上到下，从左到右，从小到大，从远到近的视觉及审美习惯 • 突出主题：就设计者要了解站点的定位和发展方向，能够在方寸之间概括出站点的理念 • 引人注目：视觉效果要强烈，容易识别、辨认和记忆

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

  11. 网站导航就是一个网站各栏目的快速通道 Navigation 文本型 图片型 Flash型

  12. 一个网站的广告位，宣传推广各类产品 针对性地对广告对象进行诉求，形象鲜明的展示所要表达的内容 不要放一些没用的东西，除非你想赶走你的用户 横幅广告设计：Banner

  13. Banner制作要点-主题明确 小提琴和玫瑰的组合凸显了贵族的生活品质 两个面带微笑的小学生让人一下就想到了希望工程

  14. Banner制作要点-与整个页面相协调

  15. Banner制作要点-顺应用户的浏览习惯

  16. Banner制作要点-顺应用户的浏览习惯

  17. 我们做banner是为了宣传、推广自己，它本身就是引导用户点击参与的入口，我们目的就是要吸引用户点击。我们做banner是为了宣传、推广自己，它本身就是引导用户点击参与的入口，我们目的就是要吸引用户点击。 Banner制作要点-点击才是王道 • 我们可以用不同形式和手法来表现，但相同处，通情达意，突出主题，富有乐趣

  18. Banner 操作演示Banner设计 2012全国两会-特别报道 中国特色的社会主义新篇章 两会动态 最新资讯 图集 视频 议案提案 访谈 花絮 热点话题 数字之道 民生调查 五年金句 五年人物 政府工作报告 媒体报道 两会观察 每日素描 跑两会 看两会 问总理 问领导

  19. 按钮代表着“做某件事” 按钮：button

  20. 按钮上的文字需要言简意赅 千万不要让观者去思考，越简单、越直接越好。 button

  21. 按钮的尺寸 大小决定了重要级别，但大到一定程度，会让人潜意识的认为那是一块区域，导致没有点击欲望。 button • 让其充分通透 • 不能和网页中的其他元素挤在一起。要有充足的内外边距

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

  23. button • 操作演示： • 案例演示Photoshop制作按钮的常用方法 • 知识点： • 用工具箱中的图形工具做或用Illustrator做造型 • 用样式面板做造型样式设置 • 或用混合工具选项做造型样式

  24. 谢 谢

More Related