网页美工设计说明书.docVIP

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