网页美工设计说明书

  网页美工打算仿单_合同条约_外格/模板_适用文档。网页美工与广告 打算仿单 打算标题:歪歪蛋创意生存网站美工的打算与竣工 姓 名: 王丹 学 号: 班 级: 10 图文 指引西席: 孙俊邦 竣工日期:

  网页美工与广告 打算仿单 打算标题:歪歪蛋创意生存网站美工的打算与竣工 姓 名: 王丹 学 号: 班 级: 10 图文 指引西席: 孙俊邦 竣工日期: 2012 年 6 月 18 日 10 级选修《网页美工与广告》卷二履行侦察计划 课程名称:《网页美工与广告》 讲课班级:10 级选修 侦察方式:履行考 课程性子:专业课 课程编号: 0704410 学 分:3 一、 侦察方针 侦察学生网页美工与广告打算的归纳本事。 二、侦察形式、实质、央浼 侦察形式:以课程打算做为首要的侦察形式。 侦察项目:自定一个网站重心。凭据该网站,用 Fireworks 与 Dreamveawer 打算制制成 xxx 网站的主页与副页及其他页面。 央浼: 1. 要有网页美工的计议与打算。 2. 打算出网页主页与副页后果图,并凭据后果图制制网站中的其他页面, 并本身打算 LOGO、flash 广告、栏目、导航、banner、网页实质;界面打算 要美丽,颜色搭配合理,有新意,超链接准确;网页中要有 1 个以上的 Flash 动画 3. 提交:index.png fuye.png 及网站(5 张网页以上);网页美工打算说 明书。 三、试验解释与评分轨范 2.评分轨范 评分轨范 分值 主页美工打算 评分 轨范 与 分值 央浼:美丽且有创意、实质完全、导航准确、有本身打算的 40 flash 广告动画。 副页美工打算 央浼:结构好,实质完全、导航准确,有 1 个以上的 Flash 30 广告动画 打算仿单 央浼:式子准确、排版外率;阐述到位、网页美工打算中心 30 与难点阐述长远。用 A4 打印,6 页以上。 注:网页美工的作品与网站可模仿其它作品,但厉禁复制或他 人代做,已经呈现类同,按 0 分照料。 执笔人: 审核人: 院长: 2012-5-5 目次 一、概述............................................................ 1 1.1 挑选缘起.....................................................1 1.2 网页美工的界说...............................................1 1.3 网页美工的影响...............................................2 1.4 Firework .................................................... 2 1.5 颜色的均衡与照应.............................................3 二、网页美工的总体打算.............................................. 3 2.1 网页打算的制制流程 .......................................... 3 2.2 网站颜色结构.................................................4 2.3 网站构造.....................................................7 2.4 图片轮显的制制进程...........................................7 2.5 滚动图片的制制...............................................8 2.6 制制网页的首要实质...........................................8 2.7 造成网页.....................................................8 三、美工打算总结.................................................... 9 歪歪蛋创意生存网站美工的打算与竣工 一、概述 1.1 挑选缘起 我用网页美工打算的网站是生存家居类的网站。 跟着本年来家居业“重化妆、轻化妆”的潮水,家居打算从越来越有适用性 的影响擢升到化妆性的影响,家居行业被史无前例的“激活”了 家居资产生长前景光泽。起初,以住户住房、宾馆饭馆、旅逛交通、医疗卫 生等为代外的投资型和大家供职型消费热门,都将成为促使中邦度居墟市不休扩 大的成分,跟着社会的不休生长、人们生存的不休降低,人们对生存寓居的央浼 不光仅是为了挡风遮雨了,还加上了时尚、美观,这意味着人们对家居打算的商 品越来越闭心了,而今中邦每年有 1000 万对新人完婚,因完婚发作的家居打算 的消费额将非常可观。 各式的家居打算都与咱们的生存息息干系,是生存中弗成或缺的一个人,广 阔的墟市,宏壮的消费群体对家居行业来说无一不是一个很好的良机。是以我选 择了做家居打算方面的网站. 1.2 网页美工的界说 网页美工即是对网页的美化,网页美工要熟谙 photoshop fireworks flash 等制图软件,也要有一个卓殊好的视觉功底,创意本事,能力创造出卓殊美丽的 页面 网页美工也用 css 来举行美化,css 能够局限 html 标签的元素,当咱们鼠 标放正在超等链接上的工夫后台变色网页美工需求驾驭 DIV+CSS 样式;基本 HTML 讲话。 基本美术:素描(石膏几何体、静物写生);颜色(颜色组成、纯粹颜色静 物写生) 三大组成:颜色组成、平面组成、立体组成。 Photoshop 网页配色及排版打算;Illustrator 网页打算;网页打算归纳、 1 经典网页解析。 1.3 网页美工的影响 对待制制一个网页来说。网页美工起着举足轻重的影响,网页美工打算不光 纯从事美术绘画,而需求定位软件操纵者、操纵境况、操纵形式而且最终为软件 用户供职,他们举行的是集科学性与艺术性于一身的打算,他们需求竣工的,简 单说来,恰是一个不休为用户打算视觉后果使之写意的进程。 网页美工打算的性能梗概征求三方面:一是图形打算,即古板旨趣上的“美 工”。当然,实践上他们负担得不是纯净旨趣上美术工人的做事,而是软件产物 的产物“外形”打算。二是交互打算,首要正在于打算软件的操作流程、树状构造、 操作外率等。一个软件产物正在编码之前需求做的即是交互打算,而且确立交互模 型,交互外率。三是用户测试/咨询,这里所谓的“测试”,其标的恰正在于测试 交互打算的合理性及图形打算的美丽性,首要通过以标的用户问卷的方式量度网 页打算的合理性。 1.4 Firework 正在软件界,Fireworks 指网页三剑客之一的软件。原为 Macromedia 公司所 有。正在 Macromedia 被 Adobe 吞并之后,Adobe 又进一步生长了此软件,然则与 Macromedia 的派头分别较大。未来有或者被 Photoshop 等代替。现最新版本 Adobe Fireworks CS5.1。 fireworks 是一个强壮的网页图形打算用具,你能够操纵它创筑和编辑位图、 矢量图形,还能够卓殊轻松的做出各类网页打算中常睹的后果,例如翻转图象, 下拉菜单等,打算竣工自此,借使你要正在网页打算中操纵,你能够将它输出为 html 文献,还能输出为能够正在 photoshop,illustrator 和 flash 等软件中编辑 的式子。 Fireworks 供给专业搜集图形打算和制制计划,通过它,你能够编辑搜集图 形和动画,扶助位图和矢量图。同时它能 dreamweaver、flash 能竣工网页的无 缝连结,与其它图形序次各 HTML 编辑也能亲切配合,为用户一体化的搜集打算 计划供给扶助. 2 ? 1.5 颜色的均衡与照应 1)颜色的均衡。颜色正在页面中能够造成良众的后果,通过热烈的对照, 能够越过页面的中心。还能够通过颜色调配,到达页面矜重度的改造。寻常 的状况下,页面上方的颜色老是很重,云云能力压住下面的颜色,借使不采 取这种主张,统统页面将显得很不矜重,底下的文字图片,有飘出的意味。 是以,要使统统页面显得很均衡,必须要有能镇住其他颜色的颜色。 2)颜色的照应。一种比拟越过的颜色,借使很突兀地放正在页面中,无 论你是越过中心也好,仍然 logo 图标,都给统统页面带来了副影响。为此, 你必需正在相对称的处所加上该色系(对待页面并不精通)的颜色以照应,这 样能够弱化这种视觉的挫折。 二、网页美工的总体打算 2.1 网页打算的制制流程 第一步:确定网站重心 做网站,起初必须要处分的即是网站实质题目,即确定网站的重心。对待内 容重心的挑选,要做到小而精,重心定位要小,实质要精。不要去试图制制一个 一应俱全的站点,这往往会落空网站的特征,也会带来高强度的劳动,给网站的 实时更新带来难题。 第二步:做好网站计议 确定好网站的重心实质、图片、文字资料之后就起初用 Firework 举行网页 打算。 起初翻开 Firework 新筑一个宽为 968、高为 660 的后台为白色的页面,然 后举行网页打算,将页面举行结构。 第三步:网页的精细制制举措 网页最上面的是一个长方形条,填充颜色为浅蓝色,还加上了渐变的后果。 左边写着歪歪蛋创意生存网,这个网站的重心---打算锦绣打算生存。颜色为白 色,字体为黑体、巨细为 26 磅,加了蓝色暗影等后果,集体加倍美观。如图 2-1-1 3 如图 2-1-1 下面是这个网站的导航条和本期的新看点、家居排行榜。如图 2-1-2,2-1-3 所示: 图 2-1-2 图 2-1-3 2.2 网站颜色结构 歪歪蛋创意生存网属于轨范的家居行业网站,首页采用大个人的蓝色和少部 4 分的白色、暗绿色、灰色三色搭配,给人一种写意、温馨家的感到。这四种色块 将网页分成几个区别的个人。蓝色区域为网站 logo 和 banner,而且直接操纵了 正在 fireworks 里制制好的图片。云云能更好的外达网站的重心,使网站的重心一 目明白加倍清楚。网站的导航条也是采用深蓝色行为导航条的背地步,用浅蓝色 做字体的颜色,看起来加倍和洽。导航条下面还做了少许比拟简单的速捷链接。 如 2-1-4 所示。白色与浅蓝色的个人安顿了网站的 FLASH 轮显动画和网站的新看 点、最新的家居排行榜等实质。然后即是家居打算的图片映现区,共有五张家居 打算的图片,这些图片是使用代码做成的滚动后果插入到网站当中去的。最下面 的剩下三色个人是歪歪蛋创意生存网少许分类的小看点吗,共有三组实质。 副页,一共有十个副页。诀别采用了区别的颜色,绿色、灰色、暗黄色、浅 蓝色为首要的颜色搭配,同样给人一种小清爽的感到稀少是浅蓝色和绿色。同时 副页还做登录和注书页面,尚有执法声明的页面,算是一个实质比拟完好的网站, 所学到的只是根基上全都使用起来了。如图 2-2-1 所示 图 2-2-1 网站的消息资讯和精巧专题个人,如图 2-2-2 所示。 5 图 2-2-2 网站的中央个人做了一个水准滚动图片映现,如图 2-2-3 所示。 图 2-2-3 下边是家居分类专题区域映现。如图 2-2-9 所示。 6 图 2-2-4 2.3 网站构造 首页网页结构如图 2-3-1 所示。 LOGO 图片 新 看 点 消费资讯 导航 最 家 新 居 动 TOP 态 5 打算赏 精巧专题 家居打算 家饰生存 乐居形式 装修手册 执法声明 首页 图 2-3-1 正在网站构造结构方面,该网站打垮了轨范的二分栏结构,云云既有足够的空 间安顿网站实质,网站也不会太空。 2.4 图片轮显的制制进程 图片轮显的操作举措如下: 7 1)起初启动 Flash2.0 筑筑一个宽 297、244 的白色画布。 2)新筑图层,将图层三设为遮罩层,正在第一个图层中导入第一张照片到舞 台,欺骗对齐用具将图片与画布对齐重合。 3)导入第二张照片到舞台与第一张的举措齐备雷同。 4)将第三层遮罩层解锁,正在第一帧中插入闭头帧然后正在图片的边上画一个 矩形 正在第四十帧上插入闭头帧将这个矩形放大理解把图片盖住,正在第一帧与四帧 中 筑补间样子。剩下的与上述举措齐备雷同。 2.5 滚动图片的制制 滚动寻常有两种制制对象:一是水准对象滚动,二即是笔直对象滚动。直接 将现有的代码拷到相应的处所就行。滚动的产物图片正在 Flash 中只需求制制出动 态的后果,动态后果将正在 dreamweaver 中显示出来,图片的高度和宽度都能够根 据实践状况正在代码中举行点窜。 2.6 制制网页的首要实质 网站首要实质区域用于安顿滚动的产物图片,正在 firework 中只需求制制出 静态后果,动态后果将正在 dreamweaver 中举行制制。 2.7 造成网页 当网站正在 fierwork 中打算竣工后,只是竣工了一个人的做事,还需求将它 制制成 HTML 式子的网页。正在制制网页前还需求欺骗切片用具将打算稿切割成 N 个个人,然后 dreamweaver 中创筑外格从头组合。切片前也要先考查好,哪些是 本身需求的,哪些东西能反复操纵,哪些是需求越小越好的,哪些文字是必需用 图片的!酌量好这些就举行切片,记住肯定要正确!借使有须要将类型雷同的图 片做成一张图片,以便省略内存。 8 三、美工打算总结 注视页面的分块,起首打算一个页面的工夫,你必需凭据所驾驭的实质,以 及其派头,对页面的集体举行分块。分块是一个卓殊须要且难以驾驭的伎俩。分 块能够用区别着色的色块、框、细线、陈列划一的英文等等,还能够混杂操纵, 然则注视不要过于精通,由于页面的中心正在实质,而不正在其他。 通过练习,懂得网站和网页的根基打算思念,使学生降低和驾驭对颜色基本 学问(色相、明度、纯度、空间混杂观点,颜色组成的寻常道理、颜色的心境、 对颜色的考查本事和对厚实的颜色感知本事,对寻常颜色的搭配本事、网页的色 彩打算、配色软件的操纵等);平面组成(平面打算构图的方式因素、闭联因素、 懂得平面打算构图与视觉转达的闭联,熟谙点、线、面、颜色、肌理等打算元素 的根基打算手段,并正在履行中能活跃使用;驾驭平面打算构图的几种常用的显示 手段);开端驾驭 CorelDRAW 用具的操纵,作育对卓绝网页版式阐述仿效的本事, 驾驭网页打算的根基手段。 9 10 图文《网页美工与广告》卷二 履行侦察功效评判外 班级 学号 评分 轨范 与 分值 10 图文 姓名 王丹 主页美工打算 央浼:美丽且有创意、实质完全、导航准确、有 本身打算的 flash 广告动画。 副页美工打算 央浼:结构好,实质完全、导航准确,有 1 个以 上的 Flash 广告动画。网站 5 张网页以上。 打算仿单 央浼:式子准确、排版外率;阐述到位、网页 美工打算中心与难点阐述长远。用 A4 打印,6 页以上。 功效 分值 得分 40 30 30 总分 100 教 师 评 价 任课西席签名: 注:网页美工的作品与网站可模仿其它作品,但厉禁复制或他人代做,已经 呈现类同,按 0 分照料。

更多案例

凤凰平台ph158华为云 WeLink 暗藏黑科技?

动作更懂企业的智能作事平台,华为云WeLink目前有 600 众个自研We码,每月2000W 次操纵,不但撑持华为环球 170 众个邦度,1023 个办公地方,19 万员工高效运营。同时...

网页美工设计说明书

网页美工打算仿单_合同条约_外格/模板_适用文档。网页美工与广告 打算仿单 打算标题:歪歪蛋创意生存网站美工的打算与竣工 姓 名: 王丹 学 号: 班...

2021中国高校生肖设计大赛作品征集启动

牛,我邦十二生肖之一,属丑。它天性温和、勤勤劳恳、耐劳耐劳、甘于贡献,颇有厚德载物的标记意思。 它是人类最早驯养的动物之一,是邦民耕地、负...

友情链接:

Copyright © 2002-2019 凤凰平台ph158网络设计有限公司 版权所有 | 网站地图