网页美工设计说明书.docx

网页美工与广告 设计说明书 设计题目：歪歪蛋创意生活网站美工的设计与实现 姓 名： 王丹 学 号： 20101180124 班 级： 10 图文 指导教师： 孙俊国 完成日期： 2012 年6月18日 10级选修《网页美工与广告》卷二实践考核方案 课程名称：《网贝美工与广告》 课程编号：0704410 授课班级：10级选修 学 分：3 考核形式：实践考 课程性质：专业课 一、 考核目的 考核学生网页美工与广告设计的综合能力。 二、 考核方式、内容、要求 考核方式：以课程设计做为主要的考核方式。 考核项目：自定一个网站主题。根据该网站，用 Fireworks与Dreamveawer 设计制作成xxx网站的主页与副页及其他页面。 要求： 要有网页美工的规划与设计。 设计出网页主页与副页效果图，并根据效果图制作网站中的其他页面， 并自己设计LOGO flash广告、栏目、导航、banner、网页内容；界面设计 要美观，色彩搭配合理，有新意，超链接正确；网页中要有1个以上的Flash 动画 提交：index.png fuye.png 及网站（5张网页以上）；网页美工设计说 明书。 三、 考试说明与评分标准 2.评分标准 评分 标准 与 分值 评分标准 分值 主页美工设计 要求：美观且有创意、内容完整、导航正确、 有自己设计的 flash广告动画。 40 副页美工设计 要求：布局好，内容完整、导航正确，有1个以上的Flash 广告动画 30 设计说明书 要求：格式正确、排版规范；分析到位、 网页美工设计重点 与难点分析深刻。用 A4打印，6页以上。 30 注：网页美工的作品与网站可借鉴其它作品，但严禁复制或他 人代做，一经发现类同，按 0分处理。 执笔人： 审核人： 院长: 2012-5-5 目录 TOC \o 1-5 \h \z 一、概述 . 1 \o Current Document 选择缘由 . 1 \o Current Document 网页美工的定义 . 1 \o Current Document 网页美工的作用 . 2 \o Current Document Firework 2 \o Current Document 色彩的平衡与呼应 . 3 \o Current Document 二、网页美工的总体设计 . 3 \o Current Document 网页设计的制作流程 3 \o Current Document 网站色彩布局 . 4 \o Current Document 网站结构 . 7 \o Current Document 图片轮显的制作过程 . 7 \o Current Document 滚动图片的制作 . 8 \o Current Document 制作网页的主要内容 . 8 \o Current Document 形成网页 . 8 \o Current Document 三、美工设计总结 . 9 歪歪蛋创意生活网站美工的设计与实现 一、概述 1.1选择缘由 我用网页美工设计的网站是生活家居类的网站。 随着今年来家居业“重装饰、轻装饰”的潮流，家居设计从越来越有实用性 的作用提升到装饰性的作用，家居行业被前所未有的“激活”了 家居产业发展前景光明。首先，以居民住房、宾馆饭店、旅游交通、医疗卫 生等为代表的投资型和公共服务型消费热点，都将成为促进中国家居市场不断扩 大的因素，随着社会的不断发展、 人们生活的不断提高，人们对生活居住的要求 不仅仅是为了挡风遮雨了，还加上了时尚、好看， 这意味着人们对家居设计的商 品越来越关注了，当前中国每年有 1000万对新人结婚，因结婚产生的家居设计 的消费额将十分可观。 各类的家居设计都与我们的生活息息相关，是生活中不可或缺的一部分 ，广 阔的市场，巨大的消费群体对家居行业来说无一不是一个很好的良机。因此我选 择了做家居设计方面的网站? 1.2网页美工的定义 网页美工就是对网页的美化，网页美工要熟悉 photoshop fireworks flash 等制图软件，也要有一个非常好的视觉功底， 创意能力，才能创造出非常美观的 页面 网页美工也用css来进行美化，css可以控制html标签的元素，当我们鼠 标放在超级链接上的时候背景变色网页美工需要掌握 DIV+CSS样式；基础HTML 基础美术：素描（石膏几何体、静物写生）；色彩（色彩构成、简单色彩静 物写生） 三大构成：色彩构成、平面构成、立体构成。 Photoshop网页配色及排版设计；川ustrator 网页设计；网页设计综合、 经典网页解析。 1.3 网页美工的作用 对于制作一个网页来说。 网页