电子商务的网页设计第1篇

关键词：电子商务专业；网页设计；教学

一、《网页设计》教学现状

目前各大高校开设了《网页设计》课程的专业有电子商务、艺术设计、计算机软件、信息工程等专业，有的学校还把该课程设置成全校公选课程，但是教师上这门课时在教学方式、教学内容上几乎完全一致，没有从专业发展的角度来安排教学内容，严重影响了学生在其专业领域的发展。目前该门课程教学内容的设计有以下几种：

（一）介绍网页三剑客软件的使用

“网页三剑客”软件包括：DREAMWEAVER是一款可进行静态和动态网页制作、网站管理的所见即所得网页编辑器。FIREWORKS主要是用于网页图片的制作与处理，也可用于网页布局。FLASH主要用来制作动画。按照这种教学内容培养出来的学生往往只是熟悉软件的使用，不懂网页源代码，做出来的网页效果一般，缺乏特色，学生将来从事网页设计工作时会感觉困难重重。

（二）只介绍DREAMWEAVER软件的使用

这种教学方式比较常见，教师只讲述DREAMWEAVER软件的使用，包括：DREAMWEAVER的工作界面、文档编辑、图像与多媒体、超链接、表格、框架、CSS、模板和库、表单、行为、网站测试与。学生学习该课程后，能熟练使用软件，能用表格、框架、层来进行页面布局，懂得基本的CSS样式设置，会利用行为面板添加一定的网页特效，在网页设计完成之后，能进行网站的测试与。相比前一种，这种方式培养出来的学生网页设计基础知识更为扎实，但是相关的技术掌握太少。

（三）HTML5、CSS3、JAVASCRIPT网页设计技巧

HTML（HypertextMarkupLanguage），是用于描述网页文档的一种标记语言，HTML5是当前最新版本。CSS即层叠样式表（CascadingStyleSheet），在网页制作时采用层叠样式表技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确地控制，CSS3是CSS技术的升级版本。JAVASCRIPT一种直译式脚本语言，用来给HTML网页增加动态功能。HTML5、CSS3、JAVASCRIPT是网页设计的主流技术，是教学的重点和难点。

（四）动态网页设计

除了介绍DREAMWEAVER软件的使用外，还重点讲述后台数据库的访问，即C#语言、数据库编程。由于《网页设计》课程通常开设在大一，对于很多从来没有接触过编程和数据库的学生来说，他们会觉得特别难，容易产生抵触心理，消磨掉学习兴趣。

二、电子商务专业《网页设计》教学内容的设计

电子商务专业的培养目标是培养掌握电子商务系统开发技术和电子商务管理与应用知识和技能的高素质人才。《网页设计》是电子商务专业的一门专业必修课，是一门涉及面很广泛的学科，仅仅讲述DREAMWEAVER显然是不够的，毕竟在一个完整的网站中，除了有合理的页面布局之外，用户还希望能看到画面优美的图片、制作精美的动画作品、引人入胜的网页特效，网站设计完成之后，还需要将网站上传和定期维护。另外对于正在读大一的电子商务专业学生来说，在《网页设计》课程中讲述动态网页也不合适，超出了他们的接受程度。因此本人在给电子商务专业的学生讲课时，结合他们的专业特色，将教学内容和课时（一学期64个课时）做了如下安排：

（一）教学内容安排

1、FIREWORKS图片切片处理考虑到我校大一新生第一学期就学习了《PHOTOSHOP图片处理》，掌握了图片处理的技巧，所以图片处理部分只讲述切片和精确提取属性值，而且这部分不单独拿出来讲述，可以穿插在综合案例的DIV+CSS页面布局中。2、FLASH动画设计：10课时这部分内容是学生最感兴趣的，重点讲述动画设计的基本方法，要求学生能够设计出网页中常见的动画效果，能将动画作品成swf文件或者gif文件，并将作品添加在网页中。3、DREAMWEAVER软件使用：10课时因为学生在大一第一学期学过办公软件OFFICE，所以DREAMWEAVER软件的使用他们很容易掌握。教学目标包括：了解创建站点的方法、视图的切换、常用面板的使用；熟悉常用的html标记；能用软件建立超链接、插入图片和多媒体文件、设计表格、表单。学完这部分，学生能利用软件的菜单和工具栏完成各种类型的简单网页的设计。4、DIV+CSS页面布局：32课时这一部分是本门课程的教学重点。教学目标包括：理解DIV盒子模型、熟练掌握CSS常用样式、精通页面布局技巧，最终学生能根据效果图自如地设计出网页。5、JAVASCRIPT网页特效：10课时对大部分电子商务专业的学生来说，因为从来没有接触过程序设计，所以这部分内容对他们来说是最难掌握的。教师对他们不能提出过高的要求，以免打消他们学习的积极性。教学目标是：学生掌握JAVASCRIPT基本语法，能设计简单特效，能修改网上下载的网页特效素材，灵活运用到自己的网页中。6、网站测试与：2课时让学生掌握网站测试与的方法。

（二）教学先后顺序

通常《网页设计》课程的教学顺序是：网站基本知识、HTML、DREAMWEAVER（HTML5+CSS3+JAVASCRIPT）、FLASH、FIREWORKS。本人在讲述该课程时教学的先后顺序如上所示，原因有两点：首先符合网页设计的基本流程：先确定主题，然后准备素材，PHOTOSHOP制作网页效果图，然后用DREAMWEAVER根据效果图设计网页。常言道“巧妇难为无米之炊”，只有先把网页素材准备好了，才可以开始网页设计。其次相比DREAMWEAVER网页设计，动画设计和图片处理效果更为生动直观，更能激发学生的学习兴趣。

三、结束语

任何一门课程的教学都应该根据专业的特色来调整教学内容，培养出适应社会需求的专业性人才。上述《网页设计》课程教学内容的设计使电子商务专业学生能够扎实掌握网页设计技能，同时为后续专业课程学习奠定了良好的基础。

参考文献：

[1]陈波.网页设计教学中引入MOOC教育模式的探索[J].电脑知识与技术，2017，(11):95+125.

[2]田关伟，夏龄，周德荣，舒涛.翻转课堂模式下《网页设计》教学研究[J].科技经济市场，2017，(03):137-138.

电子商务的网页设计第2篇

随着科技的发展，网络的使用率逐年增高，网购成为了绝大多数人们日常生活中不可或缺的一部分，从而电商界面的设计开始备受关注。扁平化作为一种新的设计风格频繁的应用于各类网页界面设计之中，已然成为了时尚设计的代名词。其简约的视觉艺术与便捷的交互流程，给于了人们简洁明了的视觉感受和舒适易懂的操作体验。

扁平化设计

密斯凡德罗的“less is more”是对扁平化设计风格的最佳诠释，这种极简主义的设计风格，抛弃了拟物化设计中的一切阴影、纹理、高光、渐变等拟真的视觉修饰元素，将简洁明了的艺术语言应用到设计之中。扁平化设计中往往采用单一的纯色块和简单的图形元素进行组合设计，以达到直观易懂的界面视觉效果。所以扁平化设计的原则就是：单纯色块、色彩艳丽、抛弃特效、拒绝阴影，利用简单的设计元素与用户产生交互。扁平化风格以其新颖简便的设计美学深受设计师及社会大众的喜爱，其鲜明的设计特色让人印象深刻，记忆犹新。

扁平化设计的优势与特性

相对于追求细致逼真“隐喻”效果的拟物化设计而言，扁平化设计丝毫不掩饰其鲜明的极简主义特色，不仅能够给于用户简洁明了的视觉感受，而且能够在人机交互上带给用户舒适便捷的交互体验。为了让扁平化设计的简洁性达到极致，设计师们往往将矩形、方形、菱形等简单的纯色块与素雅的无衬字体相结合，这样既能够在保持高度交互性的前提下降低设计成本，又能保证界面的直观性及易用性。

极简主义是由具象视觉到抽象视觉的一个变化过程，扁平化设计的极简主义特性并不是一味的只做减法，去除不必要的图像与色彩让界面变得更加简单，而是从心理学、人机工程学、人类视觉原理等学科角度出发，针对轮廓的形象思维进行界面优化设计。其真正极简的宗旨在于使简化后的图像元素在视觉传达过程中让用户顺利的感知，并最终服务于便捷的人机交互体验。如此极简主义的扁平化风格在目前的电商网页界面设计之中是具备了实际应用价值的。

扁平化与电子商务结合的历史必然性

随着天猫、淘宝、京东等电子商务平台的不断兴起，人们对于电商网页视觉界面设计的需求也越来越高，但是目前许多电商网页因其复杂烦琐的视觉设计效果，无法在第一时间让用户接收到店家所要传达的讯息，也使得用户无法快速准确的挑选到自己所要购买的商品，从而遭到“选择性观看”的待遇，增加了网页跳失率。而扁平化设计以其极简主义的鲜明特点很好的弥补了这一不足，其简洁明了的视觉效果设计，不仅减轻了烦琐界面带给人的视觉疲劳，让浏览者在选择购买商品时更加便捷，而且也因其舒适简单的操作体验给人完美的互动享受，从而提高用户在网页中的停留时间、访问深度、点击率，提升转化率。所以极简主义的扁平化风格在目前的电商网页界面设计之中是具备实际应用价值的，扁平化与电子商务的相互结合并不是偶然产生的而是当今主流设计发展的必然趋势。

扁平化电商网页整体风格设计

电商网页界面设计应遵循一定的规律，符合一定的设计原则。通过对网页布局和编排的严格要求、反复推敲，使店家所要传达的信息在扁平化网页设计中展现的更加清晰合理，给于用户一个轻松愉快的视觉交互体验。

1.页面整体布局

将扁平化设计简约时尚的设计理念运用于网页整体布局之中，对店铺LOGO、Banner广告、按钮及页尾进行扁平化处理使其更加直观易懂，使客户操作更加便捷，从而提升人机交互的舒适性。注重首焦与次屏中图片与文字的整体布局，及二者所占版面的比例关系，加大图片所占用的面积，这样能够更加直观地展现店商所要传达的讯息，增强客户的浏览兴趣，提高购买欲。

2.网站的商品展示区域设置

商品展示区域是电商网站构成要素中的重要组成部分，应用扁平化设计原则将该区域进行块面分割设计，增强不同商品之间布局的灵活性。用纯色块作为商品标价及按钮的背景图片，抛弃一切装饰元素，让信息传递更加直观易懂，提高点击率。

3.网页色彩

2014年流行的柔和色彩在扁平化电商网页设计中运用的越来越广泛。这样的色彩基调将在2015年得到进一步的延续，马卡龙色系随之也逐渐为人熟知出现于各类网页设计之中。网页的色彩规划需要看整体，而不能针对性地看局部。网页中色彩的合理搭配往往是表达网站思想和意图的一部分，属于优秀网站构成要素中的一个关键环节，所以在电商网页设计中为了让色彩与色彩之间真正融合，可以选择素雅的粉彩系透明色，让网页看起来清新脱俗，提高客户浏览欲望的同时也增强人们内心的情感共鸣。

4.扁平化首屏

首页的首屏位置在整个网站中都称得上寸土寸金，正因为如此，此处展示的图片与文字更应该简约精悍，采用扁平化设计理念尽可能用精炼的图文搭配把信息表达清楚。首屏中包括了Banner广告、导航条、店招等视觉元素。运用扁平化设计原则在Banner广告中，将不同色彩的纯色块依据一定的规律按照主次空间大小关系进行合理的搭配组合，并配上简洁明了的产品图片，在视觉及感官上增强广告带给人的舒适感，降低视觉疲劳；为了让用户在浏览网站过程中不至迷失，并且可以轻松便捷地定位到其他相关内容的页面，将导航条扁平化，去除导航栏背景色块的质感、渐变，改用纯色替代并配上相关文字信息。这样的设计可以使文字信息更加清晰直观地表达出来，符合网页扁平化的整体风格，给人予流畅的视觉体验；店招是电商首屏构成中不可或缺的一部分，集品牌定位、产品定位、价格信息于一身。浏览者通过搜索进入详情页，首先看到的也是店招，第一眼的印象判断往往对用户是否选择进入店铺首页浏览其他商品起到了一定的作用，用扁平化的设计理念将店招背景图片用同类色块或对比色块进行切割组合设计，并在一定程度上降低色彩的纯度以突显文字信息，加强店招版面的视觉冲击力。

5.字体设计

字体的编排与设计对于一个成功的电商网页而言是至关重要的，扁平化设计中除了注重文字字段之间的合理区分之外，也对字体的选择与字形的轮廓有一定的要求。为了与扁平化简约时尚的整体风格相呼应，在字体的应用上往往采用简单素雅的无衬字体进行编排设计，这样能够使电商网页内容更具活力与灵动性，便于用户阅读。

6.图片

在电商网页中图片所占比重最大，图片的优化设计对于提高用户点击率、停留时间及访问深度起到决定性的作用。极简主义的扁平化视觉图像是当今设计发展与指示符号进化的必然结果，图片显示区域抛弃一切多余的细节与装饰，拒绝渐变与阴影，这种设计方式更利于产品图片的展示，便于用户在第一时间接收到图片所传达的信息。

7.优化层级

扁平化网页设计还有一个重要特征，那就是对层级的优化。简单地说，就是界面信息之间没有从属的层级关系，尽可能地把所要展示的内容放置在同一个层级或页面内，再着重突出那些与促销主题相关的视觉元素，这样可以使电商网页界面得到最有针对性的优化和简化，让用户在最短的时间内清楚地识别出自己所需的信息，并且很容易知道接下来应该做什么。

电子商务的网页设计第3篇

【关键词】新形势；电子商务网站；网页设计与制作；web标准

前言：

互联网时代的到来，改变了人们以往的生活习惯，而且对很多行业岗位产生了较大的影响，尤其催生了一批新型以电子商务为主要经营模式的企业。电子商务网站的网页设计在现代企业的实际运营管理过程中十分重要，不仅起到了宣传企业文化作用，而且也是企业拓展新业务、维护客户的重要平台，这是互联网时代的发展为现代企业单位开辟的新路径。

一、新形势下电子商务网站网页设计与制作的目标

所谓“新形势”指的就是当前快速发展的互联网时代影响下的社会环境的变化，以及人们思想意识的转变。随着各领域贸易的日益频繁，使得商家更依赖电子商务平台，因其成本低、信息资源丰富等特点受到了广大社会群体的认可。

（一）电子商务网站设计与制作的根本目的

在电子商务平台之上，我们可以清晰的看到商品本身的形态、特征以及价格，而且，越来越多样化的网站网页设计形式层出不穷，促使电子商务平台建设的格局逐步升级，新技术的涌现更是突显了电子商务模式的优势。从网站网页设计与制作的目标来看，能够以最直观、最有效的网站网页设计方案来吸引更多的顾客及促使其参与交易才是新形势下电子商务网站网页设计与制作的终极目标。

（二）网站网页设计与制作要能够技术合规且突出重点

具体来分析，对于电子商务网站的设计要突出其功能性，需要最新的电子计算机技术来为其做支撑，程序的设计一定要能够顺利运行，通常要经过测试以后才能够上线运行。对于电子商务的网页设计而言，结构和形式要突出层次感，内容要尽可能丰富，从而将电子商务的关键内容呈现在网页的重点区域，便于人们登录浏览。

二、电子商务网站网页设计与制作所需技术

对于电子商务网站网页设计来说，能够依托网络载体使得开展电子商务业务的企业将其业务有效的推广出去，就是一项成功的设计。在实践过程中，需要应用到很多计算机技术及电子商务设计软件。就以web标准为例来看，电子商务网站网页设计的思想是通过缜密的开发流程来体现的，通过对SHOPEX网上商店系统的制作，进而达到管理网店、拓展业务的目的。从实质上来看，Web标准不是单一的技术标准，而是一个完整的技术体系，其层次较为清晰。在Web标准的支撑下，设计者可以很好地将网站网页结构分割清楚，并能够提升网站开发的效率，降低设计及维护成本。总之，从Web标准的关键技术来看，整个技术体系都是以Web标准基本思想为基础，采用一套有效的开发流程，对SHOPEX网店系统进行电子商务网站的网页设计与制作，最终，这种开发流程在实践过程中得到了验证。

三、电子商务网站网页设计与制作过程

在具体进行电子商务网站网页的设计与制作的过程中，首先要分析目标网站网页的设计内容、方向、网站所要突出的重点等问题，然后，要缕清设计思路，规划出详尽的设计方案，做好网页结构的编排，最后，细化网站结构，完善网页制作的细节。只有按照规划好的流程来，采用合适的网页设计技术及软件，才可以将电子商务网站网页设计和制作的过程完成。

（一）电子商务网站网页的设计内容分析

通常情况下，网站设计的方案要符合当下人们的审美观，简单来说，就是要符合大多数人的视觉习惯，并需要做好合理规划。对于电子商务网站的设计而言，要能够利用大块区域来突出贸易活动的主体内容，并让企业的产品、服务等项目列在最为突出的位置上，只有本着重点突出的原则，才能让浏览网站的客户清楚的看到企业的业务及文化，从而令其产生交易的想法。

（二）网站网页结构编排与方案设计

以Web标准下的网店系统开发为例来看，在进行网页方案设计之前，网页模版的开发较为重要。在实际设计及制作的过程中，采用了SHOPEX网店系统开发的模版来为其做支撑，在每个设计模块区域放置一个独立的设计内容、产品或服务，这样就会令用户对电子商务平台上的功能及业务模块一目了然。最后，要进行网站网页内容的填充，逐步细化网站结构，增添时尚感的素材完善网页制作。

结束语：

通过分析电子商务网站网页设计的特殊性，结合基于web标准的制作技术，来进一步探究网络时代的发展对于电子商务网站网页设计及制作的影响，并提出完善电子商务网页网站设计和制作的具体策略。在web标准基本思想的推进下，开发了一套高效制作电子商务网站网页的系统，并且将其应用于实践，取得了良好的实践成果。总之，以web标准下为例来看，新形势下电子商务网站网页设计与制作已经不同以往，需要改换新型设计内容、结构设计、方案设计等内容，只有这样，才能突出现代电子商务网站网页的设计特点，抓住人们的视线，从而促进电子商务的快速发展。

参考文献：

[1]朱淑琴，魏威，张嘉萌.基于Web标准的电子商务网站网页设计与制作[J].计算机与现代化，2012，03（03）：106-109.

[2]郑伟，张永良，郭伟，张学琴.《商务网页设计与制作》项目课程的开发与建设[J].杨凌职业技术学院学报，2010，04（04）：71-74.

电子商务的网页设计第4篇

20世纪90年代以来，随着互联网的迅猛发展，网页设计变得更为理性，在设计中追求创新，寻求网页设计的可能性，创造出独特的和视觉风格。在此理念之下，灵活运用符合现代审美意识、时尚新颖的视觉审美设计原则，在网络媒介中充分结合视觉媒体，拓宽电子商务的传播形式，使包括商务在内的信息传递更加直观，对电子商务网络营销起到很好的视觉传达作用。相对传统静态的网页，基于人们生理和心理特征的新视觉设计以动态交互式为特点，具有趣味性、交互性、个性化特点。迎合现代高速发展的讯息技术，网页设计、表现形式与设计风格随之不断延展。在视觉艺术层面上，设计师首先要考虑网页设计中字体、配色、版式等视觉设计的基本元素的合理运用，在讯息技术层面，设计要考虑的是视觉设计如何适应新技术条件下的网页革新需求：涉及到网页平台上商务电子信息与用户（浅层意义上说是页面浏览者，或则说是目标用户或潜在用户）之间的沟通，这种沟通有别于传统传播媒介，是互动交互式的。网页平台对电子商务信息的表达方式在传达形式上是结合音效的二维视觉视屏、或则多维空间展示、更高层次上是虚拟信息的表达，引领客户的消费心理。有好的电子商务平台设计并不能确定宣传代表的产品就一定成功，但可以肯定的是这些可以为实际生产的产品加分，为产品创造独特的风格和视觉感受。视觉表现形式的个性表现、设计与程序技术的完美结合、用户的使用感受以及交互性是必须考虑的几个要素。对于设计师来说，网页设计相对与纸质媒介，有着更为灵活的创意空间，在琳琅满目的电子设备平台上，要想吸引浏览者的关注和视觉停留，网页设计的创新和视觉吸引力是一个很大的挑战。也就是说要突出电子商务网页设计的革新与个性特征，这样所要传达的电子讯息通过卓尔不群的动态网页视觉设计信息传达给人留下深刻印象，达到电子商务的营销目的。因为电子媒介与人们生活的密切性，浏览电子商务平台，并按照引导商务网页设置的参与体验，创意与个性的电子商务网页讯息就会不断通过网络平台，经常性多渠道的出现在用户视野。根据视觉设计的原则，视觉形象尤其是动态的，其直观深刻的第一印象可以刺激用户的深层记忆，尤其是在很大程度上用户对网站的期望值有着非同一般的提升，从而增强用户对产品信息的信任度。具体到视觉设计，和一般纸质媒介设计有所区别，栏式结构排版是网页设计常用样式，栏式排版主要通过竖分方式分隔页面信息，常见是二栏、三栏和四栏。当然分栏多少主要是根据电子商务讯息，同时结合页面设计效果。根据我们日常所见大型门户类网站，传统的三栏式排版形式是他们通用的排版形式。不拘泥于传统的页面布局，创造不同布局、质感与肌理和风格的设计，是电子商务网络营销中视觉艺术的能力和可能所在。需要说明的是，有效表达视觉设计，增强网页讯息的效果，除了符合审美的网页栏式分割方式以外，还可以通过字体表达、图片位置、经营位置，动态图片插入，多变生成各类形式，生动新颖的表达电子商务信息的页面，进而利于商务信息的有效传播。

2电子商务网络营销中视觉艺术构成元素的重要性

从专业技术上来说，网页概念中表现为HTML静态页面，由网页浏览器直接浏览我们所说的页面上的各种动画、滚动字幕等视觉上的“动态效果”，不是实际意义上的网页的静动态概念。网页设计是一项艺术性很强的工作，合理的运用网页的基本元素是网页设计过程中需要考虑的重要问题。一般意义上网页设计的基本元素主要包括：文本、图像、动画、音频、视频等。电子商务网络营销信息大多数以文本为主，文本是几乎是所有网页中运用最为广泛的元素之一。文本可以说是网页存在的基础，在网页设计中可以通过设置字体、字号、颜色、背景等属性来改变文本的视觉效果。在电子商务网络营销界面中适当运用图像，可以丰富页面的视觉效果。目前网页支持的图像格式主要有三种：JPEG(包括JPG)、GIF和PNG格式，其中后两种支持透明背景。由于受网速限制，实际应用中网页使用的图像被分割为多个部分，然后再利用排版技术，将分割图像拼合起来，以提高图像在浏览器中的运行速度。交互过程中作为视觉设计最基本元素，点、线、面合理有效运用是我们在网页设计需要考虑的要素。点能有效地吸引视线，作为一种抽象元素，结合电子商务产品信息，通过动态交互与音效配合来设计出电子商务网络营销界面。线变化网页空间，追求更新颖的设计形式与美感更易于用户获取信息、易于浏览者阅读。面的分割可以理解为各种比例的面所产生的形式美感，强烈的透视动感，大面积的色块对比，版面分割，获得秩序的美感。色彩视觉元素应用与二维视角的网页设计，三维视角的色彩图形的空间变化，色块的位置空间变化都突破了二维视觉下的设计形式，提高网页的设计自由度，形成统一的网页视觉形象。动画能使电子商务网络营销界面网页效果更加丰富，富于动感。目前在网页设计中使用的动画主要是Flas和GIF动画。前者运用较为广泛，后者主要用于站标、广告条等组件。在网页中插入背景音乐，可以提高电子商务网络营销界面网页内容对访问者的吸引力，目前，网页上使用广泛的音频格式主要有MP3、MIDI、WAV格式。需要注意的是我们添加背景音乐的同时，针对访问者不同的需求，应该提供给访问者一种关闭音乐的方法。否则会不断重复播放音乐。随着网络宽带的不断增加，在电子商务网络营销界面网页中使用视频越来越多。视频和音频一样，都是与文件类型相对应的插件来进行播放的，在网页中添加视频可以大大增加站点的可读性，视频的直观性可以给电子商务网络营销界面访问者带来很大的视觉冲击力。

3结论

电子商务的网页设计第5篇

关键词：电子商务 课程教学 技工院校

网页设计与制作是技工院校电子商务专业的核心必修课，课程培养目标是从事网站建设与维护、网页美工等岗位的高技能型人才。因此，网页设计与制作对于电子商务学生就业具有举足轻重的作用，值得电子商务专任教师高度重视，并在教学中不断探索与改革。

一、技工院校电子商务网页设计与制作课程教学中存在的问题

近几年来，随着技工院校内涵建设的不断深入，教学改革取得了一定的成效。技工院校创新教育、专业建设等教学成果也频频出现在研究文献中。但是，在网页设计与制作课堂教学方面，研究成果非常少。为此，笔者对本院和兄弟技工院校的电子商务专业网页设计与制作课程教学进行了调研，对国内学者有关网页设计与制作课程教学的文献进行了综合分析，然后结合自己的教学实践，综合得出该课程教学存在以下问题。

1.教学内容设计不合理

虽然大多技工院校所选择的网页设计与制作授课教材是基于一定的教学方法编写的，比传统教材更为合理。但是，在教学实践中普遍存在老师直接按教材编排的内容顺序从头讲到尾的情况，教学效果并不理想。比如，笔者学校选择张苏中、吕威飞、尤胜编著的《网页设计与制作》（高等教育出版社出版，2014）。这本教材是按项目教学法编排的教材，以了解网页设计工作、元素的添加与操作、页面布局编排等项目进行编排内容，虽然符合从易到难的规律，但是，设计的不同项目选择了不同的网站实例，并不能使学生了解网页设计的全貌，不利于课程教学目标的实现，而且该教材很少有关于网站维护管理以及网络编辑等的内容，没有考虑到电商岗位要求学生掌握商品图像处理、网页的美化等技能训练的需要。这样的教学内容设计，导致培养的电子商务毕业生与社会实际需要的人才脱节。

2.教学案例不连贯

电子商务网站是一个完整的系统。网站各网页的设计应该围绕某一个或者某一些产品进行营销服务，因此，设计的各网页应该考虑整体风格。但是，在实际教学中，老师依照教材提供的案例进行教学，各案例主要是服务于本项目的教学任务，彼此之间缺乏统一性，导致各案例成为“孤岛”，比如我院选择的张苏中等编写的教材共涉及10个项目，每个项目各有一案例，案例之间缺乏整体性。这往往会影响后续学生实践教学的效果，难以培养学生独立完成一个完整的网站。

3.课程与专业的关联性不强

从调研结果发现，许多技工院校老师在讲授网页设计与制作课程时，在处理教学内容等只考虑该课程，而没有和专业建立必要的关联性。该课程培养目标是能适应电子商务企业工作岗位的人才，因此，教学中应该把握商务特点，而不能一味地为讲技术而技术。

二、技工院校电子商务网页设计与制作课程教学建议

针对以上存在的问题，笔者根据自己多年的教学实践经历，结合当前技工院校电子商务网页设计与制作课程教学现状，提出以下建议，旨在抛砖引玉，与同行交流。

1.专业视角设计教学内容

电子商务专业课程应该考虑该专业的特征，也就是说，教学内容应该着重考虑“商”的特点，以某一产品营销平台构建教学内容，比如在讲授网页编辑时，可以按照电子商务企业岗位工作任务要求，把图像美化等内容充实到课程教学中，提高学生技能。

2.专业角度选择教学案例

教师在教学中，应该尽量选择完整的电子商务网站案例。假如不便于选择完整的电子商务网站案例进行课堂教学，可以在布置学生作业环节中以完整的电子商务网站内容安排课外作业。教师在围绕完整的电子商务网站案例教学时，可以将总教学任务分成若干模块，每一模块完成一定的教学任务，在结束整个学期的教学后，学生就能掌握网站建设的全过程技能。这种贴近实际工作的教学有助于提高学生就业的竞争力。

3.考核方式改革

该课程的考核可以采用“形成性考核+阶段性考核+终结性考核”的综合性考核方式。其中，形成性考核的内容包括学生出勤率、课堂表现、作业完成情况和平常实训教学中动手操作能力等，分值建议确定为考核总分的30%。阶段性考核指的是老师要求学生调研后，自己确定网站主题和网站策划书，自己完成创作过程，老师考核学生完成的最终作品，分值建议确定为考核总分的35%。终结性考核是老师提供模板网站，学生现场独立完成网站的制作（这是为了防止学生课外找而蒙混过关的有效手段），分值建议确定为考核总分的35%。

参考文献：

电子商务的网页设计第6篇

[关键词]后台网页文件 管理 电子商务网站

随着互联网的飞速发展，如今电子商务已经成为一种重要的经营手段，很多经营者都越来越意识到电子商务的重要性，电子商务网站正处在飞速发展不断变化的新环境下。严格地说，没有后台管理功能的网站不能算一个完整的网站设计。特别是在电子商务网站越来越多的今天，电子商务网站的管理者越来越重视电子商务网站的维护和管理。网页文件的管理就是电子商务网站设计人员需要重视的关键问题。

一、网页文件的管理的重要性

一个管理有序的电子商务网站实行高效的管理，将会使企业在电子商务领域中具有更大的优势，在商业活动中发挥更大的作用。相反若网站管理设计复杂，甚至混乱，则会使客户使用不便，使网站效益下降。

网站后台管理系统的功能和结构到目前为止，对电子商务网站管理还没有一个明确的定义，其内涵覆盖也不一致。有人认为电子商务网站管理是对网站内容，即网页的管理；有人认为是对电子商务网站硬件和软件的维护管理；有人认为电子商务网站管理是对用户的管理，是对电子商务运行过程中的物流的管理，等等。总而言之网站管理是一项很复杂的工作。

网站后台管理系统的主要功能包括：网页文件的管理；管理页面的用户、用户密码和用户权限的管理；顾客资源管理；商品信息的管理，即进货管理；电子商务网站的交易管理，即销售管理，而其中最为重要的是网页文件的管理。网页文件设计合理、管理有序在电子商务网站后台管理中有着重要作用。

二、 网页文件的管理策略探索

网站从本质上讲，是由很多链接在一起的网页文件构成。网页文件的管理就是指对构成网站的这些文件进行的管理。如果电子商务网站的Web 服务器是以主机托管的方式存在，那么Web 服务器和电子商务网站运作过程中所需要的电子邮件系统的具体设置都需要自己来设置，也属于网页文件管理的范围。

Web 网站的目录结构是网页文件管理的重要问题。虽然，目录结构结构设置的好与坏，对浏览者来说并没有什么太大的感觉，但是对于站点本身的上传维护、内容的扩充和移植有很重要的影响。作为优秀的网站设计师，在进行网站设计时，需要认真设计其布局与结构，以网站的高效管理为设计目标。在电子商务网站的后台管理中，一个有序高效的订单管理系统，将带给管理员尤其是非专业的管理员工作上很大的便利，例如可以快速地找到某个需要修改的页面。 网页文件是代码文件，而网站资源文件主要是指为丰富网站内容提供网页素材的各种文件，如声音文件、图像文件、视频文件和动画文件等。在网站的开发期间，开发人员需要设计好一个个的网页文件和网站的资源文件，在调试服务器上调试完成后，利用FTP工具上传到Web 服务器上。

网站目录结构的构建：网站目录结构构建的原则是，以最少的层次提供最清晰简便的访问结构。为了使建立的网站目录能够确保网站文件管理的有效运行，一般地说，构建网站目录时要充分考虑以下几个方面的问题。

（1）不要将所有文件都存放在根目录下。

根目录是指DNS 域名服务器指向的索引文件的存放目录。根目录只允许存放index .htm、index .asp、default .htm 和default .asp 等文件，以及他必需的系统文件。

（2）按功能内容建立子目录。

为每个主要功能（ 主菜单） 建立一个相应的独立目录。例如在“网上书店”实例网站中，将用户管理，邮件列表等功能建立相应的目录。

（3）在每个独立的目录下都建立独立的Images 目录。

刚开始进行网站制作时，人们习惯将所有图片都存放在这个目录里。可是后来发现很不方便，经过实践发现，为每个栏目建立一个独立的Images 目录是最方便管理的，而根目录下的Images 目录只是用来放首页上一些栏目的图片。

（4）网站文件名和目录名命名要规范。

一个大型电子商务网站通常有很多子页面组成，因此在设计阶段要为网页设计合理网页名称，这样即方便管理与维护，也方便其被搜索引擎检索。

三、总结：

总之，作为电子商务网站的设计人员，一定要充分考虑网页文件的管理，设计最优方案，以方便网站管理。

参考文献：

[1]网页设计优化方法[J]，铁路计算机应用，刘朵，蒋琬，赵宏，2005—09

[2]档案网站建设的前期策划与定位[J]，档案与建设，卞咸杰，2005—02

[3]从静态页面转化为动态页面实现的过程分析[J]，中小企业管理与科技（上旬刊）韩英慧；，2009—07

[4]浅谈中小企业网站设计[J]，信息系统工程，时美；2009—12

电子商务的网页设计第7篇

关键词 商务网页设计与制作 课程设计 电子商务专业

中图分类号：F713 文献标识码：A

截至2012年12月，中国网络购物用户规模达到3.12亿，市场整体交易规模为10.2万亿元，同比增长29.9%。随着网络购物人数爆炸式的增长，越来越多的企业开始尝试利用网络平台开展商务活动。同时，企业对于电子商务人才的需求也越来越大。鉴于中小企业自身的特点，企业希望人才来了就能用，这就要求学生具有较强的专业技能。《商务网页设计与制作》课程是电子商务专业的一门核心专业课程，这门课程学好了，对于学生未来的成才和发展效果是非常明显的。笔者结合多年从事电子商务专业《商务网页设计与制作》教学实践经验，引入企业网站的生产流程，对课程教学内容体系进行了重构。

1课程教学现状及存在的问题分析

《商务网页设计与制作》是高职电子商务专业的一门核心专业课程，既是学生最期待、最向往的课程，也被认为是最艰难，最难啃的课程，以文科学生为主体的商贸财经类专业尤甚。之所以向往，是因为它如此之重要；之所以艰深，是缘自于技术的隔膜和不必要的恐惧。当然，究其原因，传统教材与教法，自然难辞其咎。

1.1课程设置不合理，知识内容落后

传统网页设计与制作教材，往往专注于“网页三剑客”等技术软件的操作，让学生从一个代码，一段文字，一张图片入手，来制作属于自己的网页和网站。这种教学模式，经过两到三年，学生还难以上手；而一名合格的网页设计师，往往只需一两天，就能开发出一个让企业签单付费、价值达几百上千元的小网站。网页设计思路不明确、网站栏目设置不合理、首页布局无特色，内容定位不清晰。总之，网页制作门槛高、学生动手操作难，美工不出彩、商务没感觉，这是传统模式的致命缺陷。

1.2课程教学模式落后

传统的《商务网页设计与制作》教学中，许多学校是以教师为中心，偏重于讲授为主，传授网页制作的工具、技术等专业知识，缺少对学生思考和解决问题能力的训练，没有引导学生去自主学习，这就导致很难培养学生的理性精神及创造能力、创业意识，也无法培养学生独立思考、敢于向权威挑战的学习态度和竞争精神，更无法引导学生的创业意识和创造性思维。

1.3实践教学方法有待完善

现有的《商务网页设计与制作》实践教学更多的强调技术层面的东西，很少有考虑到商务诉求。在教学过程中，大部分学生都有畏难情绪，导致教学效果不明显，学生网页设计的思路不清晰，动手操作难。

2《商务网页设计与制作》教学模式设计总体方案

2.1打破传统学术思维的束缚，遵循网站建设的业务逻辑

课程设计以典型企业网站为载体，通过商务网页设计导引、商务网页布局与设计、网页效果图制作、静态页面制作、DIV+CSS网页布局五个学习型项目的创设，对商务网页设计与制作的基本原理及实现方法进行了系统介绍及完整展示，让学生能在较短的时间内制作出不仅美观大方，而且能体现企业商务诉求的网站，打破传统学术思维的束缚，遵循网站建设的业务逻辑――企业怎么做，我们怎么做。商务网页设计制作流程如下图1所示。

2.2教学内容体系构建

本课程在教学内容的设计上以商务网页设计与制作业务流程为主线，将商务网页设计的基本原理与方法融入到典型工作任务的介绍和实训中。

第一个模块和第二个模块以典型商务网站类型、典型商务网页版面风格分析入手，使学生快速理解和掌握网页设计的基本原理和方法，并能完成网站栏目规划及商务网页版面设计的任务。

第三个模块以网页素材的选择为突破口，使学生快速地熟悉并掌握网页效果图制作的方法、步骤及要点。

第四个模块则要求学生在已有效果图的基础上能制作实现静态页面，以使学生掌握必要的html标记语言，并掌握常见的两种页面布局方式，为后续课程的学习打下基础。

在课程实训方面，则选择目前商务网站建设服务市场业务类型较多的企业网站建设业务为主线构建实训项目。这类网站建设业务中的页面设计素材丰富、规范化程度高，便于学生学习。

在教学内容的细节处理上将充分考虑本课程与艺术设计类及软件设计类相关课程的区别，降低学生学习难度，突出商务网页设计与制作的重点，使学生能举一反三，适应商务网站网页设计师岗位能力需求。

3课程教学的实施途径

3.1基于校企合作的课程项目开发

《商务网页设计与制作》要求教师教学应以企业真实需求为逻辑主线组织教学内容，以项目为知识学习、技能训练和素质养成的载体。为了保证与企业生产实践相结合，最大限度地利用企业有效资源，通过积极深入市场与企业一线，认真分析当地产业结构与发展趋势，寻找校企合作的结合点。目前，课程依照行业标准、岗位技能要求以及岗位工作流程等进行项目运作。在项目的开发过程中，企业高度参与，共同确定基于工作过程的典型工作任务。

3.2基于职场环境的教学实训基地建设

建设能够进行教、学、创于一体的基于职场环境一体化教学实训基地，是实施一体化教学的硬件保障，是实现教学模式转变的重要条件。目前，我们已经建立了三个学生工作室：网赢工作室、智越工作室和服务外包工作室。其中智越工作室的核心业务是中小企业网站建设与维护，每年吸纳30多名学生，完成10多个企业真实项目，收入1万多元。通过引进企业真实项目，和企业建站的标准流程，提升学生的专业技能和职业素养。

3.3考核评价体系改革

本课程的学习，是要求学习者联系一家有商务网站建设需求的真实企业，来完成课程模块的实训。本课程以学习者的实训作品为主要考核依据，兼顾学习者的学习态度、职业素养、团队意识及表达沟通能力。

4结束语

将企业真实的生产制作流程引入到《商务网页设计与制作》课程教学中，引导学生重视企业的商务诉求，制作出符合企业需求的商务网站，是本课程的重要特色。

参考文献

[1] 方玲玉.《网络营销实务》工学结合课程开发的实践尝试[J].职教论坛，2008（16）.

[2] 张婵.基于就业一创业导向的独立学院网络营销实践教学方法改革探讨[J].物流工程与管理，2012（5）.

[3] 周建良.以创业能力培养为导向的电子商务课程开发探索[J].科教文汇，2010（7）.

[4] 韩义.对电子商务课程教学改革的思考[J].天津电大学报，2008（9）.

[5] 方玲玉，李小斌，李念.高职经管类专业系列项目课程开发――以高职电子商务专业为例[J].职教论坛，2010（12）.

电子商务的网页设计第8篇

【关键词】Web标准；电子商务网站；设计与制作策略；分析

前言

互联网技术的推广与发展进程不断加快，对人们的日常生活与工作各方面都产生了重要影响。网页的设计与制作随着网络技术、科技水平的发展受到人们的高度重视，其主要是将网络作为主要载体，将各种信息以更加快捷、方便的形式传达给人们。根据相关数据统计显示，从事网页设计制作的人员达到了300万之多，但在网页设计发展过程中还存在诸多问题，因此应突破网页结构单一、空洞等问题才能将网页的设计与制作水平进一步提升[1]。

1Web标准技术概述

1.1Web标准内涵

Web标准不仅仅作为标准，其主要是对一系列标准进行组合。一般的网页中主要由结构、行为、表现三部分共同组成，并与XML、XHTML相对应，表现对应的标准可以将其成为CSS。1.1.1结构在结构中主要的技术可包含拓展超文本标记语言与可拓展标记语言，在网站王者设计中主要将其应用在网页数据分类以及整合方面。在两个标准中，XML的表现形式为源语言，其主要是让用户字自身的语言进行标记与重新定义，具备较强的数据转换功能。1.1.2行为在Web标准的行为中，主要包含ECMAScript[2]与对象模型。其在网页设计与制作中主要可以应用在交互式的操作网页文档方面。其可以将界面上操作对象实施的交互操作有效实施，利用DOM可对对象有效定义与修改，还可将对象之间存在的各种关系有效处理。1.1.3表现其中最主要的技术便是CSS，通常人们将其成为层叠样式表，在网站网页设计中可应用改在控制浏览器的显示方面，其也是决定网页设计风格的主要因素。

1.2基于Web标准前提下的网页设计流程（略）

2基于Web标准标准的电子商务网页设计与制作流程

在基于Web标准进行电子商务网站网页设计的过程中，主要包含内容分析、结构设计、方案设计三部分。在进行布局设计的过程中，可利用XHTML与CSS对页面进行合理布局，可实现网页布局的目标。在进行设局实际过程中，可利用CSS与美工设计元素互相结合，将设计方法转化为最终的网页。

2.1内容分析

网页设计作为视觉语言的主要表达方式，应进行合理的编排与布局，从而确保网页的布局更加清晰、合理、内容充实。在进行网页版面布局的过程中，应将网页设计的更加醒目，使用户在使用过程中对各项功能一目了然，其他部分的版面设计应与主页的风格保持一致。较为常见的布局模式包括国字型、厂字型等。本文将以汽车用品为主的销售网站作为案例分析，由于汽车商品类型多样[3]，在设计网页过程中，应将商品的导航以及产品展示作为重点。案例中采用的网页布局为框架型布局方式，可将页面分成各种模块。在网页左边为纵向的导航栏，右边则为商品的展示栏。在网页底部呈现了网站的基本信息与商家的联系方式等信息。在网页模板的顶部与底部都会出现在每一个网页的同一位置中。

2.2结构设计策略

在对汽车销售网站进行网页开发过程中，可将其乘坐为模板，将其抽象地分为不同区块，其中包含核心流程业务模块、展示功能模块等。在将模块开发完成后便可投入使用。在用户浏览、操作网页的过程中，程序员可通过后台进行可视化的管理与操作，用户可以将不同的模块进行拖放配置，构建个性化的网页布局设计，方便用户的使用与浏览。用户在操作汽车销售网页过程中，其中的框架作为页面的骨架，决定了页面的整体布局与模块摆放区域。框架通常采用的是HTML文件，其主要为了将页面进行区分，还会在适当的位置对模块进行放置，可用<{widgets}>代码进行表示，方便用户在使用过程中利用可视化编辑将模块进行合理配置。对于板块区来说，其能将汽车销售网站最为个性的地方进行呈现，可利用模块内容将网页的更新实现，在网页页面中的各个模块都有指定的ID，模块的区域能呈现竖向摆放的形式，或呈现多个商品内容。模块为独立形态，可对不同的边框进行切换，从而将呈现样式进行改变。在网页模块的顶部与底部都会出现在各个网页中的同一个位置，对于任何电子商务网站来说，应将网站顶部合理设计，才能拥有功能完善、结构清晰的网站顶部，从而提升网站的效益。

3结语

基于Web标准对电子商务网站网页进行设计与制作，可促进电子商务网站的运作效率，为用户提供巨大的便利，从而促进网站的使用效率与综合收益，还可提升电子商务网站的运行效率与性能。

参考文献

[1]朱淑琴，魏威，张嘉萌.基于Web标准的电子商务网站网页设计与制作[J].计算机与现代化，2012，03：106~109.

[2]王亚辉.Web标准的电子商务网站网页设计研究[J].电子商务，2015，05：49+82.

电子商务的网页设计第9篇

【关键词】用户体检 C2C电子商务 网站界面 设计与研究

全新的网络经营模式让商业活动的利益链条不断扩增，在线交易平台为人们提供了一个非常便利、快捷的消费环境。中国拥有数量众多的网络消费群体，在联营方式和网络销售模式上，C2C电子商务网站通过界面设计为用户提供了一个良好的用户体验。与此同时，用户体验也影响着消费者对网站的忠实度和访问诉求，所以如何通过界面设计提高用户体验效果，已成为广大网站设计研究者讨论的热点问题。

一、国内外电子商务网站界面设计

（一）国外研究现状

在世界市场环境的影响下，国外的电子商务网站的发展速度飞快，面对机遇与风险并存的网络消费市场，国外发达国家在网站界面设计上，更注重满足用户需求，为用户提供不同的文化背景和消费模式，在满足用户消费诉求的情况下，拓展网站展业结构链条，增加消费项目[1]。所以相对于美国、英国、法国等发达国家来讲，用户需求的差异性是主导其网站界面设计主题的关键因素，不同文化体现不同设计理念，不同设计理念影响网站界面产生不同的设计风格。美国著名网站界面设计专家Patricia L在研究网上商店的消费格局中发现，用户体验是影响其消费行为的决定性因素，同时电子商务网站可以利用界面设计产生的视觉刺激增强用户的购买欲望。

（二）国内研究现状

目前，我国有75.34%的网络购物人群选择在C2C电子商务网站中购物，作为最具影响力的两大网站――淘宝和易趣，无论是商品数量还是注册人数都居全国前列。淘宝和易趣在网站界面设计方面都采用了先进的设计理念，针对不同种类的消费者制定不同的消费购买程序，如果用户初次进入网站进行消费，则网站会在用户注册之后，随机附赠一个体验调查表，用户根据自己的消费经历，对网站服务情况进行综合测评[2]。以用户体验为主导C2C电子商务网站的界面设计项目都具有高度的科学性和消费价值。综上分析可知，文化背景、消费理念以及用户体验对网站界面设计的影响存在某种关联性的差异。

二、电子商务网站设计中用户的重要地位

在C2C电子商务网站中，网站界面是呈现给网络消费者最直观的经营表象，作为消费行为的主导者，网站界面能否让用户产生依赖感，感受到网站的消费信用和经营魅力，是促成在线交易行为的关键。所以用户对于C2C电子商务网站设计内容的影响很大，与传统实体经营模式不同，电子商务网站呈现给消费者的产品实体价值地位很弱，在整个交易过程中，消费者都是通过网页浏览研究并制定消费计划的，所以在消费者看来，界面的规整度、真实性、感官价值是其衡量产品质量的重要标准，在虚拟的消费环境下，用户的一切消费思想和行为都会依附于网站界面呈现给他的直观感受[3]。由此可见，用户体验对C2C电子商务网站设计项目的主导意义非常强，网络运营商需以用户体验为中心，制定合理化、科学化的界面设计方案。

三、以用户体验为中心的界面设计

（一）用户体验的理解

1.用户体验概念分析

用户体验是指用户在操作网站界面时的感受，在进行消费动作过程中一切心理活动，从心理学角度讲，每个人对事物的体验感受存在明显差异性，所以作为一种消费情绪，用户体验的消费价值和营销价值并不固定，很难以固定模式来展现[4]。

2.用户体验的构成要素

根据C2C电子商务网站的经营特征和发展结构，可以将用户体验分为五个模块，战略模块、范围模块、结构模块、框架模块以及表现模块，这五个模块的功能是具有关联效应的，对网页设计与消费结构的影响很大。战略层是围绕整个网站页面的设计定位组成的，交易内容和价值体系是战略层主体的设计内容；范围层，运营商会将产品进行分类，在加入检索功能后，消费者可以轻松、快速的找到所要购买的商品；结构层可以帮助用户设置商品，简化操作环节，让消费者能够随着消费心理的变化自由更换消费物品；框架层融合了信息布局、导航布局、界面布局等多个结构设置信息，注重的是各商品元素的交互排列；表现层是与用户距离最近的功能模块，通过文字、图像、动画、音乐等感知因素，给用户提供消费提示，为消费者创建一个良好的印象和感受。

（二）以用户体验为中心进行文字编排

文字是最早引入C2C电子商务网站界面的元素，透过文字网站可以提供给消费者多样化的消费信息，在文字编排上文字具有高度解释和说明功能。用户体验在界面文字设计中应保持原始解释功能，还应突显出消费者最关注的消费信息。通过动态图形渲染、符号化文字衬托、图文结合设计采用主次穿插的形式来表现文字信息，可以增加各种文字信息在构图关系上的关联性[5]。网页设计人员还应针对不同模块功能的页面，个性布局，让文字体现出信息感染力和体验价值。综上分析可知，文字大小、格式、布局、信息组合结构等对网站界面构图情况的影响很大。

（三）以用户体验为中心的色彩设定

1.色彩在视觉流程中的应用

色彩在页面设计中占有主导性地位，大量信息在表现层中会出现色彩的偏差，这些偏差不仅可以增强页面视觉效果，还能提高色彩信息的融合程度。色彩对比是使用色彩的唯一标准，利用画面色彩调合以增进文字与图像之间的设计关系，尽可能的突显出页面的消费主题。用户对色彩的认知程度和理解程度对色彩的应用细节有着重要影响，所以在视觉流程中色彩要想突显出其设计作用必须依靠色彩焦点感应，利用画片色彩的多样性提高消费者对网页的关注度，同时提高色彩布局的规范化、合理化[5]。色彩不仅可以奠定网页的主题，还能提高内容与画面的连接作用，展现出网页设计的形态美和动态美。内容与结构上的统一也可以从色彩中表现出来，所以色彩设计最根本的目的在于通过色彩抓住消费者的视觉聚焦。与此同时，色彩的生理平衡和心理平衡常常是无法分开的，唯有色彩与表现的内容与情感统一才能最充分展示色彩的动人心弦的力量。

2.色彩与主题的联想

从认知的角度分析，色彩与网页设计主题具有高度的联系作用和价值，色彩不仅能够引起消费者消费行为，还能让消费者对网页销售产品产生一定的主观联想。对用户体验进行系统的调查分析可知，C2C电子商务网站在网页设计风格上、色彩搭配上、商品色彩主题呈现上都具有很高的决策作用。消费者在浏览网页过程中，会依照网页展现出来的色彩设计理念判断网络商店中商品种类、商品质量、店家可信度等因素。与实体经营不同，网络经营的产品对消费者知觉的影响并不大，因为消费者并不能触摸到、了解到商品[6]。色彩主题会增强店铺的品牌形象，一个具有特色的色彩品牌会提高经营产品的商业价值，所以以用户体验为主导的色彩主题设计是网页界面设计中的重点和难点。

（四）以用户体验为中心的图片交互性设计

图片能客观的反映出经营商品的实体形态，所以选择正确的交互界面元素布局对网站设计的指导意义很大。网站上各功能模块能够间接、直观体现整个网站系统的经营关系，所以每个页面都需利用实体产品图片实现元素的交互与融合。图片交互性设计主要体现在页面布局设计中，通过界面色彩、元素的划分，网站各经营页面会呈现出不同的视觉效果。图片交互性设计主要从三方面来体现[7]：

1.线框图整合

由于线框图有明显设计边界，所以如果要引入大量线框图做边框设计，应将不同种类的图按照产品价格、使用性能、信息内容来分类，在整合边框的前提下，尽可能的增加线框与色彩的融合程度。让消费者能够轻松分辨出不同商品种类的信息特色，以最大限度的提高用户体验价值。

2.定义核心导向

图片交互性设计虽然能够改变网站界面的传统设计理念，在色彩组合上突破固有设计观念，大胆启用先进设计思想。但是图片交互的影响内容也很多，如果处理不好，会让用户感受到整体页面是通过图片堆积而产生的，让消费者感到毫无美感，多商品失去消费意愿。所以应在图片交互设计中引入定义核心导向，在增加视图美感的情况下，明确产品与信息的经营关系，做到页面设计的和谐统一。

3.整合信息框架

图片与文字相同，具有整合信息的作用，所以为给消费者提供丰富的信息资源，在网页设计上一定要突显出图片信息整合的作用，在主导页面设计格局的同时，引入视觉设计理念，在结合用户体验的前提下，提高图片与文字的和谐统一性，提高图片与色彩的共融性。

四、C2C电子商务网站页面设计发展展望

本文基于用户体验对C2C电子商务网站页面设计内容进行了系统分析，通过分析可知，C2C电子商务网站作为我国主流的在线消费网站，其市场经济价值很高。要想推动C2C电子商务营销的效益额增长，首先要抓住消费者心理，提高用户体验对营销策略、网站页面设计、网站营销能力的影响作用[8]。目前，网络运营商对网站页面设计内容非常重视，其战略性发展内容已逐渐从经营策略转化为设计策略。今后几年，随着互联网消费应用的深入发展，人们消费理念向审美角度不断演变，C2C电子商务网站仍面临着严峻的设计与创新压力[9]。

将建模理论引入了网页设计思想，通过理论模型和探究心理学内容，找到了反映用户体验的终极设计原理，S-O-R原理和设计信息传播框架是网站页面设计的新型结构。在C2C电子商务网站运营环境的影响下，C2C电子商务网站页面上合计的用户体验价值会充分的展现出来。从图片交互设计上，研究者应努力革新传统色彩应用理念，增加现代色彩布局原理与传统色彩应用内容之间的关联性。将用户体验设计要素直接、主观的展现在网站页面中，让用户从感官、认知、情感等体验层，了解网站营销产品的信息。同时，还应在此基础上制定符合网站营销理念的网页设计方案，以成功设计案例为主要研究对象，在设计之前积极主动搜集一切有关用户体验的信息和数据，将数据引入评价模型，按照评价模型建设并创建网站页面主题。找到具有针对性价值的C2C电子商务网站设计原理和研究方法，通过用户体验设计来提升网站价值，作为今后C2C电子商务网站的新功能模块时的标准参考[10]。

通过上文对C2C电子商务网站界面设计内容进行深入分析可知，以用户体验为主要设计思想的设计理念，可以增强运营商与消费者之间的信任感，为长期交易发展提供良好的交流平台。中国网络消费者的消费理念更注重长期效应，所以C2C电子商务网站要想提高界面设计的消费价值和理念意义，必须时刻关注用户体验的变化情况，适当调整运营界面布局和信息，以保证网站对信息的显示功能、设计功能、解释功能、刺激功能最大化。

参考文献：

[1]苏倩.基于中国C2C电子商务网站的用户体检研究[J].北京邮电大学学报（社会科学版），2013，12（06）：119-123.

[2]潘越.基于可用性研究的C2C电子商务网站界面涉及[J].重庆师范大学学报，2012，11（01）：119-124.

[3]周懿.基于用户体检研究的C2C电子商务网站设计[J].上海交通大学学报（社会科学版），2012，14（25）：125-137.

[4]张海昕，郭丹，刘正捷.中国C2C电子商务网站的用户体检[J].大连海事大学学报（社会科学版），2012，13（05）：129-136.

[5]梁擎.试论我国C2C电子商务网站服务中的用户体验[J].信阳农业高等专科学校学报，2012，23（04）：125-129.

[6]郭丹，钱凯，郭志伟.C2C电子商务网站本地化建设中的用户体验研究[R].第二届和谐人机环境联合学术会议――第2届中国人机交互学术会议论文集，2012，11（11）：178-193.

[7]罗古松.基于用户体验的B2C电子商务网站服务质量综合评价[J].商场现代化，2012，14（08）：110-126.

[8]吴晓程.B2C电子商务网站信息导航的用户体验设计研究[J].浙江工业大学学报（社会科学版），2011，13（07）：119-125.