您好, 访客   登录/注册

浅谈界面设计中的扁平化设计风格

来源:用户上传      作者:胡艳雯

  摘 要:移动互联网技术飞速发展的今天,移动终端界面设计的重要性也逐渐显现出来,以往的拟物化设计已经慢慢被高度统一、简洁的扁平化设计风格所替代。本文旨在研究扁平化设计风格在界面设计领域的突出优势,进而分析其形成原因以及发展的必然趋势。
  关键词:扁平化;界面设计;拟物化
  1 背景
  在智能化、信息化的大背景下,科学技术迅速发展,移动智能终端已经成为大家不可或缺的一部分,界面设计受到了广泛的关注。从早期苹果手机IOS系统的问世,将拟物化设计广泛地运用到界面设计中,到后来苹果IOS7.0系统的发布,扁平化设计越来越被大众吹捧与喜爱,一时之间风靡起来。扁平化设计或许是一些设计师们对之前界面设计风格拟物化、烦琐装饰盲目追求的一种反抗,它给手机网页等移动终端带来了简洁之美。
  2 何谓扁平化设计
  扁平化设计,即Flat Design,也被称为Minimal Design或Honest Design,微软公司称Authentically Digital,指的是放弃一切装饰效果,如阴影、斜面、透视、纹理、渐变、所有的3D元素梯度,所有元素边界都干净利落,没有任何羽化,更简洁的界面风格。[1]特别是在手机界面上,按钮和选项的减少使得界面更加精炼整洁,使用者不容易被繁复的装饰干扰,能够把需要传达的信息和事物更加简单直接地显示出来,减少使用者在信息获取上的障碍。
  与扁平化设计不同,拟物化设计,是通过高光、纹理、材质、阴影或渐变等方式模拟现实物品的造型和质感,在二维界面上再现实物,让使用者看到图像以后能够快速联想到实物,进而反映出图像的功能和操作方式;拟物化设计也尽可能模拟真实生活中实体的交互方式,以最大限度地减少使用者的认知障碍。[2]
  极简主义作为一种被现代许多设计师所追求的设计风格,其内涵是尽量以最原始的设计语言满足功能需求,而扁平化设计也在极简主义的范畴中。设计师通过提炼、精简设计要素,突出最为重要的视觉信息,删除多余的、冗杂的设计语汇,这就意味着它的界面会更加清晰和整洁,只将最重要和最相关的内容呈现给用户。以往设计师过分依赖图片和图示来表达信息,而扁平化设计是将各类信息提炼、精简于图像之中,这样更利于使产品传递更具功能性的信息给用户,并减少视觉干扰。
  扁平化设计移除了许多没有关联和无意义的视觉要素,使得界面上只呈现最重要的视觉信息。在字体、色彩和排版方面,扁平化设计的特征十分突出:三角形、正方形或圆形,大多图标和按钮的形状都以这些简单几何图形呈现,这些简单的形状,没有阴影效果、斜角、浮雕、渐变等来帮助元素形成相对于屏幕的凹凸效果;同时其非常注重对色彩的运用,通常使用鲜艳、明亮的颜色,色彩总的应用原则是“总体协调,局部对比”,色块界限明显,功能更为突出;因为扁平化设计使用更为简洁的元素,所以排版的好坏更加重要了。不仅字体的大小间距应匹配整体的设计,字形可以使用粗体,对文案的要求更为精简、干练,保证产品在视觉上和措辞上的一致。[3]
  3 扁平化设计的优势与劣势
  自从苹果公司、微软公司与索尼公司在界面设计中采用扁平化风格以来,我们日常使用的数码产品以及界面设计正在发生变化,而最初产生的有关扁平化的争议也逐渐平息,但是对扁平化设计的优势与劣势的探讨并没有随着这一设计趋势范围的扩大而消失。任何一个变革必然是褒贬并存的,例如景观设计中彼得·沃克所倡导的极简主义,主张“物即其本身”,并抛弃无目的的、多余的装饰,首先满足功能需求,其次考虑形式。其最初也引起了争议,甚至被许多人反感。然而,极简主义现在已经被大多数人接受、赞同,这也是因為极简主义在当代的设计环境下有足够的需求和发展空间。
  扁平化设计的优势:第一,扁平化设计满足了当代网络及数码产品使用群体的功能需求。扁平化设计的初衷是满足使用者的需求,利于交互对象认知。[4]扁平化设计抛弃了多余的设计要素,力求精简、美观。将复杂的信息分层后分等级隐藏在虚拟按键中,移动终端用户在了解特定的手势和顺序之后便能够快速顺利地进入想要的设计界面。在互联网时代的今天,数码产品普及率高,人们普遍使用智能数码终端,也具备快速习得新型智能设备使用方法的能力,以往的拟物化设计稍显繁杂与多余,而扁平化设计在保证信息丰富化和最大化的同时,提高了使用者的使用效率。同时,扁平化设计思路更能满足用户对同时使用多种软件和APP的需求。例如安卓公司发行的多应用分屏使用功能,用户在使用特定的手势之后便能够同时使用多种软件,例如用户可以在使用聊天工具进行语言输入的同时使用视频软件查看资料。而对于制造商来说,运用扁平化设计,能够在有限的屏幕空间中将信息表达最大化。例如苹果公司将通知栏菜单隐藏至屏幕最上端,将控制中心隐藏至最下端,同时以极其概括并且辨识度高的图标表示控制按键。第二,扁平化设计满足了审美需求。对于用户来说,扁平化设计相对于拟物化设计更显格调,简单大气的色块、鲜明的抽象图案可以吸引使用者的注意力,被年轻一代的使用者提倡吹捧。第三,扁平化设计顺应了当代的设计思潮。研究表明,人类具备辨别、分类和处理图像的能力,拟物化设计高度仿真的设计风格仅仅适用于智能设备刚刚普及的阶段,能够满足少数人的需求,同时,在大数据时代和人工智能日益普及的今天,少量且单一的信息已经不能满足时代要求。扁平化设计不仅具有高度概括性的特点,同时具有一定的审美趣味。扁平化设计的创新也逐渐成为各大数码产品公司和设计师的追求。设计师们更加关注对色彩的把握、色块的不同组合所表现的情感内涵、字体变化以及版式的多样组合所带来的视觉感受。简而言之,设计师拥有更多的发挥空间,也更加关注设计本身。比如说Involvio,该APP给美国学生提供最及时的新闻、事件报道,同时提供各大校园招生信息、娱乐资讯。此APP页面设计极为简洁,是扁平化设计的代表,将信息分类、分层级储存,将各大事件的图片按照一定顺序展示,辅以简要的文字说明,实用性强。
  扁平化设计的劣势:扁平化设计从出现到流行不过十年时间,智能设备更新换代的速率远远超出我们的想象,扁平化设计的风格和作品形式也在不断发生变化。第一,对于学习能力较弱的老年人和部分中年使用者来说,扁平化设计仍然有它的弊端,部分使用者需要仔细学习才能够了解如何使用扁平化设计的软件和智能终端。扁平化设计在带来快捷处理信息能力的同时,也带来了误操作的问题,许多用户困扰于带有设计缺陷的扁平化智能终端。同时,由于扁平化设计风格,许多软件图标类似,容易引起使用者错觉,进入错误的界面。第二,在高度信息化、智能化的将来,扁平化设计风格能不能继续成为网页设计与智能终端设计风格的主流,仍然值得观察。
  参考文献:
  [1] 朱宇婷,钱琳.浅谈扁平化设计的构成要素[J].文艺生活(文艺理论),2014(11):262.
  [2] 满超.手机界面的扁平化设计研究[D].北京印刷学院,2014.
  [3] 任冬巧,杨春燕.扁平化设计在网页设计中的运用研究[J].大众科技,2014(06):2.
  [4] 方心怡.扁平化设计风格下平面视觉元素的应用研究[D].苏州大学,2015.
  作者简介:胡艳雯(1994—),女,湖南长沙人,本科,2016年毕业于西安美术学院,湖南师范大学美术学院2017级研究生,主修数字媒体艺术设计。
转载注明来源:https://www.xzbu.com/1/view-15048298.htm