slide1 n.
Download
Skip this Video
Loading SlideShow in 5 Seconds..
第三章 美工知识 PowerPoint Presentation
Download Presentation
第三章 美工知识

Loading in 2 Seconds...

play fullscreen
1 / 24

第三章 美工知识 - PowerPoint PPT Presentation


  • 144 Views
  • Uploaded on

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

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about '第三章 美工知识' - imani-fisher


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.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
slide1

第三章 美工知识

主讲:刘清梅

slide2
目录

PS常用页面元素设计

  • 标致设计:Logo
  • 导航设计:Navigation
  • 横幅广告设计:Banner
  • 按钮设计:Button
slide3
标致设计:Logo
  • LOGO:是徽标或者商标的英文说法
    • 作用:公司识别、推广,能让消费者记住公司主体和品牌文化
slide4
特点:

造型简单,意义明确,有统一的标准的企业视觉符号。是对企业理念,企业文化,企业愿景的展现

LOGO
slide6
LOGO应用例子
    • 多用于门户、商务、软件应用类
  • 蓝色
  • 绿色
    • 多用于音乐、校友社区相关类
  • 黄色
    • 多用于休闲小游戏类
  • 红色
    • 多用于会员商城交易类的
slide7
腾讯的大多产品都会以这4种颜色的其中一种作为主色,然后分别选用4种中的2-3种作为辅助色。腾讯的大多产品都会以这4种颜色的其中一种作为主色,然后分别选用4种中的2-3种作为辅助色。LOGO应用例子
slide8
LOGO (色彩、处理手法、形状)设计关联

多以腾讯网LOGO作为基准进行创意设计。

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

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

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

LOGO应用例子
slide9
Logo的设计原则
  • 遵循人们的认识规律,突出主题、引人注目
    • 认识规律:如从上到下,从左到右,从小到大,从远到近的视觉及审美习惯
    • 突出主题:就设计者要了解站点的定位和发展方向,能够在方寸之间概括出站点的理念
    • 引人注目:视觉效果要强烈,容易识别、辨认和记忆
slide10
LOGO设计
  • 操作演示:学院图标设计
  • 学生练习:学院图标及人民银行图标设计
banner
一个网站的广告位,宣传推广各类产品

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

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

横幅广告设计:Banner
banner1
Banner制作要点-主题明确

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

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

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

操作演示Banner设计

2012全国两会-特别报道

中国特色的社会主义新篇章

两会动态

最新资讯 图集 视频

议案提案 访谈 花絮

热点话题

数字之道 民生调查 五年金句

五年人物 政府工作报告

媒体报道

两会观察 每日素描 跑两会

看两会 问总理 问领导

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

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

button
button2
按钮的尺寸

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

button
  • 让其充分通透
    • 不能和网页中的其他元素挤在一起。要有充足的内外边距
button3
给较为重要的按钮适当加一些鼠标滑过的效果,会起到画龙点睛的作用。给较为重要的按钮适当加一些鼠标滑过的效果,会起到画龙点睛的作用。button
button4
button
  • 操作演示:
    • 案例演示Photoshop制作按钮的常用方法
  • 知识点:
    • 用工具箱中的图形工具做或用Illustrator做造型
    • 用样式面板做造型样式设置
    • 或用混合工具选项做造型样式