网站首页
手机版

扁平化UI设计优缺点

更新时间:2022-03-23 17:40:15作者:佚名

扁平化UI设计优缺点

  扁平化概念的核心意义是:去除冗余、厚重和繁杂的装饰效果。而具体表现在去掉了多余的透视、纹理、渐变以及能做出3D效果的元素,这样可以让“信息”本身重新作为核心被凸显出来。同时在设计元素上,则强调了抽象、极简和符号化。
  
  扁平化的设计,尤其是手机的系统直接体现在:更少的按钮和选项,这样使得UI界面变得更加干净整齐,使用起来格外简洁,从而带给用户更加良好的操作体验。因为可以更加简单直接地将信息和事物的工作方式展示出来,所以可以有效减少认知障碍的产生。
  

  扁平化的设计,在移动系统上不仅界面美观、简洁,而且还能达到降低功耗、延长待机时间和提高运算速度的效果。例如,Android 5.0就采用了扁平化的效果,因此被称为“最绚丽的安卓系统”。
  
  “Flat Design”为“扁平化设计”的英文名,这个概念在2008年由Google提出。但围绕“Flat Design”这个名字则存在着诸多争议,现在你所看到的这个名称“Flat Design”也并未被大家所完全认可。
  
  优缺点编辑
  
  优点
  
  降低移动设备的硬件需求,延长待机时间;
  
  可以更加简单直接的将信息和事物的工作方式展示出来,减少认知障碍的产生;
  
  随着网站和应用程序在许多平台涵盖了越来越多不同的屏幕尺寸,创建多个屏幕尺寸和分辨率的skeuomorphic设计既繁琐又费时。设计正朝着更加扁平化的设计,你可以一次保证在所有的屏幕尺寸上它会很好看。扁平化设计更简约,条理清晰,最重要的一点是,更好的适应性。
  
  缺点
  
  扁平化反对者认为:
  
  降低用户体验,在非移动设备上令人反感;
  
  缺乏直观,需要一定的学习成本;
  
  传达的感情不丰富,甚至过于冰冷。
  
  生活中处处可见扁平化设计作品,比如苹果手机,采用棱角分明的线条,加上苹果的部分应用设计界面,单色鲜明的对比,非常漂亮。
  
  扁平化设计与当下最为觉的拟物化设计形成鲜明对比,Android系统界面曾经均采用拟物化,苹果iOS系统曾经也采用拟物化,但作为手机领域的风向标的苹果手机最新推出的iOS使用了扁平化设计,是拟物化基础上进行的扁平化改造,都有可取之处与诟病,总之都是非常棒的设计美学。而Android的扁平化设计能使得总体视觉与交互变得”温暖“。
  
  在扁平化设计目前最有力的典范是微软的Windows以及Windows Phone和Windows RT的Metro界面,不得不说Microsoft不愧为扁平化用户体验开拓者,如此大胆的尝试与实现,不得不让人佩服。与扁平化设计相比,在目前也可以说之前最为流行的是skeuomorphic设计,最为典型的就是苹果iOS系统中拟物化的设计,让我们感觉到虚拟物与实物的接近程度,iOS、安卓也已在向扁平化改变。
  
  设计趋势
  
  越来越多的网站设计已在UI上走扁平式设计的路线。谈到设计,无论是一个网站还是一个应用程序,扁平化和极简的设计正在成为新的趋势。人们正在原来一直很受欢迎的skeuomorphism设计(模仿实物纹理),苹果推出iOS时许多设计师都采用它。
  
  但随着网站和应用程序在许多平台涵盖了越来越多不同的屏幕尺寸,网站设计正朝着更加扁平化的设计,你可以一次保证在所有的屏幕尺寸上它会很好看。

本文标签: 优缺点  百科  扁平化  标签  

为您推荐

word如何进行全文分栏和某段落分栏 word如何进行全文分栏和某段落分栏的区别

word如何进行全文分栏和某段落分栏 在Word2003中,我们可以对一篇文章进行分栏设置,分两栏,分三栏都可以自己设置.像我们平常看到的报纸.公告.卡片.海报

2024-09-12 00:09

word2010大纲怎么显示(word文档显示大纲从哪里按出来)

word2010大纲怎么显示(word2010如何使用大纲视图) 有些时候我们在网上下载的一些word文档太长了,我们其实可以显示大纲,看清楚每一节是否有自己需

2024-09-12 00:08

七种常见的Word打印设置技巧 七种常见的word打印设置技巧视频

七种常见的Word打印设置技巧 七种常见的Word打印设置技巧 1.打印指定页码 有些时候,我们只希望打印文档中的某些页码,只要点击菜单命令"文件→打印",在打

2024-09-12 00:08

四种方框内打钩符号的简易方法 四种方框内打钩符号的简易方法是什么

四种方框内打钩符号的简易方法 如何在Word方框里打钩? 四种方框内打钩符号的简易方法   如何在Word方框里打钩? 一.在方框里打钩的方法一 利用带圈数字来

2024-09-12 00:08

Word文档中对表格中数据进行计算的方法

Word文档中对表格中数据进行计算的方法 Word文档中对表格中数据进行计算的方法 1.在表格的最后一个单元格中单击放置插入点光标,然后在"表格工具-布局"选项

2024-09-12 00:07

怎么关闭Word文档中自动添加项目编号(怎么关闭word文档中自动添加项目编号显示)

怎么关闭Word文档中自动添加项目编号 怎么关闭Word文档中自动添加项目编号 1.启动Word 2013,打开"Word选项"对话框,在左侧选择"校对"选项,

2024-09-12 00:07