扁平化设计的极简特性及其在电子商务网页中的应用

扁平化设计的极简特性及其在电子商务网页中的应用

扁平化设计风靡全球，作为时尚设计的代名词其凭借清新简约的设计风格深受设计师和社会大众的关注与喜爱。将其应用于电子商务网页界面设计之中，已是当今主流设计发展的必然趋势。本文阐述扁平化设计的极简特性及其在电子商务中的应用进行分析探讨。

随着科技的发展，网络的使用率逐年增高，网购成为了绝大多数人们日常生活中不可或缺的一部分，从而电商界面的设计开始备受关注。扁平化作为一种新的设计风格频繁的应用于各类网页界面设计之中，已然成为了时尚设计的代名词。其简约的视觉艺术与便捷的交互流程，给于了人们简洁明了的视觉感受和舒适易懂的操作体验。

扁平化设计

密斯凡德罗的less is more是对扁平化设计风格的最佳诠释，这种极简主义的设计风格，抛弃了拟物化设计中的一切阴影、纹理、高光、渐变等拟真的视觉修饰元素，将简洁明了的艺术语言应用到设计之中。扁平化设计中往往采用单一的纯色块和简单的图形元素进行组合设计，以达到直观易懂的界面视觉效果。所以扁平化设计的原则就是：单纯色块、色彩艳丽、抛弃特效、拒绝阴影，利用简单的设计元素与用户产生交互。扁平化风格以其新颖简便的设计美学深受设计师及社会大众的喜爱，其鲜明的设计特色让人印象深刻，记忆犹新。

扁平化设计的优势与特性

相对于追求细致逼真隐喻效果的拟物化设计而言，扁平化设计丝毫不掩饰其鲜明的极简主义特色，不仅能够给于用户简洁明了的视觉感受，而且能够在人机交互上带给用户舒适便捷的交互体验。为了让扁平化设计的简洁性达到极致，设计师们往往将矩形、方形、菱形等简单的纯色块与素雅的无衬字体相结合，这样既能够在保持高度交互性的前提下降低设计成本，又能保证界面的直观性及易用性。

极简主义是由具象视觉到抽象视觉的一个变化过程，扁平化设计的极简主义特性并不是一味的只做减法，去除不必要的图像与色彩让界面变得更加简单，而是从心理学、人机工程学、人类视觉原理等学科角度出发，针对轮廓的形象思维进行界面优化设计。其真正极简的宗旨在于使简化后的图像元素在视觉传达过程中让用户顺利的感知，并最终服务于便捷的人机交互体验。如此极简主义的扁平化风格在目前的电商网页界面设计之中是具备了实际应用价值的。

扁平化与电子商务结合的历史必然性

随着天猫、淘宝、京东等电子商务平台的不断兴起，人们对于电商网页视觉界面设计的需求也越来越高，但是目前许多电商网页因其复杂烦琐的视觉设计效果，无法在第一时间让用户接收到店家所要传达的讯息，也使得用户无法快速准确的挑选到自己所要购买的商品，从而遭到选择性观看的待遇，增加了网页跳失率。而扁平化设计以其极简主义的鲜明特点很好的弥补了这一不足，其简洁明了的视觉效果设计，不仅减轻了烦琐界面带给人的视觉疲劳，让浏览者在选择购买商品时更加便捷，而且也因其舒适简单的操作体验给人完美的互动享受，从而提高用户在网页中的停留时间、访问深度、点击率，提升转化率。所以极简主义的扁平化风格在目前的电商网页界面设计之中是具备实际应用价值的，扁平化与电子商务的相互结合并不是偶然产生的而是当今主流设计发展的必然趋势。

扁平化电商网页整体风格设计

电商网页界面设计应遵循一定的规律，符合一定的设计原则。通过对网页布局和编排的严格要求、反复推敲，使店家所要传达的信息在扁平化网页设计中展现的更加清晰合理，给于用户一个轻松愉快的视觉交互体验。

1.页面整体布局

将扁平化设计简约时尚的设计理念运用于网页整体布局之中，对店铺logo、banner广告、按钮及页尾进行扁平化处理使其更加直观易懂，使客户操作更加便捷，从而提升人机交互的

舒适性。注重首焦与次屏中图片与文字的整体布局，及二者所占版面的比例关系，加大图片所占用的面积，这样能够更加直观地展现店商所要传达的讯息，增强客户的浏览兴趣，提高购买欲。

2.网站的商品展示区域设置

商品展示区域是电商网站构成要素中的重要组成部分，应用扁平化设计原则将该区域进行块面分割设计，增强不同商品之间布局的灵活性。用纯色块作为商品标价及按钮的背景图片，抛弃一切装饰元素，让信息传递更加直观易懂，提高点击率。

3.网页色彩

2014年流行的柔和色彩在扁平化电商网页设计中运用的越来越广泛。这样的色彩基调将在2015年得到进一步的延续，马卡龙色系随之也逐渐为人熟知出现于各类网页设计之中。网页的色彩规划需要看整体，而不能针对性地看局部。网页中色彩的合理搭配往往是表达网站思想和意图的一部分，属于优秀网站构成要素中的一个关键环节，所以在电商网页设计中为了让色彩与色彩之间真正融合，可以选择素雅的粉彩系透明色，让网页看起来清新脱俗，提高客户浏览欲望的同时也增强人们内心的情感共鸣。

4.扁平化首屏

首页的首屏位置在整个网站中都称得上寸土寸金，正因为如此，此处展示的图片与文字更应该简约精悍，采用扁平化设计理念尽可能用精炼的图文搭配把信息表达清楚。首屏中包括了banner广告、导航条、店招等视觉元素。运用扁平化设计原则在banner广告中，将不同色彩的纯色块依据一定的规律按照主次空间大小关系进行合理的搭配组合，并配上简洁明了的产品图片，在视觉及感官上增强广告带给人的舒适感，降低视觉疲劳；为了让用户在浏览网站过程中不至迷失，并且可以轻松便捷地定位到其他相关内容的页面，将导航条扁平化，去除导航栏背景色块的质感、渐变，改用纯色替代并配上相关文字信息。这样的设计可以使文字信息更加清晰直观地表达出来，符合网页扁平化的整体风格，给人予流畅的视觉体验；店招是电商首屏构成中不可或缺的一部分，集品牌定位、产品定位、价格信息于一身。浏览者通过搜索进入详情页，首先看到的也是店招，第一眼的印象判断往往对用户是否选择进入店铺首页浏览其他商品起到了一定的作用，用扁平化的设计理念将店招背景图片用同类色块或对比色块进行切割组合设计，并在一定程度上降低色彩的纯度以突显文字信息，加强店招版面的视觉冲击力。

5.字体设计

字体的编排与设计对于一个成功的电商网页而言是至关重要的，扁平化设计中除了注重文字字段之间的合理区分之外，也对字体的选择与字形的轮廓有一定的要求。为了与扁平化简约时尚的整体风格相呼应，在字体的应用上往往采用简单素雅的无衬字体进行编排设计，这样能够使电商网页内容更具活力与灵动性，便于用户阅读。

6.图片

在电商网页中图片所占比重最大，图片的优化设计对于提高用户点击率、停留时间及访问深度起到决定性的作用。极简主义的扁平化视觉图像是当今设计发展与指示符号进化的必然结果，图片显示区域抛弃一切多余的细节与装饰，拒绝渐变与阴影，这种设计方式更利于产品图片的展示，便于用户在第一时间接收到图片所传达的信息。

7.优化层级

扁平化网页设计还有一个重要特征，那就是对层级的优化。