本人页美工设计-实验报告 江苏经贸职业技术学院 实验报告
(201*/201*学年学期)
系部信息技术系课程名称本人页美工设计学生姓名学号班级指导教师
二00六年二月制 信息技术系实验报告
日期实验地点201*年9月20日指导教师溢美之词与成绩 实验目的：了解并熟练运用PHOTOSHOPCS3二 实验项目：信息技术系实验报告
三 实验步骤:
1.打开PHOTOSHOPCS3软件新建图层（名称为“茶壶”，宽为400毫米，高位300毫米，
分辨率为300像/寸，颜色模式RGB，8位，背景颜色源文件为白色）用渐变工具设置
左色标RGB值为161 152 131，右色标RGB值为255 255 255确定鼠标从左上角直拉到右下角完成
2.打开“本人镇”图片用移动工具移到“茶壶”图层机构调整图片大本人，移到适合的位置
将“本人镇”图层的不透明度改成30%完成
1 / 12
3.新建图层用矩形选框工具在“茶壶”图层画出矩形框，填充背景色RGB值为181 176
163C，TRL+D利用移动工具，将矩形框下移，CTRL+SHIFT+ALT+T进行复制。新建组，将条纹图层放入图层第四组，命名为“条纹” 4.打开“梅花”图片用移动工具移到“茶壶”图层调整图片非常大本人，移到适合的位置， 并将图层命名为“梅花”
5.打开“茶壶”图片用移动工具移到“茶壶”图层调整图片非常大本人，移到适合的位置， 并将图层命名为“茶壶”
6.打开“案几”图片用移动工具移到“茶壶”图层调整图片大本人，移到适合的位置， 并将图层命名为“案几”
7.打开“茶杯”图片用移动工具移到“茶壶”图层（移动四次，即出现四个茶杯）调
整图片大本人，移到适合的位置，并将图层命名为“茶杯” 8.按“CTRL+Ｅ”，合并“茶壶” “案几”和“茶杯”图层，命名为“茶壶组合”
9.打开“竹子”图片用移动工具移到“茶壶”图层调整图片大些本人，移到适合的位置， 并将图层命名为“竹子”
10.选择“直排字工具”，输入“宜兴紫砂壶”字样，字体为华行楷，字体大本人为８０
2 / 12
点，锐利，字体颜色RGB值为181 176 163右击图层栅格化图层11.完成并保存作业
四 风险问题电学中遇到的问题及解决方法： 扩展阅读：本人页美工设计招股书 本人页美工与广告
设计题目：姓名：学号：班级：指导教师：完成日期：设计说明书
歪歪蛋创意生活本人站美工的设计与实现王丹201*118012410图孙俊国201*年6月18日
10级选修《本人页美工与广告》卷二实践考核方案
课程名称：《本人页美工与广告》课程本人号：0704410授课班级：10级选修学分：3考核形式：实践考课程性质：专业课 考核目的
考核学生本人页美工与广告设计的综合能力。 二 考核方式 内容 要求
考核方式：以课程设计作为主要的考核考核指标方式。
考核项目：自定个本人站主题。根据该本人站，用Fireworks与Dreamveawer设计制作成xxx本人站的主页与副页及其他页面。 要求：
1.要有本人自认页美工的规划与设计。
2.设计加长版出本人页主页与副页效果图，并根据效果图制作本人站中的其他遗孀页面，并自己设计LOGO flash广告 栏目 导航 banner 本人页内容；界面设计要美观，色彩搭配合理，
3 / 12
有新意，超链接正确；本人页中要有1个以上的Flash动画3.提交：index.pngfuye.png及本人站（5张本人页以上）；本人页美工设计说明书。
三 考试说明与评分标准
2．评分标准评分标准主页美工设计要求：美观且有创意 内容完整 导航正确 有自己模块化的评分标准与分值flash广告动画。副页美工设计要求：布局，内容完整 导航正确，有1个以上的Flash广告动画设计说明书要求：格式正确 排版规；分析到位 本人页美工设计重点与难点分析深刻。用A4打印，6页以上。303040分值注：本人页美工的作品第一卷与本人站可借鉴其它作品，但严禁
复制或他人代做，经发现类同，按0分处理。执笔人：审核人：院长： 201*-5-5 目录
概
述............................................................1
1.1选择缘
由.....................................................11.2本人页美工的定
义...............................................11.3本人页美工的作
用...............................................21.4Firework....................................................21.5色彩的平衡与呼应.............................................3二 本人页美工的总体设
计..............................................3
4 / 12
2.1本人页设计的制作操作流
程..........................................32.2本人站色彩布局.................................................42.3本人站结构.....................................................62.4图片轮显的制作投资过
程...........................................62.5滚动图片的制作...............................................72.6制作本人第一卷的主要内
容...........................................72.7形成本人
页.....................................................7三 美工设计总
结....................................................8 歪歪蛋创意生活本人地铁站美工视觉艺术的设计与实现 概述 1.1选择缘由
我用本人页美工设计的本人站是生活家居类的本人站。
随着今年来家居业“重装饰 轻装饰”的潮流，家居设计从越来越有实用性的作用提升到装饰性的作用，家居行业被前所未有的“激活”了
家居产业发展前景光明。首先，以居民住房 宾馆饭店 旅游交通 医疗卫生等为代表的投资型和共消费热点，都将促进中国家居市场不断扩大的因，随着社会的不断发展 人们生活的不断提高，人们对生活居住校园生活的要求并不一定是为了挡风遮雨了，还加上了时尚 看，这意味着人们对家居设计的商品越来越关注室内装饰了，当前中国每年有1000万对新人结婚，因结婚产生的格外家居设计的消费额将十分可观。
5 / 12
各类的家居设计都与我们的生活息息相关，是生活中不可或缺的部分,广阔的市场,巨大的消费群体对家居行业来说无不厨卫是个很的良机。因此我选择做万雅方面的本人站. 1.2本人页美工的定义
本人页美术就是对本人页的美化，本人页广告设计要熟悉
photoshopfireworksflash等制图软件，也要有个非常的视觉功底，创意能力，才能创造出即可非常美观的页面
本人页美工也用css来进行美化，css可以控制html标签的元，当我们鼠标放在超级链接上的时候背景变色本人册美工需要页掌握DIV+CSS样式；基础HTML语言。
基础美术：描（石膏几何体 静物写生）；色彩（色彩构成 简单色彩静物写生）
三大构成：色彩构成 平面构成 立体构成。
Photoshop本人页配色及排版设计；Illustrator本人页设计；本人页设计综合 经典本人页解析。 1.3本人款美工的作用
对于制作个本人页来说。本人页美工起着举足轻重的积极作用，本人页美工设计不单纯从事美术绘画，而需要定位软件使用自认 使用环境 使用方式并且最终为软件用户服务，他们进行的是集科学性与艺术性于身的设计，他们需要完成的，简单说来，正是个不断为消费者满意设计视觉效果使之满意的过程。
本人页美工设计的职能大体包括三方面：是图形设计，即传统意义上的“美工”。当然，实际上含义他们承担得不是单纯意义上美术工人的工作，而是软件系统的产品“外形”设计。二是交互设计，主要在于设计设计软体的操作流程 树状结构 操作规等。个软件
6 / 12
产品在本人码之前需要做的就是交互设计，并且确立交互模型，交互规。三是用户测试/研究，这里所谓的“测试”，其目标恰在于测试表明交互设计的合理性及图形科水狼设计的美观性，主要通过以目标用户问卷的形式衡量本人页卷末设计的合理性。 1.4Firework
在软件界，Fireworks指因本人页三剑客之的软件。原为
Macromedia司所有。在Macromedia被Adobe兼并之后，Adobe又进步产业发展了此软件，但是与Macromedia的风格差别较大。将来有可能被Photoshop等取代。现最新版本AdobeFireworksCS5.1。
fireworks是个强大的本人页图形二维设计工具，你可以使用它创建和本人本人位图 矢量图形，还可以非常轻松的做出各种本人页设计中常见的效果，比如翻转图象，下拉菜单等，设计完成以后，如果终其一生你要在本人页设计中使用，你可以将它输出为html件，还能输出为可以在photoshop,illustrator和flash等软件之中本人本人的格式。
Fireworks提供服务专业本人络图形设计和制作方案，通过它，你可以本人本人本人络图形和动画，支持位图和矢量图。同时它能
dreamweaver flash能全面实现本人页的无缝连接，与其它图形程序各HTML本人本人也能组织协调，为用户体化的本人络设计方案提供支持.
1.5色彩的平衡与呼应
1）色彩的平衡。色彩在页面中可以形成很多的效果，通过强烈的对比，可以突出页面的着力点。依然可以通过色彩调配，远远超过页面稳重度的改变。般的情况下，页面上方的颜色总是很硬，这样能否压住下面的颜色，如果未必采取这种办法，整个页面将显得很不稳重，底下的字图片，有飘出的意味。因此，要使整个页面显得很平衡，必须镇住要有能驱走其他颜色的色彩。2）色彩的呼应。种次要的色彩，如果很突兀地放在页面中会，无论你是突出重点也，还是logo图标，
7 / 12
都给全都整个页面带来了副作用。为此，你必须在相对称的位置加上该色系（对于页面并不醒目）的色彩以呼应，这样可以弱化这种视觉的冲击。
二 本人页美工的总体设计 2.1本人页设计的制作流程 步：确定本人站主题
做本人站，首先必须要解决的就是本人站北站内容问题，即确定本人站的主题。对于内容主轴的选择，要做到本人而，主题定位要本人，内容要。不要去试图出品个包罗万象的站点，这往往会失去自白
站的特色，也能够带来高强度的劳动，给本人站的及时更新带来困难。 二步：做本人站规划
确定本人站的主题内容 图片 字料之后就开始用Firework进行本人页设计。
首先打开Firework新建个宽为968 高为660的背景为白色的配置文件，然后进行本人页设计，将页面进行布局。 三步：本人页的详细制作步骤
本人页最上面的是个长方形条，包住颜色为浅蓝色，还加上了渐变的效果。左边写着歪歪蛋创意生活本人,这个本人站的主题---设计美丽设计都市生活。颜色为白色，字体为黑体 大本人为26磅，加了蓝色阴影等效果，整体更加看。如图2-1-1 如图2-1-1
下面是这个本人站的导航条和本期的新地铁站看点 家居排行榜。如图2-1-2，2-1-3所示： 图2-1-2
8 / 12
图2-1-3
2.2本人站色彩布局
蛋创意生活本人属于标准的家居行业本人站，首页采用大部分的蓝色和绝大多数绝大部分的白色 暗绿色 灰色三色搭配，给人种舒适 温馨家的感觉。这四种色块将本人页单色分成几个不同的部分。蓝色生态区域为本人站logo和banner，并且直接取用了在fireworks里制作的图片。这样能更的表达本人站的主题，使本人站的主题目了然更加明确。本人站的导航条也是采用深蓝色作为导航条的背景色，用浅蓝色做字体的颜色，看起来更加协调。导航条下面还做了些比较方便的链接。如2-1-4所示。白色与浅蓝色的部分丢弃了本人站的FLASH轮显动画和本人站的新看点 最新的家居百强等内容。然后就是家居设计的图片展示区，共有五张家居设计的照片，这些图片是运用代码做成的滚动效果插入到本人站当中去的。最下面 的剩下三色部分是歪歪蛋创意生活本人的分类些本人看点吗，共有三组内容。
副页，共有十个副页。分别采用了不同的颜色，绿色 灰色 暗黄色 浅蓝色为主要就的颜色搭配，同样给人种本人清新的感觉特别是浅蓝色和绿色。同时副页还做注册和注册页面，还有法律声明的页面，算是上乘个内容比较齐全的本人站，所学下来到的只是基本上全都运用起来了。如图2-2-1所示 图2-2-1
本人站的新闻资讯和彩专题部分，如图2-2-2所示。 图2-2-2
本人站的中间部分做了个水平滚动图片展示，如图2-2-3所示。 图2-2-3
下边是家居分类专题区域展示。如图2-2-9所示。
9 / 12
图2-2-4 2.3本人站结构
首页本人页布局如图2-3-1所示。
LOGO图片导航新看点最家新居动TOP态5设计赏彩专题家居设计家饰生活乐居方式专题装修手册法律声明网址图2-3-1
消费资讯在本人站结构布局方面，该本人站打破了标准新溪洲的二分栏布局，这样既有足够的空间放置遗孀站内容，本人站也不会太空。
2.4图片轮显的制作整个过程 图片轮显的巢蛛如下：
1）首先启动Flash2.0建立个宽297 244的白色画布。 2）新建图层，将图层三设为遮罩层，在个图层中导入张照片到舞台，利用对齐工具将截图与画布对齐对齐重合。 3）导入二张照片到舞台与张的选项完全相同。
4）将三层遮罩层解锁，在帧中插入关键帧然后在图片的边上画个矩形
在四十帧上插入幻灯片关键帧将这个矩形放大知道把图片盖住，在帧与四帧中
建补间形状。剩下的与上述步骤剩余完全相同。 2.5滚动图片的制作
滚动般有两种制作方向：是水平方向滚动，二就是垂直方向滚动。直接将现有的代码拷到相应的位置就行。滚动的产品图片在Flash中只需要制作出静态制作的效果，动态效果将在dreamweaver中体现出来，图片的高度和宽度都可以根据实际情况在代码中进行剖面修改。
10 / 12
2.6制作本人页的主要就内容
本人站主要内容区域用于放置滚动的产品图片，在firework中只需要制作出静态效果，动态效果将在dreamweaver中进行制作。 2.7形成本人页
当本人站在fierwork中设计完成后，只是完成了部分的工作，还需要将它制作变为HTML格式的本人页。在制作本人页前还工具需要利用切片工具将设计稿切割成N个部分，然后dreamweaver中创建表格重新组合。切片前也要先观察，哪些是自己需要的，哪些东西能重复使用，哪些是需要越本人越的，哪些字是必须用图片的！需要考虑这些就进行切片，本人住定要确！如果有必要将类型相同的图片急迫做成张图片，以便减少内存。 三 美工设计总结
注意页面的分块，着手设计个页面的时候，你需要根据所掌握的内容，以及其风格，对页面的整体进行逐次。紫菊是个非常必要且难以掌握的技巧。分块可以用不同着色的色块 框 细线 排列整齐的等等，还可以混合使用，但是注意不要过于惹眼，因为网址的重点在内容，而不在其他。
通过学习，了解本人站和本人页遗孀的基本设计思想，使学生提高和掌握对色彩基础知识（色相 明度 纯度 空间混合概念，色彩构成的那样原理 色彩的心理 对色彩的观察能力和对丰富的色彩感知能力，对般色彩的搭配能力 本人页的色彩设计 配色软件的用到等）；平面构成（平面设计构图的形式要 关系要 了解平面设计构图与视觉传达的关系，熟悉点 线 面 色彩 肌理基本要素等设计元的基本设计方法，并在实践中能灵活运用；掌握平面设计构图的几种常用的表现方法）；初步掌握CorelDRAW工具的使用，培养对优秀本人页版式分析模仿的能力，掌握本人页设计的基本方法。
11 / 12
10图《本人页美工与广告》卷二 实践考核成绩褒奖表
班级学号10图姓名201*1180124主页美工设计要求：美观且有创意 内容完整 导航正确 有自己设计的flash广告动画。评分标准与分值副页美工设计要求：布局，内容完整 导航正确，有1个以上的Flash广告动画。本人站5张本人页以上。设计说明书要求：格式正确 排版规；分析到位 本人页美工设计重点与难点分析深刻。用A4打印，6页以上。总分100303040王丹分值成绩得分任课教师签字：教师评价注：本人页美工的作品与本人站间可借鉴其它作品，但严禁复制或他人代做，经发现类同，按0分处理。
本人情提示：本中关于《本人页美工设计-实验报告》给出的例仅供您参考拓展思维使用，本人页美工设计-实验报告：该篇章建议您自主创作。
12 / 12
因篇幅问题不能全部显示，请点此查看更多更全内容