浅探扁平化风格在网页界面设计中的应用

李立钦 刘润乾

摘 要：现如今信息网络技术的日趋发达对于网页界面设计提出了更高的要求，而以Windows8系统为代表的扁平化风格引领了网页界面设计领域的全新潮流。本文简要分析了网页界面扁平化设计的主要原则，从网页界面排版布局、网页界面图形配色等两个层面入手，探讨了扁平化风格在网页界面设计中的具体应用，以供参考。

关键词：网页界面设计;扁平化风格;排版布局;图形配色

引言

扁平化风格实则是后现代主义理念的延伸，将简约、经济设定为设计的核心关键词，强调设计应当追求简洁化与人文主义风格，将一切多余、繁复的装饰予以刨除，杜绝渲染与特效，将产品的功能直观的呈现给受众，提高信息的识别性与存储能力，更适用于当前信息爆炸时代现代人的信息获取需要，符合现代人的审美需求。

一、网页界面扁平化设计的主要原则

（一）一致性原则

扁平化设计的核心理念便是追求内容与形式的整体扁平化设计，确保能够在设计样式方面保持一致性，优化用户的使用体验，引导用户在点击界面时能够构建相同的心智模型，深化用户的理解[1]。

（二）对比性原则

扁平化设计并不意味着视觉效果的单一，相反追求借助色彩的和谐配比增添界面的层次感与浓度，确保能够将不同按键进行有效区分，引导用户在使用的过程中能够一目了然的掌握其内容要义。

（三）用户需求性原则

扁平化设计的最终目标便是满足用户需求，为差异性用户群体提供多元化选择，以此来满足绝大多数用户的共性要求，进而借助其细节设计扩展用户需求的覆盖面积，进一步赢得用户的喜爱。

二、扁平化风格在网页界面设计中的具体应用

（一）在网页界面排版布局中应用扁平化风格

作为现代计算机领域不可或缺的一部分，网页设计主要依托视觉效应将语言向受众进行传导，借助排版、布局等方面的差异化设计实现用户视角的巧妙转变，为用户视觉体验的丰富贡献了有效价值。因此我们可以立足于现代人需求角度，在网页界面排版布局中应用扁平化风格，使视觉设计更好的为用户提供服务。具体来说可以从以下两方面入手：

一方面从排版布局角度入手，主要需在版面、栏目、导航、标识等方面运用扁平化设计。具体来说，应当注重在排版时将首页标识与导航进行合理排布，通常在主视觉区内应当放置首页的标识，这样可以使用户点击网页时一目了然的明确网页的大体内容方向，还要注重针对导航内容进行精简化设计，确保能够使用户在最短时间内捕捉到导航的不同功能，选取自己所需要的服务。在面积较大的板块中，还可以适当结合用户需求创设部分具有独特趣味性的内容，使用户在点进网页时注意力能够第一时间被吸引。在进行栏目设计时，通常需要将网頁中涵盖的主体内容进行概括整理，确保在栏目中突出核心内容，在用户点进网页时能够刚好与用户需求相符合，赋予用户以直观形象的体验感。在进行首页标识设计时，通常应将标识排布在界面的左上方位置，便于用户最短时间内查找到自身所需要的内容。在进行导航设计时，应当基于便捷角度进行导航设计，确保将导航放置在醒目位置，并将其中的一些渐变、阴影等效果去除，确保色彩简洁、饱和度适中，并添加相应的指示说明，以此确保用户能够最短时间内寻求到导航标识，查询到其所需信息。

另一方面从内容与效果层面入手，应当强化内容在网页界面设计中的主体性地位，依据用户需求与注意力进行内容的选择，确保内容的实用性突出，能够满足用户的知识获取需求，还要针对主要内容的文字部分进行特殊区分，以此更好的使用户明确重点，提升网页的实际使用效率。在进行网页的视觉效果设计时，应当注重图片与动画的选择，尽量减少繁琐的装饰，在图片设计上也要兼顾整体的简约风格，使用户一目了然的明确内容主旨。还应当注重交互性动画的设计，借助简洁的点、线等图形将内容、图片或视频信息进行大体展示，以便进一步提高用户在使用过程中的便捷性。以IOS系统中的网页界面设计为例，该系统主要使用ultra light作为页面字体，其无衬线设计既具有时尚感又优化了页面视觉效果，行距的恰当设计以及文本与图片位置的巧妙排布给人以较强的舒适感体验，深受用户的青睐。

（二）在网页界面图形配色中应用扁平化风格

除整体网页界面的排版布局之外，还可以从图形、配色等细节层面进行扁平化风格的有机运用。

其一从图形角度入手，相较于如今网络环境中大量充斥着的具有仿真效果的图形形态而言，扁平化风格的图形通常只运用了图形的基本形态，例如将几何形、直线、曲线等图形进行排列组合，以此来构建简洁直观的界面风格。以Mac系统的界面设计为例，其图形设计便显著运用了扁平化元素，界面共包含放大镜、书本、钻石、靶心、国旗等八个图形元素，以深色圆形为底，线条简洁、勾勒清晰，摒弃了繁杂的装饰，图像更具简洁性与凝练性[2]。虽然其图形设计较为简洁，但设计难度也相应加大，要求设计者在生活中选取不同素材，将事物的图形特点进行高度凝练的概括，借助明确主题还原图形所传递出的符号意义，从而更好的给予用户以直观的使用体验，使用户的时间与精力得到有效节约。

其二从配色角度入手，通常扁平化设计在色彩使用上都运用了平涂手法，摒弃了借助光影手段塑造的立体感，注重界面的简约洁净感。以Windows8系统为例，该系统的界面便运用了扁平化的色彩设计风格，虽然所选用的色调差异小，但其层次感与搭配感却极为丰富，在同一界面中运用了MOCHA、TAUPE、TAN、CAMEL、OLIVE等色调，整体色彩饱和度较低但层次分明，并无过多淡化、柔化效果，进一步营造了舒适的画面体验。

结论

总而言之，在当前大数据时代，人们每天都要接受大量庞杂的数据信息，饱受信息量膨胀问题的困扰，相应也催生了人们对于简洁、高效视觉呈现效果的追求。扁平化设计便依托其显著的简约风格，依靠简化形式、浓缩功能的性能优势赢得了现代人的喜爱与接受，未来还应着重从情感传递、审美效果等层面入手进行相应的调整与创新，从而更好的实现对人们动态需求的有效满足，进一步提升扁平化设计效果。

参考文献

[1]陆原.浅谈界面设计中的“扁平化”现象[J].南京艺术学院学报（美术与设计），2014，（6）：213-216.

[2]廖腾峰，陈静.浅谈扁平化设计在移动终端界面设计中的优势[J].中国设备工程，2016，（11）：112-113.

（作者单位：大连工业大学艺术与信息工程学院艺术设计系）