浅析电商网页设计中的版式设计规律

 2022-01-20 12:01

论文总字数:8119字

目 录

一、引言

1.1研究背景

1.2研究内容及意义

1.3研究方法

二、电商网页概述

2.1电商网页版式的概念及特点

2.2电商网页版式的设计特点

2.2.1电商网页版式设计的交互性

2.2.2电商网页版式的统一性

2.3电商网页版式设计中的构成元素

2.3.1交互式元素

2.3.2听觉与视觉元素

2.4电商网页版式的社会影响

三、京东、当当、天猫网页设计中的形式美法以及配色原理

3.1京东、当当、天猫在网页设计中的形式美比较

3.1.1京东与天猫网页形式美中的变化与统一原则

3.1.2当当与天猫网页形式美中的比例与尺度原则

3.1.3当当与天猫网页形式美中的韵律与节奏原则

3.1.4京东与当当网页形式美中的留白与空间原则

3.2京东、当当、天猫网页设计中的配色原理比较

3.2.1京东、当当、天猫网页设计色彩搭配与网页版式的特殊关系

3.2.2京东、当当、天猫不同网页设计中的配色方案

四、电商网页版式设计的思考与启示

4.1电商网页版式设计观念的革新

4.2电商网页版式设计中的优势

4.3电商网页版式设计的发展

参考文献

致 谢

一、引言

1.1研究背景

在各种商业活动与经济活动中,网页的设计与制作是网站设计的一种重要表现形式,同时也是众多电商向网民和用户传递服务和产品的重要手段之一,网页能够为众多的电商提供信息平台和基础设施。甚至还能够以信息传递、外观表现、以及功能体现为重点内容。在实际电商网页的设计中,还存在着很多不合理的布局,比如网页版式设计编排方面的不够合理,而从网页版式的设计角度来看,其往往包含在视觉设计的领域之中,因而,此本课题的研究中,将主要从排版布局、色彩搭配、等几个方面来探讨并研究电商在网页设计中需要遵守的原则和规律,同时,还指出,电商网页设计中的主要程序和元素都应该遵守整体的系统与规划,网页的设计不仅要大气美观,甚至还应该达到吸引过多受众群体的目的。

1.2研究内容及意义

在现代化的数字媒体技术手段中,网络技术也在不断发展,而相比之下,网页的版式设计也是伴随着这种数字技术手段而来,在大众网络与社会经济不断发展的今天,电商与电商之间的竞争也变得非常激烈了。但是在这个过程中,网络的重要意义也在逐步凸显出来。如何将商品陈列与电商文化紧密的结合在一起,并做到形式与内容的统一,形成自己独立的风格,很好的将这种商品信息传递给受众群体也就显得至关重要了。同时,这样的问题也是留给电商版式设计者的一个非常棘手的问题。对于电商版式的设计者而言,网络能够为其提供更具有创新性的、更具有广阔性的发展平台和技术平台。但是随着科学技术水平的不断发展与进步,人们的设计理念也不断更新,因而,从这样的角度来说,能够及时并且高效的吸收新的理论知识也显得至关重要,所以无论是从实际应用层次还是从理论应用层次,本课题的研究都极具价值。

1.3研究方法

在本课题的研究中,笔者主要利用了文献资料研究的方法以及举例分析的方法,首先在收集众多文献资料的基础上找出了本课题研究的理论基础,即电商网页设计中基本理论;其次,笔者从网页设计的技巧出发分析了京东、当当、天猫等电商网页设计中的规律,并发现了一般电商网页设计中所遵守的原则。

二、电商网页概述

2.1电商网页版式的概念及特点

电商网站的版式设计就是要将所能够传达的内容和要素,按照主题的需要通过理性化的思维进行设计,并且将这种能够表达出来的视觉效果经过合理的配置传递给受众群体,与报刊杂志等平面设计有着很多的共同之处[[1]]。而电商网页在设计的过程中必定要遵守一定的规律,但是由于每个人的显示器不同,就会造成分辨率的不同,并进而达到了设计者所想要达到的视觉效果。电商网页在设计中必须要从整体上进行编排和整合,用来传递更多的信息,以提高浏览者的兴趣,因而,从这样的角度来说,电商网页也就具备了所有的视觉效果。

2.2电商网页版式的设计特点

由于电商网页主题的不同,以及受众群体的不同心理特征,这也就造就了电商网页的版式设计应该遵循不同的选择形式,而正是由于这种不同的版式设计形式使得不同的电商网页设计具备了不同的特点。

2.2.1电商网页版式设计的交互性

电商网页版式的设计具有交互性,这主要是因为电商版式的设计与一般的报纸杂志和书籍等平面宣传设计媒介不同,网页设计的运行形式、表现形式、以及使用功能等方面都存在着很大的差异,电商网页设计会受到企业文化、商业功能以及产品特性的驱使,同时,还有着自身的特性,比如交互性,就是其中最为重要的特征之一,电商网页之间的交互性主要表现在,企业网站与浏览者之间的设计互动,甚至还是浏览者与网页设计者内心之间的心灵沟通方式[[2]]。广告电视、广播电视、杂志报纸等都是传统意义上的媒体,而这些信息在传递方式上大多数是以线性手段为主的,也就是要遵守受众体验形式和受众感觉的一种单向式信息传递。

2.2.2电商网页版式的统一性

在电商网页版式的设计中,还要遵守统一性的原则,这种原则要求的是内容与形式的高度统一,这主要是因为,不同的版式设计会给受众群体带来不同的心理影响。而设计师也需要根据电商网页版式设计的目的,以及受众群体的需求,为更多的人提供服务和产品,同时还应该依照市场的形式和状况等对网页的版式进行各个方面的分析和研究,将自己的设计思想和设计主题融入在网页中来,并达到形式与内容的统一[[3]],如果电商所设计的网站过于强调设计形式中的独创性,而忽视了内容的存在,那么这样设计出来的网站就必定会缺少一种视觉上的美感。

2.3电商网页版式设计中的构成元素

在典当网页的版式设计中,往往存在着不同种的构成元素,比较具有代表性的就是交互式元素,以及听觉视觉元素的结合。

2.3.1交互式元素

在数字化媒体发展的背景之下,受众群体往往不会按照被动的方式来接受传统媒体,对于大多数的受众群体来说,他们往往希望利用一种主动的方式来接受网页设计所带来的价值。如果狭义的解释网页设计的交互性功能,那么这种交互性指的就是网页设计师所利用的各种技术和手段来实现的与网页浏览者的互动。但是在实际的情况中,很多国内的知名网页都将更进一步的模拟三维的操作界面,比如万维网上随处可见的动画、视频、音频服务等等[[4]],这一类数据压缩技术的改建与推广在更深的层次上对企业的网站进行了宣传和推广。无论是直播式的体验还是音乐背景的交互等问题则都采用了这种形式。网页版式设计所带来的交互性推广不仅仅是大众化数字媒体的推广,同时也是艺术与数字技术的紧密结合。

2.3.2听觉与视觉元素

如果说互动性元素是电商网页设计的构成元素,那么其中不可或缺的就是有关视觉与听觉元素的构成,在网页版式的设计中,动画图像、文字图像、影像图像等都属于网页模板中的外壳,而网页版式设计的形式则是将这些元素集中起来的框架结构,为了能让这种框架结构看起来更加完美,就离不开听觉元素中音乐的功能,以及视觉元素中点、线、面的运用。在电商网页的版式设计中,各种形态元素之间的内容千姿百态,然而即便如此,也能够将这些元素都归纳成为是传统平面视觉抽象空间中最基本的点线面元素[[5]]。所谓的点线面三者之间有着相互的关系,并且能够组成网页版式设计中的多种视觉效果,并进而组成多样化的视觉空间。

2.4电商网页版式的社会影响

对于电商来说,版式的设计能够承载网站的各种功能,也就具备的一定的积极作用和意义,在网页的设计中,有很多因素都是不容忽视的。在市场竞争日益激烈的今天,网页版式也应该将内容表现放在首要的位置上,甚至还要融合某种创意版式的元素,但无论是网页的设计风格还是网页的内容,都应该坚持以社会导向为主,除了要考虑网站的品牌定位之外,还要考虑网站的品牌诉求,以及观众在浏览网站时候的视觉心理。

三、京东、当当、天猫网页设计中的形式美法以及配色原理

3.1京东、当当、天猫在网页设计中的形式美比较

3.1.1京东与天猫网页形式美中的变化与统一原则

对于最早的电商京东以及天猫而言,他们在网页的版式设计中所遵守的是所谓的变化与统一原则,在这个过程中,这两个电商企业对于网页版式设计的认可和关注都体现在其设计程序之中。而网页版式设计的美观与否,不仅关系着企业的经营宣传,更关系着企业的发展。无论我们先打开的是京东的网页,还是打开天猫的网页,都会看到其版式设计中所遵循的规律,简单大气、一目了然理所应当的成为了这两个网站的共同之处,而这也在众多电商在网页排版中的原则。杂乱无章的网页编排以及内容编排都会让观众感到反感,而精心设计之后的网页就仿佛是一部电影一般,会成为人们茶余饭后的话题,因此,简单大气、美观新颖、实用方便、富于创意的网页版式不仅能够让更多的认识电商企业[[6]],更能够吸引越来越多的浏览者,同时,还能够为企业迎来无限的商机。

3.1.2当当与天猫网页形式美中的比例与尺度原则

在当当与天猫的网页中,很好的遵守了形式美中的比例和尺度原则,版式的设计者利用大小、强弱、黑白、主次、静动、饱和度的表现手法和表现形式[[7]],将网页中的标题与内容进行了很好的划分,使得页面中的标题和内容更加鲜明而富有活力,比如,在天猫的网页版式设计中,设计师利用了强烈的色彩将上下左右的页面进行了很好的划分,与中间商品的陈列刚好形成了鲜明的视觉互补效果。而在当当王网的页面版式设计中则利用了各种粗细线条之间的关系与区别对页面的各个层级进行了分割,尤其是在利用空白设计页面的时候更是如此,这样也就达到的页面平衡性的特征。

3.1.3当当与天猫网页形式美中的韵律与节奏原则

节奏与韵律原则是当当与天猫网页中最为重要的原则之一,而这种原则也符合审美学中的形式与运动相结合的原则,同时,也是一种均匀、连续、重复的规律,是在不断尝试中出现变化频率的一种节奏。对于电商网页版式的设计中,这种节奏性的规律主要运用在网页的构成元素之中,并且是在此基础上形成的一种具有重复性规律的形态。而我们在日常生活中所体会到的带有节奏感的敲打、唯美的舞蹈等都能够体现出节奏的韵律。这种节奏中的韵律如果利用点线面这三种视觉元素进行重新排列的话,就能够将版式的设计延续到三维的空间中去,如果使用断断续续的线段,以及分散的平面这种元素使用技巧就能够体现出页面的节奏感。这种节奏如果想要迎合美的体验和美的感受的话就离不开有关韵律的变化形式,而韵律的变化节奏如果按照等距离和等间隔的几何级数变化的话,就能够赋予构成元素更多的规律性变化,并进而产生优美的律动感。

3.1.4京东与当当网页形式美中的留白与空间原则

在京东和当当的页面中,我们很明显的可以看到其所使用的留白与空间性原则,这主要体现在该留白的位置,版式的设计者并没有安排过多的文字内容以及图像内容,同时正是这种空间与留白的设计原则遵守了有关整体性的原则。所谓的整体性原则,体现的就是电商网页版式实际中的各种功能在页面上的体现,而这种体现也综合了各种编排元素的使用,无论是色彩布局[[8]],还是元素风格的组成都应该遵守相互统一协调的原则,无论是当当网站的页面还是京东网站的页面在刚刚打开之后,都会出现其页面的主体,导航以及各种搜索项,但是其设计者总能做到内容与形式的统一,而页面设计的各个部分也显得比较融合,究其原因也主要是因为其设计者遵守了留白与空间的原则。

剩余内容已隐藏,请支付后下载全文,论文总字数:8119字

您需要先支付 80元 才能查看全部内容!立即支付

该课题毕业论文、开题报告、外文翻译、程序设计、图纸设计等资料可联系客服协助查找;