电商网页设计要素 第1篇
摘 要：网页设计既是一门全新的设计领域，又是平面设计在信息时代的多元化发展的一个重要方向。文章分析了网页设计与平面设计有着相同的视觉传达和审美目的，但在设计范畴等方面和平面设计有着不同特点。这些不同之处是由网络技术的特性决定的。网页设计是设计艺术与网络技术的结合，是对传统平面设计的延续和革新。
关键词：设计论文
前言
网页设计是网站建设的重要组成部分，特别注重讲究编排和布局，它的实现通过电脑屏幕来表现出来，为了达到最佳的视觉表达效果，与浏览者有一个流畅的交互体验，做网页设计时要反复推敲整体布局的人性化。平面设计作为一种艺术活动，具有商业性和大众性的特点，平面设计体现在它的二维性，主要在平面上开展设计工作，在表现形式上给人一种美的享受，从而实现有效传达相关信息的目的。平面设计的设计原则可以在到网页设计中充分运用，更好地实现网页的艺术美感。
一、网页设计与平面设计的概念
（一）网页设计
（二）平面设计
从人们尝试着用文字和图形来交流与沟通开始，人们就在无意识中对文字和图形进行加工和处理，图形与文字、图形与图形以及文字与文字之间在视觉上呈现在受众眼前的关系也就有了相对比较简单的图形设计、排版乃至平面设计。传统的平面设计的意思是指在平面二维空间上的一系列设计行为，主要涉及到在二维空间中视觉元素的相互组合、布局构造以及设计，表现为图形的设计、文字的设计、插图、编排以及摄影的设计等，其核心主要是实现信息的传达、向导和劝说等方面内容。在信息时代的今天，网页设计也被囊括在平面设计内容之中，其是平面设计在当今社会生活中的一种发展和延续，是一个新的平面设计种类和课题。
二、网页设计中的平面设计原则
网页设计是动态的平面设计，其设计原则在很多方面都有共同之处，主要体现在以下几点：
（一）艺术性
人们都喜欢欣赏美好的事物，作为设计师我们要制作出好的设计，让读者赏心悦目，把文字、图形、色彩在版面中进行艺术化设计，使其在优美的基础上，更加的易读、易懂、易记。
（二）准确性
不论是网页设计还是平面设计都是信息传达的设计，所以信息传达的准确性是十分重要的，它需要设计师做到信息准确、可靠、复合逻辑、条理清晰这些基本点。精炼的信息在信息泛滥的时代是极具价值的，不仅要提炼信息，还要对各种繁杂、无序的信息进行归纳总结，使之达到传达的准确。
（三）整体与协调性
整体性从本质上说是一种规律性，是事物存在运动发展变化的一种有序性。设计的各要素在形式上都具有秩序化的特点，协调性要求页面中各个元素之间要相互协调，互相衬托，使版面具有秩序美、条理美，从而获得更好的视觉效果。
三、网页设计与平面设计之间的关系
网页设计与平面设计之间是有着非常密切的联系的，但是两者之间也是存在着区别的。网页的设计与平面的设计都属于具有现代化特色的艺术形式，在现在社会中这两种艺术形式都是能够通过电脑技术来辅助或者直接完成的，并且能够产生更好的效果。网页设计与平面设计之间存在的区别也是比较的大的，其主要区别是它们的表现范围的不同。
表现范围是两者之间非常重要的区别。网页设计就是局限于网络环境中的，通过优秀的网页设计，使得网站整体的效果得到大幅度地提升，然后把网站的主题反映给客户，然后客户就能够通过企业或者是产品在网站上表现出来的东西对其做好了解。进而为企业或者是产品做宣传，提升竞争力度，促进经济效益的提高。但是平面设计表现的范围还要更广，并且其影响力度也是比较的大的。其是基于二维空间的一种艺术性创作，并且也不需要非常严格的表现手法，不受到工具或者是宣传途径的限制，作品成形之后，可以借助杂志还有周刊或者是广告等任何的形式进行宣传，然后达到提升影响力的目标。平面设计的作品比网页设计的作品使用范围更加广阔一点，但是在另一个角度来讲，网页设计比平面设计在媒体介质上具有更大的发展空间。
四、结语
网页设计对于平面设计的不同之处是由信息社会中网络技术的特性决定的。网页设计是设计艺术与网络技术的结合，是平面设计在信息时代多元化发展的一个重要方向，是对传统平面设计的延续和革新。
电商网页设计要素 第2篇
引言
随着计算机网络技术的迅速发展，网站的网页设计布局也显得越来越复杂，在专业技术上的要求也越来越综合。同时，电子商务在这样的潮流下飞速发展，但电子商务网页设计却成了阻碍电子商务发展的一个重要因素，在这样的形势下，电子商务网页设计与制作就需要有专业的技术来实现，仅仅依靠传统的网页设计技术已不能满足时代的需求。目前，基于Web标准的网页设计思路已成为网站开发的主流，以Web标准为基本思想探究出一套有效的、紧跟时代步伐的设计流程，同时针对电子商务领域研究有效的网页设计策略。
1、关于Web标准的主要技术
什么是Web标准
Web标准不仅仅是一个标准，而是一系列标准的组合。一般的网页都由三个部分组成，即结构、行为和表现，而这三个部分中结构对应的标准为XML和XHTML，行为对应的标准为对象模型等，表现对应的标准为CSS。
① 结构
其中的主要技术包括可扩展超文本标记语言(XHTML)和可扩展标记语言(XML)，主要应用在对网页数据的分类以及整合方面。在这两个标准中，XML是一种源语言，它能够让用户对自己的语言进行标记定义，其具有的数据转换能够相对来说比较强大，而XHTML在性能上结合了超文本置标语言(HTML)的简单特性，同时，它还使用了XML的强大的功能系统，在语法上相对来说也比较严格。
② 行为
其中的主要技术包括ECMAScript和对象模型(DOM)，主要应用在交互操作网页文档方面。ECMAScript能够有效的实现界面上操作对象的交互操作，而DOM能够定义、修改以及表示文档所需的对象、所需的对象的属性和行为，同时还能处理这些所需的对象之间的关系。
③ 表现
其中的主要技术是CSS，即层叠样式表，主要应用在对浏览器的显示控制方面。CSS控制的表现与XHTML决定的结构相分离，主要用来设计网页的风格。
Web标准下的网页设计流程
Web标准下的网页设计流程主要包括语义结构定义、网页内容添加、CSS美化网页以及添加动态元素四个部分。
语义结构定义：进行这个部分时，需要我们能够根据网页上的设计图，对我们所需要的DIV层块进行进一步分析，同时也要分析各个层块之间的相互关系，为达到一个好的访问速度，DIV层块应该小于等于三层。
网页内容添加：在第一步中定义好语义结构后，然后根据网页设计图添加内容，并且在每一个层块添加合适的网页内容，其中包括添加文字、图像、表单、列表等。
CSS美化网页：在进行网页设计时，需要使用CSS对网页的整个页面进行布局，其中包括在页面中加入边框和背景等;同时，还需要使用CSS的相关设置，其中包括字体和大小等。
添加动态元素：在网页中添加动态元素时，需要根据网页设计图对各个方面的要求，利用JavaScript技术完成网页中动态元素的添加，包括添加导航菜单、焦点图及其它动态元素等。
2、电子商务网站网页设计所需要的技术
随着互联网科学技术的飞速发展，越来越多的企业应用互联网技术推动了企业的发展，人们的生活方式也受到互联网的影响。在这样的背景下，电子商务也逐渐发展壮大，而电子商务网站网页设计就成了相对重要的一部分，网页设计是以网络为载体，把一些对人们有用的信息方便快速的传达给他们。在进行电子商务网站网页设计时，整个过程都要用到大量的电子商务设计软件，而设计的过程又需要计算机技术作为基础。在研究基于Web标准的电子商务网站网页设计时，在设计过程中需要有缜密的思想来进行设计的每一个流程，然后开发网上商店系统，以达到对网店实行有效的管理以及扩展网店的业务。在Web的标准下，网页设计者能够有效的将网页结构划分清楚，这样就能够提升电子商务网站网页开发的效率，同时还能够尽可能的降低网页设计成本。
3、电子商务网站网页设计过程
在设计电子商务网站网页时，可以按照下面的流程进行：内容分析、结构设计、方案设计以及表现设计。
第一，内容分析：即通过了解需要展示在网页上的具体内容，清楚各内容所具有的逻辑关系，最后分清楚各个内容的重要程度从而合理安排位置。第二，结构设计：即根据内容分析得出的相关结论，找到合理有效的网页布局，从而设计出好的XHTML结构。第三，方案设计：使用好的美工设计软件，设计出一个能给人视觉带来享受的网站页面设计图。第四，表现设计：表现设计又可分视觉设计和布局设计，视觉设计即是使用CSS美化网页的方式，同时配合美工设计元素，将设计方法转化为网页的方式。布局设计即是通过使用CSS和XHTML对网站页面进行布局设计。
内容分析
一个电子商务网站能否起到吸引客户的效果，取决于这个电子商务网站网页的布局是否清晰明了，能否给人一种视觉上的享受。网页设计就是一种视觉语言，对布局和色彩的搭配要求很高，要求网站的主页也能给人一种美的享受，其它网站页面的布局也应该与主页相协调。电子商务网站中网页布局形式多种多样，有“厂”字型、“国”字型、“封面”型以及经济“框架”型等。
对电子商务网站网页的版面进行好的布局是网页设计中的一项重要内容，网页的版面即是在浏览器中我们能看到的一个完整的页面。网页布局即是采用最好的搭配方式将所需要展示的'文字内容与图片显示在整个网页中，网页版面布局即将指定内容在浏览器中显示出来，例如导航栏的显示、徽标的位置、主要内容的排版等。我们经常使用到的版面布局结构主要有!字型和! 字型两种，在设计过程中，还可以采用CSS实现将!字型设计成式，中间几列的盒子必须用一个大盒子包含起来，否则这几列无法实现居中，这样就能展现设计的美，给人一种视觉享受。
结构设计
为电子商务网站开发网页时，网页中展示的有突出核心的业务区，也有展现其它功能的区域，整个网页开发完成后，用户可以在后台进行可视化的操作，同时，用户还可以创建属于自己的个性化的网页。在设计电子商务网站网页时，框架是整个网页的核心部分，它决定了整个网页的整体布局效果，框架一般都是HTML格式的文件，它能够将页面划分区域。
在制作电子商务网站时，首先要在硬盘上新建一个文件夹，并把这个文件夹作为网站的根目录，最后将这个目录上传到服务器上就行了。一个网站就对应一个磁盘上的文件夹，设计网站所需要的全部资源以及所有网页都放在这个文件夹里面。
表现设计
在设计好网页和它的结构后，可以使用CSS为网页文档添加样式。首先要将已经设计好的方案中的网页图片分离出来，然后使用CSS为其添加合适的样式，在进行这个操作的整个过程中，涉及到CSS的布局以及背景图片应用，在使用CSS时，可在网站的前台观察到网页的板块区域，板块区域的个数会根据有设计的电子商务网站的类型不同而有所变化，这个过程是由CSS规则确定的，并且整个框架结构是由HTML文件确定的。这样设计的网站，可以在其后台进行可视化设计，向所需要的区域添加好的插件等，这样网页表现出来的画面效果更好。
4、结语
随着时代的发展，人们不再满足于单调的生活模式，在这样的背景下，互联网技术慢慢融入到人们的生产与生活中去，这就使得方便人们生活的电子商务逐渐发展起来。目前，大多数人的生活开始与电子商务紧密联系在一起，而电子商务的网页设计的好坏直接关系到整个电子商务模式的运行。因此，研究基于Web标准下的网页设计技术成为了电子商务门户的重点，这样才能有效的提升电子商务网站的性能以及开发效率。
电商网页设计要素 第3篇
一、、如何在视觉构成上提高网页设计的视觉效果
（一）点、线、面有效结合
（二）图文、色彩的合理搭配
在网页设计中，图文、色彩也是必不可少的视觉构成因素，不同的图文、色彩搭配达到的网页效果就会千差万别。所以，设计者要想提高网页的视觉效果，还需要将更多的精力放在图文与色彩的合理搭配上。在选择网页的图片、文字、色彩等信息时需要与网页的主题结合起来。所选的文字、图片要具有代表性，能够体现出网页的主题，选择的色彩更应该科学合理，对于比较柔情的网站可以选择淡粉色，而对于某些具有科技研究性能的网站要选用蓝色、绿色等有生机的色调来渲染。另外，所选的色彩还需要合理搭配才能体现出网站的主题，同色调的搭配、相似色调的搭配、反差大的色调搭配以及主色调的选择、辅色调的选择等都要设计者仔细掂量，并将网站的主题结合进来，才能让网页的视觉效果吸引用户的眼球。
（三）将用户的认知习惯合理的结合起来
不同的用户具有不同的'思维习惯，他们的审美观也各不相同，要想让用户对网页的设计效果满意，还需要将他们的认知习惯科学合理地结合到网页设计的过程中。设计者不仅要具有良好的专业素质，还要具有明确用户需求、了解用户认知习惯的能力，才能将各种网页设计中的视觉构成要素科学系统地结合起来，达到设计网页的效果，达到用户的需求。
二、结语
总之，要想做好网页设计，视觉构成是必不可少的设计环节，我们要考虑到各种各样的视觉因素，将不同的色调、动态效果等科学有效地结合起来，才能让人们从视觉上接受所设计的网页，并将其投入到日后的工作应用中。所以，网页设计人员在设计网页的同时，要综合考虑到视觉构成部分，在满足用户需求的前提下，让他们达到视觉上的享受。同时，我们还需要更深入地探讨研究其视觉构成，并及时地将有效的视觉构成研究落到实处，有效地提高网页设计的工作效率，为我国信息技术的发展做贡献，还能进一步促进经济水平的提高。