（大连工业大学艺术与信息工程学院艺术设计系）
摘要：本文将立足网页界面设计，探讨扁平化风格在网页界面设计中的应用，以期为有识之士提供参考，整个各个设计元素，使网页界面呈现出简洁大方的视觉效果。
关键词：扁平化风格；网页界面；界面设计
前言：
现代技术不断发展，网页界面设计突飞猛进，如何提高网页界面设计水平，成为各个设计师关注的重点。扁平化风格秉持“less is more”的原则，强调简单为美，更具当代特色，也更加符合当代人的审美需要。为了优化网页界面视觉效果，设计师应该把握扁平化风格的内涵，将其应用在网页界面设计中。
1扁平化风格概述
在视觉设计中，扁平化设计占据着非常重要的位置，扁平化设计强调事物的化简为零，强调去除一切装饰效果，追求设计元素最真实的美感，打破了元素的边界，放弃了复杂的设计手法。与传统设计相比，扁平化设计还原了设计元素的真实状态，观者在浏览设计作品时，会将着眼点放在作品信息上，而不是将着眼点放在作品形式上。扁平化设计的主要目的是突出设计内容，简化设计形式，达到内容与形式的完美契合，并突出设计主题，传递设计情感[1]。扁平化风格常常与“极简主义”这一类名词联系在一起，秉持“less is more”理念，并强调通过设计元素的精简搭配来再现信息。扁平化设计是最常见的设计风格之一，也是在世界范围内享誉程度最高的设计风格之一，其经久不衰，魅力恒远。在浏览扁平化界面时，用户可以迅速捕捉自己想要查询的信息，避免过度消耗时间和产生认知障碍。
2扁平化风格在网页界面设计中的应用
2.1应用图形
图形是最重要的网页界面设计元素之一，在开展扁平化设计的过程中，经常要应用图形，包括抽象图形等等。抽象图形是对图形元素进行高度概括和抽象处理之后形成的图形，这些图形具有明显的扁平化特征，能够直观地传递信息，深化用户对信息的记忆和理解。以“淘宝网”为例，对淘宝网进行分析，可以发现界面上的按钮并没有纷繁复杂的装饰物，其具有几何形轮廓，但又不是标准意义上的几何形，是抽象化的几何图形。鼠标移动到图形上方和未移动到图形上方，图形将呈现不同的视觉效果，依靠图形变化即可以区分鼠标的操作状态。在开展抽象图形设计的过程中，设计师需要把握这一图形所对应的的功能，并对具象的几何图形进行高度概括，填充几何图形的色彩、纹路、文字等等。在缺少辅助的情况下，应该保证几何图形仍然能够承担信息。
除了开展抽象几何图形设计之外，还可以采用去底方法，去除图片的背景，将图片单独剥离出来。“淘宝网”中的很多商品信息都是采用了去底方法，对原来物品进行了还原。在纷杂的背景中，用户很难在第一时间捕捉到主体信息，查看商品的外形、细节等，但是采用去底方法后，用户可以在第一时间找到主体商品。去底方法拓展了画面的空间范围，凸显了图片中的重要信息。图片在网页设计中必不可少，设计师在挑选图片时应该保证图片与页面主题的一致性，并对图片颜色、图片形状进行适当调整，对阐释性文字进行有效排列，使画面更加清晰可观。
2.2搭配色彩
在对网页色彩进行设计搭配时，需要考察颜色所代表的情感，或是颜色所代表的意象意境等。色彩设计需要和网页主题保持一致，设计人员需要遵循网页的主题基调，并注重发挥色彩的导向功能。以“豆瓣阅读”为例，“豆瓣阅读”网站是综合性图书阅读网站，其情感主题为“安谧”，因此设计人员在设计网站界面时，呈现给了读者一个安静、舒适的阅读环境，采用了赭石色和浅灰色相融合的方式。浅灰色为“豆瓣阅读”的背景色，赭石色为“豆瓣阅读”的主页色，二者相互搭配，营造了和谐的静谧氛围，拉近了用户与页面之间的距离。
色彩层级搭配在网页设计中非常重要，设计人员需要控制色彩的饱和度。扁平化设计一般采用大的色块，在色块上记录重要的文字信息。扁平化设计页面上的色块大多面积比较大，因此需要尽量选择低饱和度的色彩，扩展色彩所承载的空间信息。低饱和度的色彩主要包括以下几个：第一是黄色，黄色色块明艳简洁，大方得体；第二是蓝色，蓝色色块清澈静谧，洁净整洁；第三是红色，红色古典高贵，端庄高雅。除了应用低饱和度的色彩之外，还可以将低饱和度色彩、高饱和度色彩整合起来，如应用低饱和度的深灰色、高饱和度的暖黄色等。在混合搭配色块上承载的信息将得到凸显，吸引用户的注意力。
2.3设计文字
文字设计含括的内容比较广泛，具体包括字体设计、颜色设计、排版设计等等，在开展扁平化设计时，需要区分文字的主次信息，使文字交叠形成一种纵深感，平衡空间画面，突出重点信息。扁平化中的字体大多传递了设计者的情感，因此可以将字体作为用户与设计师的情感纽带。以宋体字为例，宋体字规整端庄，方方正正，得体美观，且占据的空间不大，在长段文字中非常适用，大多出现在网页界面的正文中。以黑体字为例，黑体字非常醒目，其干净利落，庄重肃静，占据的空间比较大，经常作为网页界面的标题。除了字体设计外，还需要改变文字的字号，如文字的大小、文字的粗细等等[2]。文字大小、粗细应该和图片一一对应，设计师在进行文字编排时要秉持简洁设计原则，直观突出文字内容。颜色设计也是文字设计的重要内容，颜色大多与网页界面的主题色彩相关。设计师应该注重字体色彩和背景色的协调性，字体不能过于突兀，也不能混于背景之中。排版设计大多与设计师的主观倾向、扁平化设计的个性化风格有关。以“中国风”设计主题为例，很多设计师偏好竖向的文字排版，认为竖向文字排版更具古风气息。
结论：
综上所述，随着时代的不断发展，我国设计领域取得了许多硕果。在网页界面设计领域，扁平化设计的应用范围广泛，扁平化风格已经成为时代之声，其迎合了当代人的审美需要，反映了社会的发展特征。为了优化网页界面设计，设计师应该汲取中外扁平化设计的经验，对图片、色彩、文字等元素进行优化设计。
期刊文章分类查询,尽在期刊图书馆
参考文献
[1]金燕飞.扁平化设计技术在网页设计中的具体运用——以中国民航飞行学院洛阳分院网站改版为例[J].艺术科技,2015,28(06):49.
[2]叶成闻.扁平化设计的极简特性及其在电子商务网页中的应用[J].现代装饰(理论),2015(03):133-134.
论文作者:刘定安 王正阳
论文发表刊物:《知识-力量》2019年9月35期
论文发表时间:2019/8/8
标签：扁平化论文; 网页论文; 文字论文; 色彩论文; 图形论文; 饱和度论文; 界面设计论文; 《知识-力量》2019年9月35期论文;