社会科学扁平化风格在网页设计当中的应用
车昱晖
（山东捷瑞数字科技股份有限公司，山东，烟台 264000）
摘 要：5G时代的来临，增强了多媒体应用的场景及多媒体终端设备的应用频率。根据第46次《中国互联网络发
展状况统计报告》数据显示，截至2020年6月，我国网民规模达9.40亿。随着人民生活节奏的不断加快，智能手
机和平板电脑等上网设备的不断增多，加上网民整体文化素质的提高，致使人们对界面设计的要求越来越高。
扁平化设计风格对极简主义的追求，符合现代人追求简约生活、返璞归真的本质，也能同时满足数字媒体时代，人
们对外在的功能需求和内在的精神需求。
关键词：极简主义；扁平化；多媒体；元素
一、扁平化设计风格的来源和兴起
扁平化通常被定义为一种反写实化、反阴影化、反3D效果的一种设计风格。例如windows95的对话框，就使用了很深的阴影和高光来表现3D效果来，这是20世纪90年代初期中国刚刚普及计算机时，最早的网站UI设计风格。
扁平化设计可追溯到上个世纪20年代，随着移动通信网络和上网设备多元化的发展，尤其是以苹果手机为代表的触摸移动通讯设备的出现，彻底颠覆了网页UI设计元素的写实风格。自2007年iOS1.0出现到ios7.0，苹果的设计风格也从skeuomorphism逐步过渡到扁平化，苹果的设计师乔纳森·艾维认为，扁平化能够让用户使用起来更加轻松。
简而言之，扁平化设计风格的兴起是多媒体时代以用户体验为中心的情感需求与体验设计方法发展的必然趋势，也是符合现代人类审美需求的主要风格之一。
二、扁平化的特点和优势
用一句话概括扁平化的特点即为：“视觉的极简主义，功能的最优表达”。我们可以更加详细的解读这句话：（一）极简的元素和形状；
1.排版易读层次清晰；
2.用大胆对比明显；
3.适应性和交互性强；
扁平化风格的网站可以非常容易地适应浏览器并做出响应，这也是近几年扁平化设计风格流行的原因之一。扁平化设计能让网站在自由缩放时更加便捷和高效。因为没有太多的设计元素，网站加载速度更快、收缩弹性更强。
三、扁平化设计风格在网页设计中的应用
如今的网页设计，已经不再局限于单一的设计手法，而更多是一种复合的设计方法。从彩、文字、排版到用户体验的呈现，都是时代文化走向的一种反馈和表现。
伴随着极简主义的进一步发展，越来越多的企业、品牌网页也开始追随苹果的脚步，建立了属于自己的扁平化风格网站，这些网站在设计上有着本质上的共同点。
（一）简单的形状
因为扁平化追求的是极简的审美需求，因此在网页中通常使用极简抽象图形，例如矩形块来对信息进行分类，在这个过程中省略了拟物化，让信息更加直接的表达陈述。
（二）大胆的配
无论什么风格的网站，配都是很重要的一个环节，扁平化网站多采用明亮和大胆的颜来表达，这与缺失的细节是互相补充的。扁平化网站倾向于使用单、纯，一个网站中大约会用到6-8种颜，并且这些颜不加任何处理。另外，复古也是扁平化设计中比较受欢迎的颜。当然，随着设计师的不断探索，双调配成为逐渐流行起来的另一种配方向。
（三）无衬线字体
文字是设计师向用户传达信息的主要手段，在这个信息爆炸的网络时代，用户能在大量的信息中能接收到的信息毕竟是有限的，因此在扁平化网页中，字体将被打造成视觉焦点。扁平化设计习惯性的将字体加粗，通过字体大小来区分想要表达的信息次重点，从而提高文字的视觉表现和辨识度，无衬线字体是扁平化设计中文案常用的字体类型。
（四） 清晰的排版
扁平化版面的元素主要包括文字、图形、颜、空白等，在排版时应掌握视觉流程规律，有针对性地优化版面布局，突出主要信息，弱化次要信息，并合理地利用留白，使受众视线随着版面元素的轨迹顺畅地移动，让消费者能在短时间内辨析出不同权重的信息，并形成有条理、有序的版面效果。
四、扁平化设计在移动设备中的应用优势
当代社会信息爆炸，人们每天都会通过手机APP接触到巨大的碎片化信息流，扁平化UI设计更加适合信息碎片化的传递方式。现今，智能手机的触摸设计已经取代传统手机的按键形式，因此对UI的识别度和要求更高。从用户体验的角度来说，扁平化应用到手机界面的设计中其优势主要体现在以下两个方面：
（一）信息访问效率高
扁平化设计以简约的图形为主，对图像和图形的精度要求没有拟物化那么高，因此在程序运行过程中速度较快，图片加载速度高，系统运行流畅，扁平化设计可以缩短用户等待时间，提升用户满意度，降低流失率。
（二）布局明确，满足用户的需求
布局和排版更直接、更清晰地为用户展示该品牌或者产品想要表达的最核心的信息，有助于视觉障碍用户这一体使用。扁平化手机界面设计凭借信息访问效率高、布局明确，能够符合用户需求等优势。
五、扁平化的局限性及探索
（一）扁平化设计风格局限性
扁平化设计风格取得的认可并非一蹴而就，它是由拟物化发展而来，伴随着人们认知能力的提升，简约抽象画的图案可以被广泛认可、认知，但它并不符合所有用户的审美要求。而且，手机不像电脑一样可以用鼠标进行触控，用户往往不清楚手机界面中的标识哪些可以触控，哪些仅供展示，因此，扁平化仍有它自己的一些局限性。
（二） 扁平化2.0应运而生
“扁平化2.0”这一术语是由设计师Ryan Allen于2014年首次使用的。一些设计师尝试将一些微效果应用到扁平化设计当中，例如微阴影、微透视、低调的渐变，从而使扁平化更加具有灵魂，这种设计比单纯的扁平化更成熟、更平衡，这种风格被称为“伪扁平化设计”或者“扁平化2.0”。
随着网络和科技的不断提升，5G网络逐渐投入使用，更多新形势和风格也加入到了网页中。互联网用户的思维、爱好和浏览习惯是不断变化的，只有跟上用户思维，才能给用户带来更好产品体验。
参考文献：
[1]《设计》 ——2016年7期
[2]《平面设计师》——扁平化版面的风格特征与设计原则，2019
[3]《人人都是产品经理》——扁平化2.0：扁平化设计以前从未有的6个设计风格，2016
[4]《教育教学论坛》——多媒体时代扁平化设计风格在平面设计中的应用，2016
[5]《包装工程》——扁平化风格在网页界面设计中的应用，2015
385
视界观.2021.02
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论