网站美工设计基础
《网站美工设计基础(专科必修)》2015期末试题及答案
《网站美工设计基础(专科必修)》2015期末试题及答案
一、单选题（每题2分，共40分）
1．关系元素是研究视觉元素在画面中如何组织、排列的元素，一般包括( )。
A．方向、位置、重心、空间 B．点、线、面
C．构图、排版、大小 D．文字、图片、色彩
2．平面构成是指视觉元素在( )的平面上，按照美的视觉效果、力学的原理进行编排和组合。
A．二次元 B．三次元
C．多次元 D．-次元
3．( )是平面构成中最基本的单位元素。
A．基本形 B．点
C．线 D．骨格
4．限制和管辖基本形在平面构成中的各种不同的编排，即是( )。
A.骨格 B．形象
C．基本形 D．中轴线
6．平时说的“万绿丛中一点红”、“鹤立鸡群”等指的是( )现象。
A.重复 B．特异
C．分割 D．自然。
网店美工视觉设计实战教程课件-第1章网店美工基础
书法体包括楷体、叶根友毛笔行 书、篆书体、隶书体、行书体和燕书 体等，书法体具有古朴秀美、历史悠 久的特征，常用于古玉、茶叶、笔墨、 书籍等古典气息浓厚的店铺中。
1.2.3 文字的应用
10
2 字体的布局技巧
字体的选用与变化 排版网店广告文案时，选择2~3种 匹配度高的字体是最佳的视觉效果。
01
主色：主色调是页面中占用面积最大，也是最受瞩目的色彩，它决定了
01
整个店铺的风格，主色调不宜过多，一般控制在1~3种颜色，过多容易 造成视觉疲劳。主色调不是随意选择的，而是系统性分析自己品牌受众
人群的心理特征，找到群体中易于接受的色彩。
02
辅助色：辅助色是指占用面积略小于主色，用于烘托主色的颜色。合理 应用辅助色能丰富页面的色彩，使页面显示更加完整、美观。
✓ 恢复默认前景色与背景色：单击 按钮可恢复默认的
前景色与背景色。
✓ 切换前景色与背景色：单击 按钮，可在前景色与背
景色之间切换。
✓ 选区填充：创建选区后，按【Ctrl+Delete】组合键可
以用背景色填充当前图形，按【Alt+Delete】组合键 可以用前景色填充当前图形。
1.3.2 图层的基本操作
20
网店美工在抠取一些规则的矩形和圆形商品时，可通过对应的选择工具快速创建选区进行抠
图，如矩形选框工具、椭圆选框工具；对于边缘为直线的规则商品，可选择多边形套索工具进行
快速抠图。下面利用多边形套索工具和椭圆选框工具抠取图中的面膜，并为其更换背景，其具体
操作步骤如下。
1
2
使用多边形套索工具绘制选区
新建白色背景图片
作步骤如下。
3
4
调整图像尺寸
网店美工基础试题及答案
网店美工基础试题及答案一、选择题（每题2分，共10分）1. 以下哪项不是网店美工的主要职责？A. 产品图片处理B. 店铺页面设计C. 客户服务D. 产品详情页设计答案：C2. 在网店美工中，以下哪种色彩模式最适合网页设计？A. CMYKB. RGBC. LABD. HSB答案：B3. 网店美工在设计产品详情页时，以下哪个元素不是必须包含的？A. 产品图片B. 产品描述C. 客户评价D. 产品价格答案：C4. 以下哪个软件不是网店美工常用的设计软件？A. PhotoshopB. IllustratorC. PremiereD. CorelDRAW答案：C5. 在网店美工设计中，以下哪项不是提升用户体验的要素？A. 清晰的导航B. 快速的加载速度C. 复杂的动画效果D. 易读的字体答案：C二、判断题（每题2分，共10分）1. 网店美工设计时，图片分辨率越高越好。
（）答案：错误2. 网店美工在设计时，应该忽略移动端的适配。
（）答案：错误3. 网店美工设计时，使用过多的颜色可以增加页面的吸引力。
（）答案：错误4. 网店美工在设计产品详情页时，应该包含详细的产品信息和清晰的图片。
（）答案：正确5. 网店美工设计时，不需要考虑搜索引擎优化（SEO）。
（）答案：错误三、简答题（每题5分，共20分）1. 简述网店美工在设计产品详情页时应注意哪些要点？答案：在设计产品详情页时，网店美工应注意以下要点：确保图片清晰且具有吸引力；提供详细的产品描述和规格；包含客户评价和问答；设计易于导航的页面布局；确保页面加载速度快；使用合适的颜色和字体以提高可读性。
2. 网店美工如何通过设计提升用户体验？答案：网店美工可以通过以下方式提升用户体验：设计简洁明了的页面布局；使用高分辨率且优化的图片；确保页面在不同设备上的适配性；提供清晰的导航和搜索功能；使用直观的按钮和链接；确保页面加载速度快；使用易读的字体和颜色。
3. 网店美工在设计时，如何考虑搜索引擎优化（SEO）？答案：网店美工在设计时，可以通过以下方式考虑搜索引擎优化：使用关键词优化的标题和描述；确保图片有适当的文件名和ALT标签；使用结构化的HTML和CSS；避免使用过多的Flash和JavaScript；确保页面有清晰的URL结构；使用内部链接提高页面间的连接。
国家开放大学电大专科《网站美工设计基础》简答题题库及答案(试卷号2492)
国家开放大学电大专科《网站美工设计基础》简答题题库及答案（试卷号2492）国家开放大学电大专科《网站美工设计基础》简答题题库及答案（试卷号：2492）盗传必究简答题1．什么是特异构成？答：当构成要素在有序的排列中有意违反秩序，使少数几个要素凸现出来，增强视觉冲击力，形成视觉焦点，以打破规律性，形成生动活泼的视觉效果时，称为特异。
2．在平面设计中，骨格的作用是什么？答：骨格是设计中基本形排列的位格依据。
骨格网有助于我们在排列基本形时作为坐标的参考，是联络基本形之间关系的桥梁和纽带，使基本形成为有规律、有秩序的构成。
有时，骨格也可以成为形象的一部分，它的变化会直接影响到整体构成布局的变化。
骨格分为规律性骨格，非规律性骨格，作用性骨格，非作用性骨格。
3.简述什么是中性混合？有哪些表现形式？答：中性混合式基于不改变色光或发光材料本身的色彩混合。
中性混合有两种主要表现形式：颜色旋转混合和空间混合。
4．简述版式设计中“对比与调和”的形式原理。
答：对比是差异性的强调，对比的因素存在于相同或相异的性质之间。
在版面设计中，缺少对比效果，就缺少活力，就不能在视觉上抓住人。
调和是指适合、舒适、安定、统一j是近似性的强调，使两者或两者以上的要素相互具有共性。
在版面设计中，假若只有对比而缺少调和，版面就会缺少秩序和安定的美感。
5．什么是费勃那齐数列？答：费勃那齐数列是一个近似黄金比的数列，也就是将黄金矩形的比值运用刭连续排列的线群上所得出的间隔构成。
6.什么是全色光？什么是复色光7答：全色光即指含有红、橙、黄、绿、蓝、紫的光线。
复色光是指含有两种以上色彩的光线，其中包括全色光线。
7．简述色彩的物质性印象。
答：对于颜色的物质性印象，大致是由冷暖两个色系产生的。
冷、暖色系是人们根据心理错觉对色彩的物理性分类。
一般来说，红光和橙、黄色光本身波长长，有温暖的感觉，以此类光照射到任何物体都会增加温暖的感觉。
冬天，我们关掉屋子里的日光灯，打开白炽灯，就会有温暖的感觉。
《网页美工》课程标准
《网页美工》课程标准课程名称：网页美工适用专业：计算机网络专业计算机应用专业1、前言1.1课程的性质《网页美工》是我校计算机网络专业网站建设方向的一门必修课程。
本课程的主要内容为介绍网页美工设计所必须掌握的基础知识和美学原理，包括颜色理论、图像设计、动画设计、字体设计及总体版式设计等；此外，还详细介绍在实际制作过程中所应用到的经典实例；以便能让学生毕业后不需要企业另外对其培训就能从事相应的网页美工和界面设计方面的工作。
本课程以《photoshop》、《flash》、《网页制作基础》等课程为基础，为后续的《中小型网站建设》等专业课程打下坚实的基础。
1.2设计思路网页的制作和美化是学校计算机网络技术专业网站建设方向的学生要求掌握的专业技能和知识。
本课程主要培养学生具有美学原理的基础知识，以及将这些基础知识应用于图像设计、动画设计、字体设计和版式设计等设计形式的基本能力。
这些能力主要用于网页界面设计和软件界面设计等平面设计及多媒体专业岗位群。
学校《网页美工》建设小组经过深入的调研，邀请面设计及多媒体设计等相关行业的专家里手做多次的专业岗位任务和职业能力分析，主要依据网页设计美工和软件界面设计等岗位群作为目标岗位来设置相应的课程内容。
本课程在教学内容的编排上，注意学生的认知规律，主要依据由浅入深的递进方式来安排学习和实训的任务。
其主要思路为：在阐述网站设计理念的基础上，将网页美工划分为网页平面构成、网页的色彩搭配、网页中的字体设计、排版与布局、网络动画、网络形象设计与广告传媒等几个部分，然后分别从网页美工的各个方面进行了详细的讲解；以便学生能够熟悉和灵活运用相关的知识。
本课程建议总学时为64学时。
2、课程目标本课程的教学目标是：以现代职业教育理念为指导，通过先进的教学手段，使学生充分掌握网页设计中平面构成、色彩搭配、字体设计、排版与布局、网络动画、形象设计与广告传媒等多个方面的理论知识并结合实例进行设计，加深对网页设计的理解，不断提高学生的艺术修养和基本技能的水平。
电商美工设计基础作业指导书
电商美工设计基础作业指导书第1章美工设计概述 (3)1.1 电商美工的定义与作用 (3)1.1.1 定义 (3)1.1.2 作用 (3)1.2 美工设计的基本原则与要求 (4)1.2.1 基本原则 (4)1.2.2 基本要求 (4)第2章设计工具的应用 (4)2.1 常用设计软件介绍 (4)2.1.1 Adobe Photoshop (4)2.1.2 Adobe Illustrator (4)2.2 Photoshop基本操作与技巧 (5)2.2.1 基本操作 (5)2.2.2 技巧 (5)2.3 Illustrator基本操作与技巧 (5)2.3.1 基本操作 (5)2.3.2 技巧 (5)第3章设计元素与构成 (6)3.1 点、线、面的运用 (6)3.1.1 点的运用 (6)3.1.2 线的运用 (6)3.1.3 面的运用 (6)3.2 形状与色彩搭配 (6)3.2.1 形状 (7)3.2.2 色彩搭配 (7)3.3 排版与布局设计 (7)3.3.1 排版设计 (7)3.3.2 布局设计 (7)第4章图片处理与优化 (7)4.1 图片拍摄与选择 (7)4.1.1 图片拍摄 (8)4.1.2 图片选择 (8)4.2 图片裁剪与修整 (8)4.2.1 图片裁剪 (8)4.2.2 图片修整 (8)4.3 图片色彩调整与特效处理 (8)4.3.1 色彩调整 (8)4.3.2 特效处理 (9)第5章电商海报设计 (9)5.1 海报设计的基本原则 (9)5.1.1 简洁明了 (9)5.1.3 突出主题 (9)5.1.4 符合品牌调性 (9)5.2 创意构思与视觉焦点 (9)5.2.1 创意构思 (9)5.2.2 视觉焦点 (9)5.3 促销活动海报设计实例 (10)第6章商品详情页设计 (10)6.1 商品详情页的重要性 (10)6.2 商品图片展示与布局 (10)6.2.1 商品主图设计 (10)6.2.2 商品详情图设计 (10)6.3 文字描述与互动元素设计 (11)6.3.1 文字描述设计 (11)6.3.2 互动元素设计 (11)第7章电商广告设计 (11)7.1 广告设计的基本原则 (11)7.1.1 突出商品特点 (11)7.1.2 创意与审美 (11)7.1.3 简洁明了 (11)7.1.4 色彩搭配合理 (12)7.1.5 字体规范 (12)7.2 不同类型广告的设计要点 (12)7.2.1 图片广告 (12)7.2.2 动态广告 (12)7.2.3 视频广告 (12)7.2.4 互动广告 (12)7.3 广告创意与视觉传达 (12)7.3.1 创意构思 (12)7.3.2 视觉元素运用 (12)7.3.3 视觉传达效果 (12)第8章电商视觉营销策略 (13)8.1 视觉营销的概念与作用 (13)8.2 视觉营销的关键要素 (13)8.3 电商活动策划与实施 (13)第9章交互设计在电商中的应用 (14)9.1 交互设计的概念与原则 (14)9.1.1 概念 (14)9.1.2 原则 (14)9.2 电商网站导航与布局 (15)9.2.1 导航设计 (15)9.2.2 布局设计 (15)9.3 交互效果与用户体验优化 (15)9.3.1 交互效果设计 (15)第10章案例分析与实战演练 (16)10.1 电商美工设计优秀案例解析 (16)10.2 设计实战：电商海报制作 (16)10.2.1 确定海报主题 (16)10.2.2 分析目标用户 (16)10.2.3 选择合适的素材 (16)10.2.4 色彩搭配与字体设计 (16)10.2.5 版式布局与视觉焦点 (16)10.3 设计实战：商品详情页制作 (16)10.3.1 商品卖点提炼 (16)10.3.2 页面布局与视觉引导 (16)10.3.3 图片处理与优化 (16)10.3.4 交互设计与用户体验 (16)10.4 设计实战：电商广告制作与优化 (16)10.4.1 广告创意构思与视觉元素设计 (16)10.4.2 广告文案撰写与表达 (16)10.4.3 投放平台适配与优化 (16)10.4.4 广告效果监测与分析 (17)第1章美工设计概述1.1 电商美工的定义与作用1.1.1 定义电商美工是指在电子商务领域中，通过对视觉元素进行创意设计与优化处理，以提高商品展示效果、提升用户体验的一种视觉传达工作。
网页设计(美工)基本技能及职责
1、美术设计基础
① 色彩运用：色相、明度、纯度、色ቤተ መጻሕፍቲ ባይዱ心理学。
② 平面构成：构图基础，点、线、面、肌理等设计元素的基本使用。
③ 文字排版：兼顾到文字的可读性和版面的审美价值。
④ 图文处理
2、设计软件的熟练应用。
Photoshop、colordraw、AI、Dreamweaver等
③ 平面媒体：车身、报纸、广告路牌等。
3、VI设计（拓展）
视觉识别系统设计：标识、导视、企业文化布置等
3、网页设计与制作的基本常识。
二、工作内容：
1、网页设计
① 图片处理：网站内文章所需的配图、专家图片、医院形象等简单的图片处理。
② 网页设计：竞价站优化站的页面设计。
③ 广告图设计：网页内的广告图设计。
2、平面广告设计（拓展）
① 印刷类：杂志、宣传册、折页等。
② 展示类：展板、展架、展位等。
《网店美工案例教程》教学课件 第1章 电商美工设计基础
相关内容对齐、聚拢
使用对比突出原则
适当留白
排版 原则
把握节奏韵律
保持画面的和谐统一
把握画面的平衡性
1.1.3 Banner设计基础与要求
14
3. 进行Banner排版设计 在Banner排版过程中，文案与商品（模特）的排版尤为重要，一般呈现为以下几种模式。
1.1 网店装修的设计基础与要求 1.2 网店装修色彩的搭配
1.2.1 色彩搭配的原理
24
色彩是有情感的，不同的色彩会带给人不同的心里感受，具体影响如下。
红色系：红色是强有力、喜庆的色彩，具有刺激效果，容易使人产生愤怒、热情、活力等 感觉。鲜明的红色极容易吸引目光，在店铺装饰中常用于突出表现某些内容。
文案精简的主图
1.1.5 详情页设计基础与要求
19
1. 明确详情页展示的内容
在设计商品详情页模块时，首先应通过焦点图展示商品，然后将商品的卖点 描述清楚，对商品品质进行展示，并给出优惠让消费者心动，最后通过树立品牌 和服务形象，促进信任，达成交易，下面分别进行介绍。
焦点图
通过场景图或海报对 商品的特点进行展示。
商品卖点展示
增加商品竞争力， 吸引消费者。
商品品质展示
是对商品信息的详细 展示。
树立品牌和服务形象
消除消费者的疑虑和对 相应疑虑的解答。
1.1.5 详情页设计基础与要求
20
1. 明确详情页展示的内容
工艺细节展示
品质保障展示
1.1.5 详情页设计基础与要求
21
2. 确定详情页规格与风格
网页美工基础
网页美工基础【教学内容】•网页配色•素材获取•网页布局【教学目的】掌握网页配色和布局的常用方法。
【教学重、难点】•重点：网页配色原则、网页布局的类型•难点：实际的运用【教学方式】采取讲授和演示相结合的方式。
一、网页配色1.色彩基础在任何设计中，色彩对视觉的刺激起到第一信息传达的作用。
因此，在网页设计中，色彩的合理运用，能直接影响整个网页的风格，下面我们来了解色彩的基础知识：1)色彩的三要素自然界的色彩虽然各不相同，但任何色彩都具有色相、明度、饱和度这三个基本属性。
色相：色相是指色彩的相貌，是指各种颜色之间的区别，是色彩最显著的特征，是不同波长的色光被感觉的结果。
光谱中有红、橙、黄、绿、蓝、紫六种基本色光，人的眼睛可以分辨出约180种不同色相的颜色。
如图3-1-1就是一个色相环。
图3-1-1 色环饱和度：饱和度是指色彩的鲜艳程度，也称色彩的纯度。
饱和度取决于该色中含色成分和消色成分(灰色)的比例。
含色成分越大，饱和度越大；消色成分越大，饱和度越小。
明度：明度是指色彩的深浅、明暗，它决定于反射光的强度，任何色彩都存在明暗变化。
其中黄色明度最高，紫色明度最低，绿、红、蓝、橙的明度相近，为中间明度。
另外在同一色相的明度中还存在深浅的变化。
如绿色中由浅到深有粉绿、淡绿、翠绿等明度变化。
2)色彩模式RGB：人们把红(Red)、绿(Green)、蓝(Blue)这三种色光称之为“三原色光”，RGB色彩体系就是以这三种颜色为基本色的一种体系。
目前这种体系普遍应用于数码影像中，如：电视、计算机屏幕、数码相机、扫描仪等。
RGB值是从0至255之间的一个整数，不同数值叠加会产生不同的色彩。
对于单独的R或G或B而言，当数值为0时，代表这种颜色不发光；如果为255，则该颜色为最高亮度。
因此当RGB三种色光都发到最强的亮度，纯白的RGB值就为255,255,255。
屏幕上黑的RGB值是0,0,0。
R，意味着只有红色存在，且亮度最强，G和B都不发光。
网店美工面试基本知识
网店美工面试基本知识导言在互联网时代，网店成为了创业者们展示产品、销售商品的重要渠道。
而作为网店的美工，除了需要具备一定的美术功底外，还要了解网店的特点和面试中可能会涉及到的基本知识。
本文将介绍一些网店美工面试的基本知识，帮助应聘者更好地准备面试。
1. 网店设计和布局在网店中，布局和设计是非常重要的。
一个好的网店设计可以吸引顾客的注意力，提高购买率。
在面试中，应聘者可能会被要求展示自己对网店设计和布局的理解和能力。
可以从以下几个方面进行准备：•网店首页设计：首页是网店的门面，应聘者可以考虑如何设计出一个吸引人的首页，包括颜色搭配、排版、图片选择等。
•商品列表页设计：商品列表页是用户选择商品的重要界面，应聘者可以思考如何设计出一个清晰、易于搜索和选择的商品列表页。
•商品详情页设计：商品详情页需要清晰地展示商品的图片、价格、描述等信息，应聘者可以展示自己对商品详情页设计的理解和能力。
2. 图片处理和优化在网店中，产品图片的质量和美观度对于吸引顾客起着至关重要的作用。
在面试中，应聘者可能会被要求展示自己对图片处理和优化的能力。
可以从以下几个方面进行准备：•图片的尺寸和比例：应聘者需要了解不同平台的图片要求，并能够根据要求进行尺寸和比例的调整。
•图片的背景处理：应聘者需要了解如何去除或更换图片的背景，以及如何优化图片的色彩和亮度。
•图片的压缩和格式转换：应聘者需要了解如何压缩图片的大小，以及不同格式图片的优缺点。
3. 前端基础知识除了设计和图片处理外，应聘者还需要了解一些前端基础知识，以便能够更好地与开发人员进行沟通和协作。
在面试中，可能会涉及到以下基础知识：•HTML和CSS：应聘者需要了解HTML和CSS的基本语法和常用标签，以便能够进行网页布局和样式调整。
•响应式设计：应聘者需要了解响应式设计的原理和实现方式，以便能够适应不同设备的屏幕尺寸。
•JavaScript：应聘者需要了解JavaScript的基本语法和常用函数，以便能够进行一些简单的交互效果和动画效果的实现。
网店美工设计-教学教案
《网店美工设计(项目式全彩微课版)》
配套教学教案
第1讲
第2讲
第3讲
3.4.2设计理念
小结1、掌握主图的设计基础。
2、掌握直通车图的设计基础。
3、掌握钻展图的设计基础。
作业
3.4项目演练-设计居家大衣橱直通车图
本任务通过设计居家大衣橱直通车图，明确当下家居产品行业直通车图的设计风格并掌握直通车图的设计要点与制作方法。
第4讲
4.3项目演练-设计果汁饮品海报
本任务通过设计果汁饮品海报，明确当下饮品行业海报的设计风格并掌握海报的设计
要点与制作方法。
作业
第5讲
5.3项目演练-设计PC端数码产品首页
本任务通过设计PC端数码产品首页，明确当下数码产品行业PC端首页的设计风格并掌握PC端首页的设计要点与制作方法。
作业
第6讲
6.3项目演练-设计PC端运动鞋品详情页设计
本任务通过设计PC端运动鞋品详情页，明确当下鞋品行业PC端详情页的设计风格并掌握PC端详情页的设计要点与制作方法。
作业
第7讲
7.3项目演练-设计无线端数码产品首页
本任务通过设计无线端数码产品首页，明确当下数码产品行业无线端首页的设计风格并掌握无线端首页的设计要点与制作方法。
作业
第8讲
8.3项目演练-制作花艺活动宣传视频
本任务通过制作花艺活动宣传视频，明确当下花艺行业宣传视频的后期风格并掌握宣传视频的后期处理要点与后期处理方法。
作业。