摘要：网站作为一种交流工具，人们可以利用网站发布自己想要的公开资讯或提供相应的网络服务。网站的平面设计满足了网站建设的需求，相应技术的使用能够为用户带来视觉美感，引起用户的关注，特别是在淘宝、天猫、微商等电商平台店铺首页和内页的设计更新，店铺日常所需广告素材的制作都离不开平面设计的应用。本文将结合平面设计在网站中建设的应用进行分析，以供参考。
关键词：平面设计；网站建设；影响；案例应用；文字；色彩；图像
1平面设计的相关概述
平面设计是沟通传播、风格化和和通过文字图像解决问题的艺术。构成的基本要素主要包括：①创意。创意是平面设计的灵魂，创意作品中要考虑观众、传媒条件、文化背景三个条件。②构图。构图就是要解决图形、文字、色彩三者之间的空间关系，做到新颖、合理、统一。③色彩。在色彩的运用上要注意。调和、对比、平衡、节奏与韵律。
2当前网页设计的基本问题
2.1从网站的性质出发分析相关问题
从网站建设实际来看，一方面相关网站建设中，许多设计作品创新意识不够，特别是对设计理念的运用上不够灵活，存在生搬硬套的现象，不能够满足客户和网站建设的实际需要。另一方面，相关人员的专业技术不够，作图速度比较慢，对相关软件应用水平无法满足实际工作需要，同时设计人员大多存在着思维局限性，知识面和眼界都有一定的差距，无法准确理解客户的意图。
2.2在图像效果的基础上进行问题的分析
从图像效果的角度看，图像效果能够给用户第一印象，在网络信息大爆炸的时代，没有好的图像效果，很难引起用户的兴趣。好的图像效果需要使用大量的素材，在实际作图过程中，许多作者技术水平存在差距，做出的图像存在的清晰度差，颜色渲染手法运用单一，导致许多图像效果做不出来，以至于作者在创作过程中会采取复制他人图片的方法来满足创作需要，这样做虽然满足了效果需要，却导致文化意境上有了差距。因此需要创作者向相关设计公司学习，例如SONY学习，经过学习相关设计理念和作图技术，融会贯通才能创作出更好的作品。
3网站建设中的平面设计方式
3.1响应式布局设计
通过响应式布局设计、规划和开发网站，使其在各种设备上都能得到最佳的显示。无论使用的是台式电脑，平板电脑还是移动终端，在CSS定义的网页布局都可以允许扩展到浏览器的宽度。运用这样的网页布局方式就可以保障用户有良好的体验，不会因为使用终端的性能而导致画面不清，分辨率低，或者网页模糊的问题的出现，同时利用成熟的响应式布局框架进行设计，可以大量减少网页平面设计的时间，减少了相应的工作程序，提高了工作效率。
3.2用户友好型网页平面设计
用户友好型网页设计的原则是遵循框架静止、内容动态，能够满足用户视觉美感，同时在操作上十分方便。在设计时要把握以下几点内容：一、在进行设计时尽量保证网页布局不发生变化。网页布局不发生变化，能够保持原有的网页设计理念，对各自的框架内对图片和文字信息进行动态展示，能够增强网页视觉效果，增加吸引力。二、在网页交互设计中，应在主页菜单下设置二级菜单，尽量避免设置三级菜单。通过避免设置三级菜单的方式，可以提高用户体验的效果，满足了用户的需求。三、设计人员还应设计繁简程度不同的两套网页。由于网络环境不同，网速存在着快慢两种现象，繁简两套网页的设置可以满足用户网速的需求，在用户加载网页时，网站通过浏览器接口判断网速，网速快的就接入复杂的网络网页界面，通过网页中精心的设计，色彩图片和动态效果可以提高网页的美观性，提升视觉效果，增强用户体验。网速慢的用户，就接入设计简单的网页，便于用户打开网页浏览信息。
3.3网页视觉美观性平面设计
网页设计要具有美的体现，在网站建设的平面设计中，要注重视觉语言，通过色彩、格式、动态图案、均匀布局，以增强平面设计的艺术性．给予用户良好的视觉享受。
期刊文章分类查询,尽在期刊图书馆
3.3.1字体设计
网页上字体通常包括标题、小标（按钮）、正文，在布局上要做到①平衡性。保证图像和文字在空间布局上，给人以协调的感觉。②对称性。对称是一种美，生活中许多事物都是对称的，但是过度的对称会给人一种死板的感觉，因次要灵活运用。③对比性。不同的色彩对比能够起到鲜明的视觉效果，例如黑白对比。④疏密度。网页上字体设置要运用、加粗、留白、行间距等内容。
3.3.2色彩搭配
网页平面设计中色彩搭配应遵循协调性、对比性的原则，处理整体色彩基调和局部色彩搭配。例如明暗对比、深浅对比、冷暖对比等色彩搭配，能让人眼前一亮，获得视觉上的享受。并且通过合理引导视觉流向，可以使客户按照设计者的构想，主次分明的看完每一个内容，从而达到设计的目的。
4网站建设平面设计方式案例分析
以天猫某女士化妆品牌商品网站建设为例，在网站建设过程中，网站设计师运用了网店平面设计理念，通过色彩、图形、文字的精心搭配，传递品牌文化与商品信息内容，取得了良好的宣传效果。
4.1网站色彩语言的设计方式
在该化妆品网站中，页面色彩起到衬托作用，充分烘托了主题。在具体的设计方面，网站采用了淡雅的色彩，突显出颜色的活力。淡雅的色彩赋予了平面网站独特的个性，当人们看到色彩物体时，不同的人产生了不同感受，由一个单纯的物理现象引发了人们的心理变化，及时产生联想，使人们对网站产生了兴趣。在平面设计中巧妙的运用色彩情感，能够起到强化和优化宣传效果的作用，配合描述性的文字共同装饰图形，确保页面色彩丰富的同时也创造了一定的视觉美感。
4.2网站图像图形的设计方式
该化妆品网站平面设计中采用了规则和不规则图形来突出视觉上的丰富性，其中的图像运用单纯且画面丰富有趣。在网站平面设计中采用规则图形和不规则图形衬托的方法，构成了一种相辅相成的关系，避免了单一采用规则图形而造成单调刻板的印象；单一采用不规则图形造成杂乱无章的现象。例如，在图片准备上遵循“3B”原则，用户在浏览这些页面时，会感觉在欣赏美好的画面，使人赏心悦目，比单纯放产品更能够打动人。通过图形图像设计与配合商品细节品质进行共同展示，带来了趣味性，能使传达的信息更加引人注意，使网页散发活力，达到了吸引人打动人的目的。
4.3网站文字的设计方式
该化妆品网站在文字设计方面所演绎出的构思创意无限，其中像“材”字就运用了图形化的设计转化，整个“材”字左右部分上下交错，其中“才”的一边头上设计了拼音字母“CAI”作为罗马字符点缀，如此就体现了罗马字符的独特美感与气质。
4.4网站版式的设计方式
最后该化妆品网站的版式设计相对自由，所有的文字、图片、动画，根据主题的需要进行合理的编排，让整个版面变得更加和谐动人，充分考虑了点、线、面留白的位置，给用户以不同的视觉感受，增加网站美感，使整个网站版式设计在整体风格上协调一致，页面设计干净，表达信息准确，传递更多情感内涵要素。
结束语
网站建设与平面设计相融合，使企业网站建设变得更加完善丰富，特别是在电商飞速发展的时代意义重大。针对现在网络信息量大网速快，网站种类多的特点，网页的视觉效果不佳，无法给用户好的第一印象。因此，通过专业的平面设计，可以完全解决网站的外观设计问题，大大促进了网站设计与建设的进步与发展。
参考文献：
[1].张海娟.网站建设的平面设计技术探讨[J].数字技术与应用，2017（3）：255-256.
[2]孙硕.浅析网站建设的平面设计技术[J].科技传播，2016，8（8）：57-58.
[3]刘文霞.网站建设技术在网站建设中的应用[J].计算机与网络，2014（18）：43-44.
论文作者:辛玮
论文发表刊物:《基层建设》2019年第30期
论文发表时间:2020/3/11
标签：平面设计论文; 网站论文; 网页论文; 网站建设论文; 用户论文; 色彩论文; 图像论文; 《基层建设》2019年第30期论文;