翁洁

摘 要 在网站页面设计中，配色與布局起到了主导设计风格和突出网页功能的重要作用。而在设计网站页面的过程中，如果不了解配色与布局间的相关性，则会降低网站设计的实际功能以及审美效果。因此本文就网站配色与布局的相关性进行分析，并提出网站配色与布局的融合发展路径，以期在网站页面设计中能够更加促进配色与布局的融合发展。

关键词 网站设计 配色 布局 融合发展

中图分类号：J524 文献标识码：A DOI：10.16400/j.cnki.kjdkx.2018.02.015

Abstract In website page design， color matching and layout play an important role in leading the design style and highlighting web page functions. In the process of designing a website page， if you do not understand the relevance between color matching and layout， it will reduce the actual function and aesthetic effect of website design. Therefore， this paper analyzes the relevance of the website's color matching and layout， and puts forward the integration development path of website color matching and layout， so as to promote the integration of color matching and layout in website page design.

Keywords website design； the color； layout； fusion development

在互联网中，网站内容十分庞杂，由其市场需求划分主体设计元素。因此，依据用户需求的差异，网站整体色调与布局效果也各有不同。如果配色基调与整体布局相融合，则会突出设计美感，激发用户的使用兴趣，反之则会达到截然相反的设计效果。以淘宝网为例，其主营目标为C2C市场的客消群体，那么以橘黄色为主基调，激发消费者的购物欲望，同时以分层框架勾勒整体布局，更加方便客户选择产品。如果配色选择或者网站布局不合理，则会造成视觉冲突，进而降低网站的整体观感。在现代网站设计中，网络平台公司越发重视自身网站的设计效果，而影响设计效果的两个基本点，则为配色与布局。

1 网站配色与布局的相关性分析

1.1 配色与布局的对称平衡

配色与布局作为影响网站视觉设计效果的两个重要因素，在对称平衡上体现最为明显。从布局角度而言，网站结构设计是对各模块大小比例的划分，而颜色搭配在其中起到了避免视觉冲突的有效作用。……