分类

版式设计在电子商务网页设计中的应用研究

  互联网企业在近几年的经济中越来越多的占有比重和地位,甚至有些超越了传统企业成为行业的佼佼者。我们就阿里巴巴这种大型互联网企业而言,它的存在意义在于推动了时代的发展与进步。越来越多的企业以互联网合作商的身份加入阿里巴巴,电商经济的时代到来了。我们可以通过网络进行交易买卖,方便我们的生活,因此,我们就不得不提及网页设计,人们通过网页可以直观的看到自己所选择的信息,也可以根据网页的视觉排版使人们有了直观的视觉感受。那么版式设计的重要性在网页设计中更加了突出了。 

  我们作为设计者,平面设计的核心价值其实更多的应该是如何帮助客户通过视觉语言更好的传达信息,而不是为了设计添加一些非必要的元素。最简单的设计也最不容易的设计。很多国际网站上面大师级的版式设计,风格多样化,但是每一个位置的摆放都是可以经得起推敲的,非常值得学习借鉴。下面我们就来说说几种版式设计常见的设计手法。 

  在版式设计中,我们最常用的几种对比:图形对比、颜色对比、面积对比、粗细对比、质感对比等,这些对比都需要建立在画面平衡的基础上,一旦失衡,我们的对比手法将不再起作用,那将是打破常规的不规律美学原理。在保持画面平衡的基础上,采用图形对比和颜色对比也可以起到一定的强调作用。在网页设计中常常用到的十三种类型分别是:骨骼型、满版型、上下分割型、左右分割型、中轴型、曲线型、倾斜型、对称型、重心型、三角型、并置型、自由型和四角型。这些常用的类型目的在于将内容利用版式设计的变化分割出重点与次要的关系,以达到内容本身表现出来的清晰美观。骨骼型,是最普通的类型,通常以竖向分栏为多;满版型,将主体物占据整个版面,一般以图像为主,给视觉强烈的冲击力,能够立马抓住视觉眼球。上下分割和左右分割型,就是将画面进行分配,其中文字与配图组合根据画面的需要进行合理选择。中轴型,就是将图形以竖轴或者横轴方向进行排列。曲线或者倾斜型,都是讲版面进行结构上的安排,如进行曲线排版或者倾斜排版。对称性,我们不言而喻,就是将版式进行有规律对称的完整性进行的设计。重心型分别有向心型和离心型,向心型主要向里聚拢而离心型向外扩撒。中轴型加重心型,这种版式比较新颖,不是完全的对称型,主要集中在一边字体排版上,比较讲究一种字体粗细大小的不同设计,色调也比较统一,采用黑白灰的形式居多。三角型就是在画面版式上构成三角的稳定结构。四角型,我们也常见,但是这个版式在构图上有点过于僵硬,就是版面的四角以及连接四角的对角线结构上进行的编排。并置型和自由型,在设计中版面的要求可自行進行选择,也可以根据位置的不同主观的重复编排。 

  我们的视线是有限的,不可能完成一目所有信息,所以我们在设计的时候要学会抓住视觉中心点,组织好有效的信息并且编辑,就是我们所谓的版式设计。我们一般会运用阅读的顺序与视觉的选择心理进行分析设计,两者关注点不一样,所以对于一些元素的把控也会不一样。阅读的顺序比较适用于文字较多的排版,而视觉的选择心理更多的适用于图片的处理上。关于版式设计中的文字,我们在观看的时候都要个人习惯,从左到右,从上到下,从左上角到右下角等等阅读习惯,所以我们在对文字进行排版的时候注意这个阅读的小习惯有利于更好展示有效信息。为了更好的提高我们对文字的阅读性还应该注意到文字间的行间距,文字之间的间都应该小于行与行的距离。如果想要在短时间内传达信息的话,还需要对信息进行合理的分配,一级信息为最主要的信息,其次分别为二级和三级。一级主要讲述:谁,什么事情,提供什么服务事件地点等。二级其他重要的信息深入阅读等。三级就是一些细节的描述。 

  下面为大家介绍几种版式新颖的类型:古藤堡图表,这种一般从画面的左上角进入自然移动至右下角:Z形图示:在阅读时,视线一般从左至右换行时依然重复这个规律,在画面呈现类似z字型阅读轨迹:F型图示:通常使用在网页设计中,视线从页面顶部向右移动较长距离,再向下移动一段距离后,向右移动较短距离。最后会再页面左边纵向阅读。我们在阅读的时候会优先选择那些具有视觉冲击力的元素去欣赏,之后会跟随元素之间的各种关系移动,我们在设计的时候,选择创建一个中心点,引导我们视线的顺序性,虽然各有个的不同,但是有一点规律。我们通常会先关注到面积较大的物体,之后会选择其次的。颜色方面,通常暖色点更容易吸引视线,就像纯色的比灰色调更吸引眼球。数字符号也会带领我们的眼睛进行阅读:符号、手势的指向性都在有意识的指出想要传达的位置。当然了,如果在版面设计中留下过多的空白就会显得视线游离,使版面丰富增加点缀的元素才会更加有效果。 

  现在一些网页设计的版式中,设计们独具匠心喜欢凸显自己的个人色彩,版式设计体现了设计师们的严谨的思维逻辑,也是不断挑战自我更新发现的过程,随时发现好的版式设计作品就是然后分析和运用它会让你更好的成长,发现这种美也会使我们的生活更加美好,生活处处充满美与创意。


上一篇:一个移动应用软件开发实训的教学案例
下一篇:高职高专软件开发专业实训教学方法探索