情境2商业网站logo设计与制作

《情境2商业网站logo设计与制作》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、机械工业出版社基于工作过程的网页设计与制作教程主编：张洪斌季春光刘万辉1.项目展示与项目目标2.项目资讯3.项目计划与决策4.项目实施5.项目检查与评估6.强化拓展实训:企业LOGO设计情境2：商业网站Logo设计与制作基于工作过程的网页设计与制作教程第三章网页效果图设计项目展示与项目目标1项目展示与项目目标基本掌握图层的概念掌握图层的使用方法与技巧熟练掌握图层的样式的使用方法与技巧掌握网页布局工具网格、标尺与参考线的使用技巧1．项目背景2.项目资讯淮信科技有限公司是一家集培训认证、软件开发、域名注册、虚拟主机、网站建设、网络营销推广与一体的IT企业。简称淮信科技，企业已经有了自

2、己的企业商标，涉及企业Logo主要是为了建立网站而使用，所以设计要简洁，反映出企业性质。2.项目资讯在字典中Logo是“标识语”的意思，在IT领域，Logo是标志、徽标的意思。网站的Logo就是网站的标志，也是互联网上各个网站用来与其他网站链接的图形标志。Logo有以下几个作用：1）Logo是与其他网站链接以及让其他网站链接的标志和门户。2）Logo是网站形象的重要体现。3）Logo能使浏览者便于选择。一个好的Logo应具备的条件：1）精美、独特，符合伙计标准。2）与网站的整体风格相融。3）能够体现网站的类型、内容和风格。关键知识点一：Logo的设计综述2.项目资讯网易的Logo

3、，它使用了3种颜色：红（网易）、黑（NETEASE，www.163.com）、白（底色）。“网易”两个字使用了篆书，体现了古典意味，也蕴含着“轻松上网，易如反掌”的含义。关键知识点一：Logo的设计综述新浪网的Logo，Logo的背景色以淡黄色到白色的过渡，同时配以礼花、鞭炮以及“春”字都反映了春节的气氛，该Logo最有特色的是字母i，i上的点用了表象性手法处理成一只眼睛，而这又使这个字母i像一个小火炬，这样既向往人们传达了“世界在你眼中”的概念，激发人们对网络的好奇，又使人们容易记住新浪网的域名。2.项目资讯关键知识点二：图层的使用混合模式不透明度图层可见性连接图层添加图层样式

4、蒙板图层蒙板图层添加图层蒙板图层普通图层2.项目资讯关键知识点三：文本工具与图层样式的使用使用字体使用字体文字工具属性文字大小字体样式字体对齐字体颜色字体变形字符段落2.项目资讯关键知识点三：文本工具与图层样式的使用2.项目资讯关键知识点四：网页效果图的精确布局参考线命令:执行“视图”→“标尺”命令即可在编辑窗口中显示标尺；执行“视图”→“显示”→“参考线”命令即可在编辑窗口中显示参考线。网格命令:执行“视图”→“显示”→“网格”命令即可在编辑窗口中显示网格。参数设置命令:执行“编辑”→“首选项”→“单位与标尺”命令（快捷键直接调出“首选项”对话框）3.项目计划与

5、决策淮信科技Logo主要在原有的商标的基础上，设计出简洁，反映出企业性质的网络标志。建议设计的大小为230像素×100像素，Logo的主题内容放在中间区域210像素×60像素内，企业商标重新绘制，主体颜色不变仍然采用企业的科技蓝色（RGB值为15，40，140），草图设计如图3-34所示。商标淮信科技（方正大黑简体）淮信科技英文名称4.项目实施1）启动Photoshop软件，然后执行“文件”→“新建”命令，创建“淮新科技Logo.psd”文件，宽度：230像素，高度：100像素，分辨率：72像素/英寸，颜色模式：RGB颜色，背景内容：白色。2）执行“编辑”→“首选项”→“单位与标

6、尺”命令，修改标尺的单位为像素，执行“编辑”→“首选项”→“参考线、网格、切片和计数”命令，将网格线间距修改为20像素），执行“视图”→“标尺”命令显示标尺，执行“视图”→“显示”→“网格”命令显示网格，最后执行“视图”→“新参考线”命令，会弹出“新建参考线”对话框（如图3-35所示），依次新建两条水平参考线（20px，80px）与两条垂直参考线(10px，220px)，新建完成后效果如图3-36所示。4.项目实施3）新建一个图层，放大图像然后使用“多边型套索工具”，依次选区坐标1（10，20）、坐标2（25，30）、坐标3（30，50）、坐标4（25，80）、坐标5（10，80

7、）、坐标6（15，50）形成闭合选区，如图3-37所示，最后设置前景色为蓝色（RGB值为15，40，140），并填充到选区中，如图3-38所示。图3-37绘制不规则选区图3-38填充选区4.项目实施4）复制图层1命名为图层2，然后执行“编辑”→“自由变换”命令，在变换区域内单击鼠标右键执行“水平翻转”命令，最后将图层2向右移动25像素，如图3-39所示。5）新建图层3，选择“椭圆套索工具”，设置属性中的样式为固定大小，宽20像素，高20像素，绘制选区后填充为红色（RGB值为：25