网站美工设计师认证模拟练习题(二)

第一篇：网站美工设计师认证模拟练习题(二)

IPTC：本套模拟练习题仅作为考试复习的参考。

网站美工设计师认证模拟练习题

（二）一、单选题

1.文本被做成超链接后，鼠标移到文本，光标会变成什么形状（）

A.手形 B.十字形 C.向右的箭头 D.没变化

2.下面关于超链接说法错误的是（）A.超链接包括超文本链接和超媒体链接两大类 B.超文本链接可以链接所有类型的文件

C.超媒体链接只能链接各类多媒体文件 D.超链接不仅可以用于网页，还可以用于其他各类文档 3.下面哪些不属于网页的多媒体元素（）

A.音频 B.视频 C.动画 D.图片 4.下列关于Html标记不正确的是d A.a标记 用来标记超级链接 B.img标记 用来插入图片

C.table标记 用来插入表格 D.table 标记 用来插入框架网页 5.在网站设计中可以直接插入以下内容

a)图片

B）动画

C）超级链接

D）以上都可以直接插入 6.在Photoshop中，给对象填充背景色和前景色的快捷键分别是（）

A.CTRL+DEL ALT+DEL B.ALT+DEL CTRL+DEL C.SHIFT+DEL CTRL+ENTER D.CTRL+ENTER SHIFT+DEL 7.在网站美工设计中，关于网络广告的尺寸规格，第一次规范标准中全尺寸的BANNER是：

A.468×60 B.392×72 C.234×60 D.125×125 8.在网站设计中，下列哪一个属性表示表格中的单元格间距：

A.width B.cellspacing C.cellspadding D.border 9.在网站设计中，表格嵌套实际上是用到了表格的哪种属性？

A.表格在页面中的对齐方式 B.表格的边框 C.表格的宽与高

D.表格内的文字对齐方式 10.在网站设计中，下列哪个操作对库不能实现

A.在资源管理器面板中创建库

IPTC－版本所有

Page 1 of 5 IPTC：本套模拟练习题仅作为考试复习的参考。

B.在资源管理器面板中对已创建的库进行修改和删除

C.只要在资源管理器面板中对库进行删除，那么在页面中引用的库也会被删除 D.只要在资源管理器面板中对库进行修改，那么在页面中引用的库也会发生相同的变化。

二、多选题

1.在网站设计中，网页框架设计为区域划分时分为哪几个部分？

A.B.C.顶部区 底部区 导航区

D.一区，二区，三区 2.在网站美工设计中，如果我们将静态页面设计成不规则框架结构，则有可以选择以下哪几种方法？

A.无框架式的整张图片设计 B.C.页面横向很长，需要滚动条的网页 把这三种框架揉合运用 D.多变化Flash页面设计

3.在网站美工设计中，网页制作中常用的按钮效果有: A.简洁按钮 B.C.D.水晶按钮 迷你按钮 塑料按钮 4.在Photoshop中,可以新建文档的操作有: A.文件菜单中选择新建 B.启动应用程序后的欢迎窗口中

C.D.快捷键:CTRL+N 按CTRL键的同时,在界面中的灰色区域双击 5.下列关于网站整体形象规划说法正确的是：

A.想要让网站有一见倾心的效果，首先要页面颜色协调，没有给人刺眼的感觉； B.其次要看网站上的内容是否易于阅读； C.D.图片设计是否合理 页面中的“动”、“静”元素结合是否适度 6.下列有关网站字体设计说法不正确的是：

A.排版时要注意：大标题、小内文；粗标题、细内文； B.C.页面中字体与背景的颜色对比度要大； 字体大小可随意设置；

D.全文排版要有层次，不可混乱 7.在Photoshop中，下列哪些选项属于“图层样式”：

A.颜色叠加 B.C.D.斜面与浮雕 内阴影 外发光 8.在网站美工设计中，网页中常见的装饰边线有哪些类型？

A.虚线 IPTC－版本所有

Page 2 of 5 IPTC：本套模拟练习题仅作为考试复习的参考。

B.C.D.内嵌线条 斜纹线条 交叉线条 9.背景图像分为哪几种：

A.单色背景 B.C.D.渐变色背景 位图背景 纹理背景 10.在网站美工设计中，既要不违反原设计意图，也要保证图片清晰的情况下，我们应该从哪些方面优化网页？

A.B.C.D.把大的背景分割，不需要的部分省去，另一部分可换成表格背景，分开插入页面。注意到页面的长度，考虑好是否可重复使用图片，以及是否以x、y轴重复图片； 单色的，可以使用表格背景填充。有文字的，不做在图片里 花色最好是横向重复的或者是水平线形花纹，在一定程度上解决分辨率问题

三、判断题

1.在网站制作时，一般顶部的区域有高度的限制，而底部区域是没有限制的。

A.对 B.错

2.在网站区域划分时，有顶部，底部，一区，二区和三区，这五部分缺一不可。

A.B.对

错 3.在“新建CSS样式”对话框中,选择“只对当前文档”选项,表示即可在当前文件用,也可在当前站点内的其他文件中引用.A.对 B.错 4.CSS样式定义对话框中【区块】设置是对某区域内文本的各种空隙大小的设置。

A.对 B.错

5.Dreamweaver中，表格与层可以互相转换。（）

A.对 B.错

6.Dreamweaver中，可以通过菜单插入一条垂直的竖线。（）

A.B.对

错 7.Dreamweaver中，模板文件后缀名是dwt。（）

A.对 B.错

8.Dreamweaver中网站的首页文件的扩展名只可以是html或htm。

A.对

B.错 9.HTML表格在默认情况下没有边框。（）

A.对 B.错 10.WWW是World Wide Web的缩写，也可简写为Web，中文叫做万维网或因特网。（）

IPTC－版本所有

Page 3 of 5 IPTC：本套模拟练习题仅作为考试复习的参考。

A.对 B.错

四、操作题

1、CSS样式的使用

1)制作文章页或诗词页（内容自定），设置页面属性：

（1）新建或打开网页，设置页面默认字体。（2）设置页面上边距为0、左边距为10。

（3）设置页面背景图片，图片选材符合文章（或诗词）类型的网站特点 2)创建自定义的CSS样式

（1）创建自定义的CSS样式(存放在CSS样式表文件中)——标题

1、标题2等，使用类型面板设计字体样式，并应用到当前网页中。

（2）创建自定义的CSS样式“正文”，字体大小为10点数，字体幼圆；行高为1.8倍行高，缩进2个字，并应用到当前网页中。

3)使用CSS样式中的过滤器

（1）新建一个图片网页，使用表格布局后插入图片，图片内容自选。

（2）新建样式，仅应用该文档，设置Alpha透明度为50%(在扩展面板的滤镜下拉列表框中设置Alpha(Opacity=50)（3）新建一个样式invert，仅应用该文档，(在扩展面板的滤镜下拉列表框中选择invert)（4）建立样式gray，FlipH，Xray，（5）对图片后分别设置以上新建的样式后在浏览器中查看效果。

2、网站设计

请完成网站美工效果图的设计与制作（若图片不能正确显示，请点击链接下载到本机），IPTC－版本所有

Page 4 of 5 IPTC：本套模拟练习题仅作为考试复习的参考。

考点4：图片的切入要自然

考点1：两个角部设计

考点2：文字布局

考点3：底纹与透明度设计

要求：

1)在Photoshop中设计网站主页，注意整个网络布局及色彩搭配，保留制作图层，以“广告公司网站.PSD”格式保存。

2)完成“考试点

1、考试点

2、考试点

3、考试点4”四个考试点的制作，如网站效果图中所示，要求与效果图基本一致。

3)将该网站效果图在Dreamweaver中实现，主面名为Index.htm，并至少完成“在线订单”页面的链接

4)使用表单完成“在线订单”页面制作，内容自拟，但整体风格美工，要符合主页面网格，保存文件名为Order.htm。

考生提示：将你的答案文件以“校名_班级_学号_姓名_作品名称.rar”格式保存，并上传到考试系统指定的位置。对于大于50M的文件，请分块压缩上传。

IPTC－版本所有

Page 5 of 5

第二篇：网站美工设计师认证模拟练习题(二)

IPTC：本套模拟练习题仅作为考试复习的参考。

网站美工设计师认证模拟练习题

（二）一、单选题

1.文本被做成超链接后，鼠标移到文本，光标会变成什么形状（）

A.手形B.十字形C.向右的箭头D.没变化

2.下面关于超链接说法错误的是（）

A.超链接包括超文本链接和超媒体链接两大类

B.超文本链接可以链接所有类型的文件

C.超媒体链接只能链接各类多媒体文件

D.超链接不仅可以用于网页，还可以用于其他各类文档

3.下面哪些不属于网页的多媒体元素（）

A.音频B.视频C.动画D.图片

4.下列关于Html标记不正确的是d

A.a标记 用来标记超级链接

B.img标记 用来插入图片

C.table标记 用来插入表格

D.table 标记 用来插入框架网页

5.在网站设计中可以直接插入以下内容

a)图片B）动画C）超级链接D）以上都可以直接插入

6.在Photoshop中，给对象填充背景色和前景色的快捷键分别是（）

A.CTRL+DELALT+DEL

B.ALT+DELCTRL+DEL

C.SHIFT+DELCTRL+ENTER

D.CTRL+ENTERSHIFT+DEL

7.在网站美工设计中，关于网络广告的尺寸规格，第一次规范标准中全尺寸的BANNER是：

A.468×60

B.392×72

C.234×60

D.125×125

8.在网站设计中，下列哪一个属性表示表格中的单元格间距：

A.width

B.cellspacing

C.cellspadding

D.border

9.在网站设计中，表格嵌套实际上是用到了表格的哪种属性？

A.表格在页面中的对齐方式

B.表格的边框

C.表格的宽与高

D.表格内的文字对齐方式

10.在网站设计中，下列哪个操作对库不能实现

A.在资源管理器面板中创建库

IPTC－版本所有Page 1 of 5

B.在资源管理器面板中对已创建的库进行修改和删除

C.只要在资源管理器面板中对库进行删除，那么在页面中引用的库也会被删除

D.只要在资源管理器面板中对库进行修改，那么在页面中引用的库也会发生相同的变

化。

二、多选题

1.在网站设计中，网页框架设计为区域划分时分为哪几个部分？

A.顶部区

B.底部区

C.导航区

D.一区，二区，三区

2.在网站美工设计中，如果我们将静态页面设计成不规则框架结构，则有可以选择以下哪

几种方法？

A.无框架式的整张图片设计

B.页面横向很长，需要滚动条的网页

C.把这三种框架揉合运用

D.多变化Flash页面设计

3.在网站美工设计中，网页制作中常用的按钮效果有:

A.简洁按钮

B.水晶按钮

C.迷你按钮

D.塑料按钮

4.在Photoshop中,可以新建文档的操作有:

A.文件菜单中选择新建

B.启动应用程序后的欢迎窗口中

C.快捷键:CTRL+N

D.按CTRL键的同时,在界面中的灰色区域双击

5.下列关于网站整体形象规划说法正确的是：

A.想要让网站有一见倾心的效果，首先要页面颜色协调，没有给人刺眼的感觉；

B.其次要看网站上的内容是否易于阅读；

C.图片设计是否合理

D.页面中的“动”、“静”元素结合是否适度

6.下列有关网站字体设计说法不正确的是：

A.排版时要注意：大标题、小内文；粗标题、细内文；

B.页面中字体与背景的颜色对比度要大；

C.字体大小可随意设置；

D.全文排版要有层次，不可混乱

7.在Photoshop中，下列哪些选项属于“图层样式”：

A.颜色叠加

B.斜面与浮雕

C.内阴影

D.外发光

8.在网站美工设计中，网页中常见的装饰边线有哪些类型？

A.虚线

B.C.D.内嵌线条 斜纹线条 交叉线条

9.背景图像分为哪几种：

A.单色背景

B.渐变色背景

C.位图背景

D.纹理背景

10.在网站美工设计中，既要不违反原设计意图，也要保证图片清晰的情况下，我们应该从

哪些方面优化网页？

A.把大的背景分割，不需要的部分省去，另一部分可换成表格背景，分开插入页面。

B.注意到页面的长度，考虑好是否可重复使用图片，以及是否以x、y轴重复图片；

C.单色的，可以使用表格背景填充。有文字的，不做在图片里

D.花色最好是横向重复的或者是水平线形花纹，在一定程度上解决分辨率问题

三、判断题

1.在网站制作时，一般顶部的区域有高度的限制，而底部区域是没有限制的。

A.对

B.错

2.在网站区域划分时，有顶部，底部，一区，二区和三区，这五部分缺一不可。

A.对

B.错

3.在“新建CSS样式”对话框中,选择“只对当前文档”选项,表示即可在当前文件用,也可在当前站点内的其他文件中引用.A.对

B.错

4.CSS样式定义对话框中【区块】设置是对某区域内文本的各种空隙大小的设置。

A.对

B.错

5.Dreamweaver中，表格与层可以互相转换。（）

A.对

B.错

6.Dreamweaver中，可以通过菜单插入一条垂直的竖线。（）

A.对

B.错

7.Dreamweaver中，模板文件后缀名是dwt。（）

A.对

B.错

8.Dreamweaver中网站的首页文件的扩展名只可以是html或htm。

A.对

B.错

9.HTML表格在默认情况下没有边框。（）

A.对

B.错

10.WWW是World Wide Web的缩写，也可简写为Web，中文叫做万维网或因特网。（）

A.对

B.错

四、操作题

1、CSS样式的使用

1)制作文章页或诗词页（内容自定），设置页面属性：

（1）新建或打开网页，设置页面默认字体。

（2）设置页面上边距为0、左边距为10。

（3）设置页面背景图片，图片选材符合文章（或诗词）类型的网站特点

2)创建自定义的CSS样式

（1）创建自定义的CSS样式(存放在CSS样式表文件中)——标题

1、标题2等，使用

类型面板设计字体样式，并应用到当前网页中。

（2）创建自定义的CSS样式“正文”，字体大小为10点数，字体幼圆；行高为1.8

倍行高，缩进2个字，并应用到当前网页中。

3)使用CSS样式中的过滤器

（1）新建一个图片网页，使用表格布局后插入图片，图片内容自选。

（2）新建样式，仅应用该文档，设置Alpha透明度为50%(在扩展面板的滤镜下拉列表框

中设置Alpha(Opacity=50)

（3）新建一个样式invert，仅应用该文档，(在扩展面板的滤镜下拉列表框中选择

invert)

（4）建立样式gray，FlipH，Xray，（5）对图片后分别设置以上新建的样式后在浏览器中查看效果。

2、网站设计

请完成网站美工效果图的设计与制作（若图片不能正确显示，请点击链接下载到本机），考点4：图片的切入要自然

考点1：两个角部设计 考点2：文字布局

考点3：底纹与透明度设计

要求：

1)在Photoshop中设计网站主页，注意整个网络布局及色彩搭配，保留制作图层，以

“广告公司网站.PSD”格式保存。

2)完成“考试点

1、考试点

2、考试点

3、考试点4”四个考试点的制作，如网站效果

图中所示，要求与效果图基本一致。

3)将该网站效果图在Dreamweaver中实现，主面名为Index.htm，并至少完成“在线

订单”页面的链接

4)使用表单完成“在线订单”页面制作，内容自拟，但整体风格美工，要符合主页面

网格，保存文件名为Order.htm。

考生提示：将你的答案文件以“校名_班级_学号_姓名_作品名称.rar”格式保存，并上传到考试系统指定的位置。对于大于50M的文件，请分块压缩上传。

第三篇：美工设计师岗位职责归纳

美工设计师岗位职责归纳

1、负责公司网站店面整体形象设计、网店风格及商品展示设计;

2、首页广告图片制作及美化、整体布局、活动广告和相关图片的制作;

3、页面设计排版及宣传版面设计;

4、定期更新促销图片及页面、配合店铺促销活动、美化修改产品页面及定期更新店铺主页;

5、对店铺进行视觉优化设计;

美工设计师岗位职责篇2

1.负责线上店铺、网站的美工设计，图片处理;

2.负责每款商品的设计和美化，包括制作详情页、活动推广图、海报等设计;

3.能独立完成线上店铺的主页美化，制作促销、描述模板，根据公司产品上架情况和促销信息制作推广图，对拍摄后的产品图进行调色、美化处理等;

4.站在用户角度去思考，提高店铺的点击率，优化设计;能够挖掘消费者的浏览习惯和点击需求;

美工设计师岗位职责篇31、会拍照和产品精修，熟悉美妆产品精修的优先录用(玻璃制品以及不锈钢产品为主)

2、熟练使用Photoshop、CorelDRAW、Flash、fireworks、Dreamweaver等常用设计制作软件

3、基本的工作内容是

产品图片拍摄和图片精修以及版面的一些设计，精修和设计为主;

4、能独立完成产品的拍摄以及后期的精细修图。产品详情页设计，海报banner设计;

5、良好的审美观与色彩感，爱好浏览一些杂志和国内外设计网站以及时尚平台等，例如vogue;

6、善于交流，工作细致耐心，责任心强，有要求精益求精的心态。有独立思考的能力和较强的学习接收能力;

美工设计师岗位职责篇41、负责亚马逊等电商平台的店铺页面及详情页设计;

2、对新产品进行拍摄，排版及美化产品图片，结合商品的特性制作成图文并茂、有美感、有吸引购买力的详情图;

3、根据运营需求提出的设计方案，定期更新各店铺促销图片、促销活动的美化处理工作，保证设计品质;

4、具有独特的视觉及创造力、独到的创意观点、较强的创意设计表达能力;

5、完成上级领导交办的其他相关工作。

美工设计师岗位职责篇51、负责产品包装结构设计,包装唛头、说明书的创意设计工作，能主动从创新，节省成本，适销的角度去设计.2、亚马逊产品图片修改和A+页面，提升公司各品牌视觉形象;

美工设计师岗位职责篇61、负责公司日常宣传、策划设计工作。

2、负责公司页面创意设计，产品拍摄、各类图片视频处理，把控整体风格。

3、协助其他部门人员对设计及美学方面的工作顺利完成。

4、完成领导交代的相关事宜。

5、协助拍摄短视频。

美工设计师岗位职责篇71、负责产品和品牌的详情页面、活动页面、海报、宣传页等设计，突出品牌形象和产品卖点，提高店铺流量和转化率;

2、负责公司网站主页美化，制作促销、描述模板，根据公司产品的上架情况和促销信息自主制作促销广告位，对拍摄后的产品图进行校色、美化处理;

3、负责公司产品拍摄，产品图片后期处理、美化及维护等工作;

4、能独立完成淘宝天猫/阿里巴巴/拼多多的活动图、促销图，能精修产品。

第四篇：网站美工作业

网站美工设计基础形成性考核册

学生姓名：

学生班级：

学生学号：

年

月

实训1 对21世纪网页设计的审美转达的认识

实训目的

提高学生对网页设计的认识，加深理解网站在当今社会的重要地位。实训内容

完成2000字左右的文字稿。

实训要求

教师指导1学时，学生课后自学8学时或以上。实 训 过 程 记 录

步骤简述：

网页把各种信息以最快捷、方便的方式传达给受众。人们对美的追求是不断深入的，网页设计同样如此。网页不光是把各种东西放上去，能看就行，这是远远不够的！要考虑如何受众能更多的和更有效率的接收网页上的信息，从而使他们对给网站留下很好的印象，那就更能促进自己网站的运作。在这种标准的要求下，逐步产生了审美的需求。这需要从审美的方面入手，结合使用方便的要求，就能制作出清晰、整体性好的页面。使人浏览起来心情愉快，接收信息也会更加容易。同时提升网站的形象。

运用一些平面设计中美的基本形式到网页中去就能是网页更加富有美感，例如将平面设计中的节奏与韵律和骨格的形式溶入到网页中，这样会使内容繁多的页面更加有条理，也会是人浏览起来主次分明。当然这种美首先建立在页面的内容充实，而且实用，一个内容空洞无物的网页既使做得再漂亮也不会吸引人，顶多赢得几声赞叹，没有任何的用处。没有实用性的东西是不会具有生命力的。要想将页面做的更漂亮，就要求设计师要用较好的审美方面的素质，同时要有丰富的平面设计的经验。这样才能在设计时驾轻就熟。

在满足了基本的功能的要求之后，为了突出自己的特色，突出自己的优势，必须从审美上入手。而目前很多国内网站的现状是什么样子的呢？经常上网的网友可能会有所体会。目前的网页存在着诸多的不足，以下简单的分析一下，希望能从中得到一些启示。随后我们再为大家介绍一些网页设计的审美法则。

第一个可以用一个字来形容，那就是“塞”。

第二也可用一个字“花”来形容。

第三个现在网页设计中的误区就是千篇一律，缺乏自己的特色。

还有一类站点的网页是一种纯技术化的网页。

综合以上的分析，可以找出很多目前网页设计上设计的不足，特别是审美上的不足，照顾网页功能上的需要的前提下，需要有针对性的采用一些美的形式。来使网页做得更加有生气，更吸引人。

那么加入美的因素，也要遵循一定的形式美法则。这种美的形式有很多种，合理的利用，可以给网页增光添彩。赏心悦目。是受众浏览起来更加有效率，有力的提升网站的形象。下面逐一分析这些美的形式，并考虑如何将它们融入到网页之中，以解决以上遇到的很多网页设计上的审美不足的问题。

从古至今，很多艺术家和学者提出了各种关于形式美的规律，很多经得起推敲的作品都是遵循这些规律去创作，以期完成其审美价值的。因此，在网页设计过程中，设计者必须去研究，掌握并主动地、有意识的运用这些规律，才能创作出好的作品。当然，不同时代有不同的设计审美观念，也有不同的美学特征。在信息特别发达的今天，竞争日趋激烈，给人们带来了新的审美需求，对于网页设计，客观上将其推向了更高层的表现境界，这是网页设计的必然趋势。去追求一种和谐的单纯，即追求清晰的视觉冲击力和巨大的张力，我们应该把“变化和统一、条理与反复、对比和调和、均齐与平衡、节奏与韵律”等美的形式规律同现代的网页设计的具体问题相结合起来。

如何解决网页中的独特性的问题呢?我想这不仅仅是审美的形式问题,主要要站在网站本身的高点上来考虑，综合自身的整体形象，如网站的标志、标准字体、标准色等等，因为这些方面就是自己与众不同之处，如果将这些经独特设计的关于自身经营理念的东西融合到网页设计中去，怎会与人雷同呢？随便打个比方，假如运用自己的网站的标准色作为网页的基调，不光是能做到独特，而且对于网站本身的形象是很有好处的，就如我们经常见到的IBM的蓝，可口可乐的红白两色。这都是苦心的营造的企业形象的重要组成部分。网站要想树立自己的独特的形象，必须从这些方面入手，把网页上的各种信息的表达统一到网站综合形象的整体里面来考虑。就会给人留下深刻的独特的形象。

作为形式美的法则，随着时代的不同而不断发展进步，特别在生活节奏如次快的互联网时代，由于追求的目标的变化，人们的审美观念也在不断的变化，但是美的本质是一样的，同时随着技术的发展，很多的目前不容易实现的审美形式也逐渐被克服，突破带宽的瓶颈。就会给网页设计的自如发展一片新的天地。我们对美的追求是永不停止的，作为设计师，也要不断的提高自己的素质，才能做出更好的富于美感的网页来。实训日期：

实训2 网页与平面构成、色彩、版面设计的关系 实训目的

提高学生对色彩的认识。加深对色彩在现实生活中重要性的理解。实训内容

谈网页与平面构成、色彩、版面设计关系的理解和认识。完成2000字左右的文字稿。实训要求

教师指导1学时，学生课后自学8学时或以上。实 训 过 程 记 录 步骤简述：

网页的平面构成,就是一种造型概念,也是现代造型设计语言.其中含义就是将 点 线 面 色 等各种单元组成一个新的单元,并赋予视觉化的、力学的概念。其中，立体构成是厚度造型，平面构成是以轮廓造型，是将不同的基本形态按一定的规则在平面上组合图案。

平面构成元素，包括概念元素、视觉元素和关系元素，是指造型之前，仅在意念中感觉到的点、线、面、体的概念，其作用是促使视觉元素的形成。视觉元素，是把概念元素见之于画面，是通过看得见的形状大小 色彩 位置 方向 肌理等被称为基本形的具体形象加以体现的。关系元素，是指视觉元素（即基本形）的组合形式，是通过框架、骨骼以及空间 空心 虚实 有无等因素决定的；其中最主要的因素是骨骼，是可见的，其他如空间，则是以感觉去体现。

平面构成的框架 一切用于平面构成中的可见的视觉元素，通称形象，基本形态即是最基本 的形象；限制和管辖基本形在平面构成中的各种不同的编排，即是骨骼。基本形有“正”有“负”，构成中亦可互相转化；基本形相遇时，又可以产生分离 接触 复叠 透叠 联合 减缺 差叠 重合等几种关系。骨骼可以分为：视觉上起作用的有作用骨骼和在视觉上不起作用的无作用骨骼，以及有规律性骨骼（即重复近似 渐变 发射等骨骼）和非规律性骨骼（密集 对比等骨骼）。基本形与骨骼的上述这些特性，将相互影响 互相制约 互相作用而构成千变万化的构成图案。

实训日期：

阶段性考核一 考核内容

网页与平面构成、色彩、版面设计的关系（2000字左右文字稿）考

核 过 程 记 录

步骤简述：

上面是平面构成的简单概念和介绍但是平面设计中除了平面构成以外还有另外一个不可或缺的理论知识，就是色彩构成，色彩构成也是平面设计的必须基本知识之一，其实配色方面也是很多人的问题，有人会认为色彩的话只要自己觉得舒服就好了，我个人觉得舒服其实只是感觉中的一种，而色彩可以传达的不单单是让人舒服而已，简单来说色彩是一种语言是一种信息 是一种可以通过眼睛传达到人脑中直接刺激人的大脑而对作品产生的一种对作品的共鸣。

色彩有冷暖 有远近有大小 甚至是可以直接传达信号给观看者。就象是埃及的图腾中红色就是太阳，生活中紫色的花朵看了就有给人一种幸福的感觉，土黄色一看就很古典等等等~~

但同时在色彩构成中不同的行业对色彩运用也有不同的感受，还有就是不同的行业对色彩使用的要求也有不同想网页设计和书报设计是不同的，网页设计在网页上的色彩除了符合自己风格以外还有就是不用考虑印刷方面的问题。因为在书报设计中要考虑印刷方法，和印刷出来的效果。

色彩是很微妙的东西，它们本身的独特表现力可以用来产生出一种刺激人们大脑中对某种形式存在的物体的共鸣，展现出其对待生活中的新的看法与态度，扩大了我们创作的想象空间，赋予了创作的新的不定性。

其实在一个具体的设计稿样上，形态的组织 色彩的构成等都是为了获得一种整体的视觉效果，在我们抛开其他形态组织不谈，先简单的分歧一下设计稿件上在色彩上如何是形成一个同意和谐的整体的。

网页的版面构成肩负着双重使命：一是作为信息发布的重要媒介，二是它要让读者通过版面的阅读产生美的遐想与共鸣，让设计者的观点与涵养能进入读者的心灵。

以往的媒体如报刊，只有文字和图片而没有声音；广播只有声音却没有文字和图像；电视是拥有声音、图像、文字的媒体，但观者只有被动地接受，而不能自由地有选择地观看，也不能进一步查看详细资料，只有网页可以做到上述的一切，观者的自由度像报纸一样，可自由选择喜爱的内容，同时又可以听、看更多的声音和视频信息，以对被查看事物有更全面的了解。这种利用图像、音效和动画的版面构成形式，必将使媒体视觉传播策略更加深入。版面构成离不开艺术表现。美的形式原理是规范形式美感的基本法则。它是通过重复与交错、节奏与韵律、对称与均衡、对比与调和、比例与适度、变异与秩序、虚实与留白、力场与网格、变化与统一等形式美构成法则来规划一个网页版面。用最简单的一句话来表达，构成就是将造型按视觉效应、视觉力学和精神力学等原则组 成的，具备美好形态的造型。构成形式里，有空间构成（平面构成和立体构成）和时间构成（静和动）。在网页的创作，就是

要协调这里面的种种关系，顺应视觉感受，才能够打动观看者的视觉，得到想要的效果。版面构成实际上就是如何运用好点、线、面。不管版面的内容与形式如何复杂，但最终可以简化到点、线、面上来。网页页面中所有要素都可以归纳为点、线、面：一个字母、一个页码数、可以理解为一个点；一行文字、一行空白，均可以理解为一条线；数行文字与一片空白，则可以理解为面。它们之间互相依存，相互作用，组合出页面中各种各样的形态，构建成一个个千变万化的全新页面。对于网页的版面构成，在设计上虽然可以借助电脑设计软件中的一些特殊技法使其丰富多样而又简洁明了，但归根究底是为了让文字和内容更有可读性，让栏目划分更富于节奏感，是为内容服务的，所以如果当两者相矛盾时，应该让版面构成服从内容。页面是让浏览者阅读和理解的，让浏览者在视觉上感到愉快，思维上保持清晰就是版面构成中视觉表达的最精华概括。

除了以上的构成关系，还应注意网站的内容，人性化的布局。网站的包装绝不是从某单方面就可以解决的。一个受欢迎的网站，必将是一个给人印象深刻，在各方面都设计合理的网站。

考核成绩（满分10分）：

指导教师签名：

考核日期：

实训3 重复、渐变、发射的构成练习

实训目的

反复调整三个基本构成的骨架结构和设计效果，通过动手实践，体会手绘的感觉。实训内容

分别作重复、渐变、发射三个构成的练习。实训要求

手绘。（30CM×30CM）在白卡纸上（黑白稿）作涂色练习。教师指导3学时或以上。学生课后练习40以上学时。（选2种或2种以上形式进行综合练习）实 训 过 程 记 录 步骤简述：

1、准备工具（卡纸、水粉颜料、水粉笔、铅笔、尺子等）；

2、寻找参考资料和设计草图；

3、确定草图，用铅笔画构成练习的骨格；

4、用针笔过稿，上墨，修图，装裱完成。实训日期：

实训4 特异、肌理、图与底、对比、韵律等平面构成的练习实训目的

通过动手实践，体会手绘的感觉及学习手绘的技法。实训内容

分别作特异、肌理、图与底、对比、韵律等构成的练习。实训要求

手绘。任选一种构成，在白卡纸（30CM×30CM）上（黑白稿）作设计练习。教师指导3学时，学生课后练习8学时或以上。实 训 过 程 记 录

步骤简述：

1、准备工具（卡纸、水粉颜料、水粉笔、铅笔、尺子等）；

2、寻找参考资料和设计草图；

3、确定草图，用铅笔画构成练习的骨格（肌理构成需拓印或用其他方法在纸张上制造肌理效果）；

4、用针笔过稿，上墨，修图，装裱完成。实训日期：

阶段性考核二 考核内容

掌握重复、渐变、发射的构成练习（选2种或2种以上形式进行综合练习）考

核 过 程 记 录

步骤简述：

1、准备工具（卡纸、水粉颜料、水粉笔、铅笔、尺子等）；

2、寻找参考资料和设计草图；

3、确定草图，用铅笔画构成练习的骨格；

4、用针笔过稿，上墨，修图，装裱完成。

考核成绩（满分10分）：

指导教师签名：

考核日期：

实训5 设计三幅平面构成 实训目的

通过动手实践，体会手绘的感觉及学习手绘的技法。实训内容

运用基本形的各种排列，自行设计三幅平面构成作品。

实训要求

有条件的地方可上机操作。教师指导3学时，学生课后练习40学时以上。（选2种或2种以上形式进行综合练习）实 训 过 程 记 录 步骤简述：

1、明确绘制平面构成作业任务；

2、准备工具（卡纸、水粉颜料、水粉笔、铅笔、尺子等）；

3、寻找参考资料和设计草图；

4、确定草图，用铅笔画构成练习的骨格；

5、用针笔过稿，根据作业要求和构思稿上墨；

6、修图，装裱完成。实训日期：

阶段性考核三 考核内容

设计三幅平面构成

（选2种或2种以上形式进行综合练习）考

核 过 程 记 录 步骤简述：

考核成绩（满分15分）：

指导教师签名：

考核日期：

实训6 绘制明度渐变卡 实训目的

学会色彩调配知识、掌握涂色以及调色方法。实训内容

绘制明度渐变卡，完成1幅在白卡纸上（30CM×30CM）的手绘作业涂色（用水粉色）

练习。

实训要求

通过学习，掌握色彩调配知识、涂色以及调色方法。教师指导1学时，学生课后8学时或以上。

实 训 过 程 记 录

步骤简述：

1、明确绘制明度渐变卡作业任务；

2、准备工具（卡纸、水粉颜料、水粉笔、铅笔、尺子等）；

3、寻找参考资料和设计草图；

4、确定草图，用铅笔画构成练习的骨格；

5、调色，根据作业要求和构思稿上颜料；

6、修图，装裱完成。实训日期：

实训7 绘制纯度渐变卡

实训目的

学会色彩调配知识、掌握涂色以及色彩调配方法。

实训内容

绘制纯度渐变卡，完成1幅在白卡纸上（30CM×30CM）的手绘作业涂色（用水粉色）练习。

实训要求

通过学习，学会色彩搭配知识、掌握涂色以及色彩调配方法。教师指导1学时，学生课后8学时或以上。实 训 过 程 记 录 步骤简述：

1、明确绘制明度渐变卡作业任务；

2、准备工具（卡纸、水粉颜料、水粉笔、铅笔、尺子等）；

3、寻找参考资料和设计草图；

4、确定草图，用铅笔画构成练习的骨格；

5、调色，根据作业要求和构思稿上颜料；

6、修图，装裱完成。

实训日期：

阶段性考核四 考核内容

绘制明度渐变卡 考

核 过 程 记 录 步骤简述：

1、明确绘制明度渐变卡作业任务；

2、准备工具（卡纸、水粉颜料、水粉笔、铅笔、尺子等）；

3、寻找参考资料和设计草图；

4、确定草图，用铅笔画构成练习的骨格；

5、调色，根据作业要求和构思稿上颜料；

6、修图，装裱完成。考核成绩（满分10分）：

指导教师签名：

考核日期：

实训8 上机完成8幅作业练习

实训目的

学会运用上机操作的方法进行色彩搭配的练习、掌握涂色以及色彩调配方法，作平面色彩构成练习。实训内容

手绘。完成8幅（30cm×30cm）的作业练习。有条件的地方可上机操作，完成8幅（16cm×16cm）的作业练习。（可选择完成）实训要求

（1）作标准色相环pccs色相环。

（2）色彩混合作间色、复色的调色混合练习（3）原色对比（4）间色对比（5）冷暖色相对比（6）明度对比（7）纯度对比

（8）色彩单项调和

（9）色彩双项调和（10）多色调和

（11）改变面积分割形状形成调和

（12）色彩与四季的联想——春、夏、秋、冬（形象任意设计）。教师指导6学时，学生课后40学时或以上。

实 训 过 程 记 录 步骤简述：

指导教师签名：

实训日期：

阶段性考核五

考核内容

上机完成8幅作业练习（可选择完成）考

核 过 程 记 录

步骤简述：

考核成绩（满分10分）：

指导教师签名：

考核日期：

实训9 网页版式设计训练

实训目的

通过对优秀网页设计的赏析，学生可以先借鉴后创新；掌握版式设计的基本流程；掌握网页版式设计的艺术手法。实训内容

设计网站主页

实训要求

1、自拟网站主题，进行网页版式设计与创意练习

2、设计2—4个网页，分析版式类型，教师指导7学时，学生课后要进行26学时以上的操作练习。

实 训 过 程 记 录

步骤简述：

实训日期：

阶段性考核六 考核内容

网页版式设计训练 考

核 过 程 记 录 步骤简述：

考核成绩（满分15分）：

指导教师签名：

考核日期：

实训10 工具箱的基本应用 实训目的

提高学生手绘各种图形的能力，创建栩栩如生的几何图形。实训内容

运用CorelDRAW软件绘制图形。

实训要求

使用CorelDRAW提供的最基本工具绘制几何图像，选择运用各种工具绘制几何对象的案例进行讲解，教师指导2学时。学生课后上机操作练习4学时以上。实 训 过 程 记 录 步骤简述：

实训日期：

实训11 对象的编辑操作

实训目的

使学生能够灵活的展现出所要表达的图形效果。实训内容

运用CorelDRAW软件对图形进行编辑操作。

实训要求

在创建了基本的对象轮廓后，使用各高级工具和命令调整对象的形状，最终获得满意的效果。教师指导1学时，学生课后要参考相关实例进行上机操作练习10学时以上。实 训 过 程 记 录 步骤简述：

实训日期：

实训12 图像的填充效果

实训目的

通过相关工具和技巧的混合运用，绘制出各种图案填充效果，使作品不仅局限于对象的简单叠加，而且具有五彩缤纷的渲染效果。实训内容

运用CorelDRAW软件对图案进行填充操作。

实训要求

熟练掌握图案填充的技巧，使学生能够绘制出彩色的图画。教师指导2学时，学生课后要参考相关实例进行上机操作练习8学时以上。实 训 过 程 记 录

步骤简述：

实训日期：

实训13 位图的应用与编辑

实训目的

学生可以不通过Photoshop，就可以直接在CorelDRAW中处理现成的素材。实训内容

运用CorelDRAW软件编辑位图。实训要求

使用滤镜对现成的图像进行处理。教师指导1学时，学生课后搜集位图素材并参考相关实例进行上机操作练习6学时以上。实 训 过 程 记 录 步骤简述：

实训日期：

实训14 运用CorelDRAW工具绘制网页 实训目的

通过本案例的练习，熟练掌握网页设计与制作的方法和技巧，能够运用美术思想来设计制作具有观赏性的网页。

实训内容

运用CorelDRAW软件绘制网页。

实训要求

1、选用3-5种颜色为网站配色，体会色调与网站主题的联系

2、网站各要素要完整

3、教师指导4学时，学生课后搜集优秀网页做参照，上机操作练习32学时以上。实 训 过 程 记 录

步骤简述：

实训日期：

阶段性考核七 考核内容

运用CorelDRAW工具绘制网页 考

核 过 程 记 录

步骤简述：

考核成绩（满分30分）：

指导教师签名：

考核日期：

《网站美工设计基础》形成性考核成绩表 阶 段 一

实训名称 学时数 阶段成绩

实训1 对21世纪网页设计的审美转达的认识 1

实训2 网页与平面构成、色彩、版面设计的关系 1

阶

段 二

实训3 重复、渐变、发射的构成练习3

实训4 特异、肌理、图与底、对比、韵律等平面构成的练习3 阶 段

三

实训5 设计三幅平面构成 3 阶 段 四

实训6 绘制明度渐变卡 1

实训7 绘制纯度渐变卡 1 阶

段

五

实训8 上机完成8幅作业练习6 阶 段

六

实训9 网页版式设计训练 7 阶 段

七

实训10 工具箱的基本应用 2

实训11 对象的编辑操作 1

实训12 图像的填充效果 2

实训13 位图的应用与编辑 1

实训14 运用CorelDRAW工具绘制网页 4

总计

教师签名：

第五篇：网站美工岗位职责

网站美工岗位职责

岗位权限：

受公司委托，行使对公司广告及旗下网站的设计、修改、美化等管理与制作权限，并承担执行公司规章制度、管理规程和工作指令的义务。

工作内容与职责：

1.负责网站页面的整体美工创意、设计和页面的实现； 2.配合网站策划及开发人员进行相应的专题页面制作； 3.负责公司平面宣传品的设计；

4．服从公司指挥，认真执行其工作指令，一切管理行为向公司负责；

5．严格遵守公司规章制度，认真履行工作职责；

6．负责公司广告、图片、动画、海报、logo及网页的设计制作上传； 7.负责公司网站活动专题的版面策划、设计以及制作上传；

8．认真做好各类信息和资料收集、整理、汇总、归档等工作，为公司旗下各项目的成功开发提供优质的素材；

9．全面主持设计工作，担纲创意核心、设计指导、效果统筹、设计沟通的任务；

10．负责公司编辑队伍的简单技能培训； 11.负责与各部门的协调工作；

12.完成公司交办的其他事务。

与上级的沟通方式：接受公司企业文化建设部部长网络管理岗位的口头和书面指导。同级沟通：与公司各部门人员的业务联系和沟通。岗位技能要求：

1.精通photoshop、coreldraw、flash、dreamweaver、div+css等；

2.具有深厚的美术功底及良好的创意构思能力，很好把握视觉色彩与网站布局，思想敏锐活跃，具有丰富的视觉创作经验和独到的审美修养；

3.具备优秀的网站整体策划、设计能力，有丰富的网页设计经验； 4.熟练处理CSS与IE6、IE7、IE8、FireFox等浏览器兼容问题 5.两年以上网页美工工作经验。其他方面：

A、在重大节日前夕，进行有关公司内外气氛装饰布置展示工作。B、各类宣传版报的资料的制作。C、网络部布置的各项工作任务。D、公司促销和公益活动的布置。

二、行为规范

1、认真按照促销内容绘制各类宣传海报及各类印刷品样稿的制作。

2、公司整体VI系统的设计要具体、详细、连续并要求有新意。要对公司内部区域熟悉了解，能够很好地利用既有格局巧妙地进行美陈设置。

3、网站各图片制作必须清晰、与网页色调搭配协调、大小比例适中；网站广告及其他图片设计必须在保证不影响网站整体美观的情况下进行。

4、活动专题的制作要求：标题醒目夺人，内容主题鲜明，重点突出，活动类专题，报名按钮突出方便。

5、设计工作保证质量，要做到图片、文字清晰，页面美观，不得敷衍了事。

6、按时完成工作任务。