浅谈网站建设中的平面设计方式

　　摘要：网站建设平面设计方式丰富,它能够构建一虚拟化的电子空间,满足人们对于网站的不同功能需求,通过网站拓展交流互动空间。当然,为了实现上述要求,网站建设中的平面设计方式应当基于多种元素展开,结合元素展开分析,思考平面设计对其主要使用对象——人所产生的诸多影响。本文中就主要结合网站建设平面设计中的文字、图像、色彩等元素深度探究网站建设平面设计方式的实践应用过程。

　　关键词：平面设计,网站建设,影响,案例应用,文字,色彩,图像

　　网站建设中的关键是平面设计,而平面设计的关键则是游移于平面页面信息中的视觉元素。对人来说,视觉元素是具象的、有冲击力的、是存在于网站平面设计中最为直观的元素。不同元素能够通过个体本身传达信息,也能通过个体与个体之间传达信息,它其中的4个程序就包括了“向谁传达?”、“传达什么?”、“传导效果如何?”以及“传达效果影响如何?”设计师要将自己的设计思想与设计概念转变为网站平面设计中对元素的设计运用过程,它所代表的就是一种概念的视觉化过程。反过来讲视觉概念化过程应该完全贯穿和衔接所有的网站平面设计元素,形成体系。

　　1、网站建设中的平面设计元素

　　1.1 文字元素

　　网站建设平面设计中最为基本的、核心的设计元素就包含了文字、图形图像以及色彩等等。首先是文字,它是描述网站页面中信息的最基本要素,一般来说,网站平面设计文字可划分为两类:字母文字(英文、希腊语系文字、阿拉伯语系文字)以及独体文字(汉字)。而在国内的网站平面设计中还多以汉字为主,它是本土文化中的最重要符号。

　　文字元素虽然看似单一,形态简单,但它在传递网站信息的同时也是具有一定的艺术审美价值的,例如其中就包含了“静态文字”、“动态文字”、“图形文字”等等,不同形态的文字都能通过艺术手法设计转换为图像图形,以使得文字设计更加生动有趣。

　　1.2 图像图形元素

　　图形图像元素是网站平面设计中表现最丰富,作用最重要的元素,它相比文字能够为浏览者带来更为直观的感受。一般在网站设计过程中都要保证其图形图像元素丰富、美观、拥有一定趣味性,相比于文字更加形象生动和变化多端,因此人们也常常将图形图像比喻为一种“无国界的世界性语言”。通常情况下,图像可以表现为多种形式,例如照片合成图像、手绘图像、三维立体图像等等。不同类型的图像会产生不同的视觉美感,激发浏览者不同的阅读兴致。而与文字相同,它也分为“动态图像”和“静态图像”两种。通常情况下网站中的静态图像表现形式更多更丰富。

　　1.3 色彩元素

　　在人类生活中色彩必不可少,它表现丰富且充满魅力,可唤起人类心灵最深处的感知。相比于图像图形,色彩元素的视觉观感更直观,它会第一时间占据浏览者的视线。当然,对于设计者而言,色彩只应该是网站平面设计的点缀,它不应喧宾夺主成为平面设计主角。在网站平面设计中,色彩也可划分为两大类:有色彩与无色彩,像光谱中的全部色彩都应归纳为有色彩,它其中以红、绿、蓝、黄、紫为基础色,通过对基础色中不同颜色、不同量的混搭形成新的颜色,所以在网站平面设计中对色彩的搭配是很奇妙的。对于设计者来讲,不同颜色还代表了不同的寓意,这让他们的使用过程更加复杂,主要还要根据人的视觉特征与视觉心理来合理运用色彩,渲染网站平面设计效果。

　　1.4 版式元素

　　版式元素设计相当特殊,它是在现代设计艺术中萌芽而生的,作为网站视觉传达的新生重要手段,它在设计方面更加强调对文字、推行图像以及色彩等平面设计元素的结合,解读存在于上述3种元素中的点、线、面关系,形成基于页面的整体感、节奏感与秩序化视觉形态内容。目前存在于网站中的版式元素类型大多为骨骼型,该类型相对规范且分割方法更理性,拥有类似于报刊的版式,比较常用的骨骼版式包括了双栏、三栏、四栏以及竖向通栏等等。

　　结合上述4点要素,网站的文字、图像图形与色彩均应当表现出一定的自我突破性,大胆调整文字造型,在产品信息表达过程中实施多图重叠整合与文字比较设计,做到图文协调组合,提高版式设计效率,合理安排平面设计中各个元素之间的相互关系,如此才能显得平面设计更加具有条理性和层次性[1]。

　　2、网站建设中平面设计对人产生的影响

　　2.1 文字设计对人产生的影响

　　网站建设中平面设计所传递的是信息,同时也希望传递情感,因为情感才是一切艺术创作所追求的。在网站建设平面设计中无论是文字元素、图形图像元素、色彩元素亦或是版式元素都会对人产生影响,这种影响就是基于情感层面的。换言之,是视觉印象让人对某个页面、某种元素产生情感冲动,而不同的平面设计元素组着排列则会激发人产生不同的视觉空间感受与心理感受。所以本文希望谈谈在网站建设中平面设计对人所产生的影响,这与网站建设品质的优劣息息相关。

　　文字设计中包含了字体字号选择、字体大小选择以及字体的艺术化创造编排,按照一定艺术规律调整行间距,改变文字的对齐方式,这些都能为文字注入情感因素,同时影响浏览者的情感。由于文字本身具有信息高明区额度与可读性,所以不断加强网站页面设计的文字艺术性与视觉感染力是有必要的。举个例子,要将品牌名称文字强化设计,其强化的主要方向就是视觉观感强化,将版式设计中的文字与图形图像内容实际化,而留白则做虚化处理,这并不影响文字传递信息的功能,反而还能传递情感,当浏览者因看到文字而感到心情愉悦,获得良好的心理反馈时,他们对网站平面设计中的文字信息也拥有了更为深刻的理解。总的来讲,文字元素在网站平面设计过程中要体现一定的合理性、明确性和美观性,时刻保证文字与虚空之间相互微妙关系,必要时要实施有序留白,确保文字在形成黑白灰对比过程中,实现对浏览者视觉观感的有效调节,令文字让浏览者对网站产生正确的认知。

　　2.2 图像设计对人产生的影响

　　图像图形设计是极具感染力的,在网站平面设计中图像图形的大小控制着整个页面的均衡运动过程。例如图片在页面占据较大位置可为浏览者形成视觉聚焦,体现较强感染力与与情感内容,非常符合网站平面设计的浏览者浏览视觉观感流程。在进行图像设计过程中,需要认真考量图形图像在整体页面中的艺术表现作用,要在突出主题信息的同时也突出自己,突出自己的目的是为了增加网站页面的趣味性与审美感觉。再一点,图形图像是可以设计为动态设计的,它可作为浏览者的引导在网页中出现,增加网站趣味性的同时也让浏览者心情更加愉悦。

　　2.3 色彩搭配设计对人产生的影响

　　色彩搭配设计可有效控制人们的情感认知,它也是网站设计中的情感制动器。色彩设计在平面设计中表现最直观,出现频率最高,最能打动人心,所以设计者要充分发挥色彩设计作用,让色彩成为与人心沟通的最直接情感语言。

　　当然,不同色彩为人所带来的刺激也不同,其中红色能够激发人们的兴奋感,唤醒人们有关红色的视觉营养结果。同时,基于色彩的情感又与视觉体验及外界刺激相对应,在人心中引发某种特殊情绪,甚至引发联想。考虑到人的视觉经验并不单一,所以利用色彩激发、丰富他们的观感反应非常重要。在外界信息经过不断存储、转换、分析等复杂过程中,人的大脑中就会形成以色彩为主的记忆碎片,然后记录。

　　2.4 版式设计对人产生的影响

　　版式设计要做到清晰简洁,要遵循形式美法则。由于该设计将文字、图形图像、色彩等等元素都汇聚一块,所以它更遵循一定的视觉客观规律,将不同元素置于页面的不同位置上,在传达网站平面信息的同时还能为外带来一种美好享受,引发浏览者众人的共鸣。在版面设计中需要讲究视觉艺术性,不能仅仅被限制于普通的排版规律设计上,还应当结合版面设计的灵活性,配合图像、文字等设计方法实现基于组着形式与分割装饰手法的版面设计,体现版式设计的灵活美感,让版式设计不再枯燥,所表达的内容也更丰富[2]。

　　3、网站建设平面设计方式案例分析

　　以某服装品牌商品的网站建设为例,设计师就希望基于人所产生的情感影响来设计建设网站平面方案。该服装品牌网站的中设计师运用到了网店平面设计,其中包含各种元素的核心设计方法,希望以此传递品牌文化与商品信息内容,定期宣传活动内容,为网站建立良好的心理联想与情感联想机制,以此完成网点平面设计,凸显其实践应用意义。

　　3.1 网站色彩语言的设计方式

　　在该网站中,页面色彩只起到点缀作用,它不会影响商品信息的有效传达,不会喧宾夺主。在具体的设计方面,网站采用到了无色彩色系中的灰色,灰色能够吸收其它颜色的活力,同时削弱色彩对立面,融合各种色彩。而对图像的处理则多半会用到灰色,它能够为浏览者提供无限遐想空间,创造一种高品位但却含蓄的知性感觉。另外,在保持商品信息可读性的同时,该网站所运用色彩元素变化较为丰富,平面网页上几乎不存在单色调情况。这种设计可增加浏览者的网页阅读兴趣,其中大量的色彩配合描述性的文字共同装饰图形,保证色彩与页面表达内容统一一致,确保页面色彩丰富的同时也创造了一定的视觉美感。

　　3.2 网站图像图形的设计方式

　　该服装网站平面设计中采用了相对简洁、淡雅的设计风格,其中的色彩运用单纯且画面丰富有趣。设计师运用到了圆形、方形等不同图形来突出视觉上丰富性,也为浏览者在一定程度上创造想象空间。举例来说,在圆形图像的运用中,它可为页面直接增加视觉美感,确保所有图形图像统一同时还拥有细节变化。在具体的图像设计中,可运用图像面积大小的随机变化为页面留白,或者找到中心点,再形成视觉焦点,可增加画面本身的感染力。而在图形图像设计中合理运用出血图,配合商品细节品质进行共同展示,则可为浏览者创造更大的想象空间。

　　3.3 网站文字的设计方式

　　该网站在文字设计方面所演绎出的构思创意无限,其中像“材”字就运用了图形化的设计转化,将其转化为拥有美术感觉的新生事物,即网站平面版式语言。这种生动的变化在艺术形式创新方面独具特色。整个“材”字左右部分上下交错,其中“才”的一边头上设计了拼音字母“CAI”作为罗马字符点缀,如此就体现了罗马字符的独特美感与气质。另外,该网站在设计方面运用到了段落性的说明文字,其文字的设计会分清主次关系,特别强化参与者的视觉中心。而留白的设计则注重改变,所有的标题文字都能与传达给他的浏览者进行遥相呼应,这非常符合消费者的网站视觉浏览习惯,可激发他们产生丰富联想,活跃情感[3]。

　　3.4 网站版式的设计方式

　　最后该网站的版式设计相对自由,网站为其设计预留了大量的留白空间,这是为了保证其版式设计元素并非静止,而是通过多图重叠组合而成的。这样的对比设计与图文协调内容吻合,可利用相对统一变化的形式美法则进行设计,确保在有限的版面中设计出充满无限生命力商品信息内容,传递更多情感内涵要素。

　　总结

　　综上所述,本文中以网站建设平面设计中的文字、色彩、图像图形、版式4个方面作为主题,深入探讨了网站建设中平面设计方式的优化调整。但本文的创新之处则在于基于人的主观情感之上的网站平面设计,它告诉人们在关注网站平面设计中诸多常见因素的同时也需要关注情感元素,渗透情感附加价值,体现平面设计元素内容的人性化、智能化特征。在设计中要保证情感要素与艺术设计实践的多层次、多方法融合,争取对浏览者的情感交流沟通与心理状态产生良性影响。

　　参考文献
　　[1] 姜杉.网络店铺平面设计元素应用研究与实践[D].浙江:浙江理工大学,2014.
　　[2] 刘跃涛,王君.网站建设中平面设计与技术的结合研究[J].百科论坛电子杂志,2019(3):588.
　　[3] 熊磊.对网站建设中平面设计与技术的结合分析[J].电脑迷,2018(15):91.