情境2商业网站Logo设计与制作ppt课件.pptVIP

第三章 网页效果图设计 项目展示与项目目标 1．项目背景 第三章 网页效果图设计 地址:北京百万庄大街22号 邮编:100037 编辑热线: (010)机 械 工 业 出 版 社 CHINA MACHINE PRESS 地址:北京百万庄大街22号 邮编:100037 编辑热线: (010)机械工业出版社 基于工作过程的网页设计与制作教程 主编：张洪斌 季春光 刘万辉 1. 项目展示与项目目标 2. 项目资讯 3. 项目计划与决策 4. 项目实施 5. 项目检查与评估 6. 强化拓展实训:企业LOGO设计 情境2：商业网站Logo设计与制作 基于工作过程的 网页设计与制作教程 1项目展示与项目目标 基本掌握图层的概念 掌握图层的使用方法与技巧 熟练掌握图层的样式的使用方法与技巧 掌握网页布局工具网格、标尺与参考线的使用技巧 2. 项目资讯 淮信科技有限公司是一家集培训认证、软件开发、域名注册、虚拟主机、网站建设、网络营销推广与一体的IT企业。简称淮信科技，企业已经有了自己的企业商标，涉及企业Logo主要是为了建立网站而使用，所以设计要简洁，反映出企业性质。 2. 项目资讯 在字典中Logo是“标识语”的意思，在IT领域，Logo是标志、徽标的意思。网站的Logo就是网站的标志，也是互联网上各个网站用来与其他网站链接的图形标志。 Logo有以下几个作用： 1）Logo是与其他网站链接以及让其他网站链接的标志和门户。 2）Logo是网站形象的重要体现。 3）Logo能使浏览者便于选择。 一个好的Logo应具备的条件： 1）精美、独特，符合伙计标准。 2）与网站的整体风格相融。 3）能够体现网站的类型、内容和风格。 关键知识点一：Logo的设计综述 2. 项目资讯 网易的Logo，它使用了3种颜色：红（网易）、黑（NETEASE，www.163 .com）、白（底色）。“网易”两个字使用了篆书，体现了古典意味，也蕴含着“轻松上网，易如反掌”的含义。 关键知识点一：Logo的设计综述 新浪网的Logo，Logo的背景色以淡黄色到白色的过渡，同时配以礼花、鞭炮以及“春”字都反映了春节的气氛，该Logo最有特色的是字母i，i上的点用了表象性手法处理成一只眼睛，而这又使这个字母i像一个小火炬，这样既向往人们传达了“世界在你眼中”的概念，激发人们对网络的好奇，又使人们容易记住新浪网的域名。 2. 项目资讯 关键知识点二：图层的使用 混合模式 不透明度 图层可见性 连接图层 添加图层样式 蒙板图层 蒙板图层 添加图层 蒙板图层 普通图层 2. 项目资讯 关键知识点三：文本工具与图层样式的使用 使用字体 使用字体 文字工具属性 文字大小 字体样式 字体对齐 字体颜色 字体变形 字符段落 2. 项目资讯 关键知识点三：文本工具与图层样式的使用 2. 项目资讯 关键知识点四：网页效果图的精确布局 参考线命令: 执行“视图”→“标尺”命令即可在编辑窗口中显示标尺；执行“视图”→“显示”→“参考线”命令即可在编辑窗口中显示参考线。 网格命令: 执行“视图”→“显示”→“网格”命令即可在编辑窗口中显示网格。 参数设置命令: 执行“编辑”→“首选项”→“单位与标尺”命令（快捷键Ctrl+K直接调出“首选项”对话框） 3. 项目计划与决策 淮信科技Logo主要在原有的商标的基础上，设计出简洁，反映出企业性质的网络标志。建议设计的大小为230像素×100像素，Logo的主题内容放在中间区域210像素×60像素内，企业商标重新绘制，主体颜色不变仍然采用企业的科技蓝色（RGB值为15，40，140），草图设计如图3-34所示。 商标 淮信科技（方正大黑简体） 淮信科技英文名称 4. 项目实施 1）启动Photoshop 软件，然后执行“文件”→“新建”命令，创建“淮新科技Logo.psd”文件，宽度：230像素，高度：100像素，分辨率：72像素/英寸，颜色模式：RGB颜色，背景内容：白色。 2）执行“编辑”→“首选项”→“单位与标尺”命令，修改标尺的单位为像素，执行“编辑”→“首选项”→“参考线、网格、切片和计数”命令，将网格线间距修改为20像素），执行“视图”→“标尺”命令显示标尺，执行“视图”→“显示”→“网格”命令显示网格，最后执行“视图”→“新参考线”命令，会弹出“新建参考线”对话框（如图3-35所示），依次新建两条水平参考线（20px，80p