发布时间:2024-01-25 09:39:22 浏览量:167次
本文内容承接自:
扁平化设计的前身
到底是谁先开始用扁平化设计的?没错,跟你想的不一样,不是以设计闻名的 Apple 开始的,而是那个常常把事情搞砸的 。
在2006年为了和当时红极一时的 iPod 竞争, 推出了 Zune,不过当然不是 Apple Music + 的对手,Zune 自然就失败了扁平化管理的优点,但是 Zune 简洁的界面搭配它的软件显得十分清新,也让播放器和电脑上的软件有一致的用户体验。
Zune 和 Zune
扁平化设计的应用
在 推出后没多久, 在2010年也推出他的第一代智能手机 Phone 7,这可以说是扁平化设计第一次在资讯产品上向世人展现其样貌,使用简单的方格状色块与无衬线字体的界面,图标也不再以拟物化呈现,而是去除了细节与阴影。
把这种界面称为「Metro UI」(后来因为和德国零售业龙头 Metro AG 有冲突而改名叫 UI),之后便开始整合到公司旗下的产品,如 Xbox 360 和 系列软件,2012年更是使用在 8 的动态砖上。
可是,扁平化设计是出现了,这也只不过是让世人一窥它的面纱,那它又是如何快速窜起成为UI潮流的呢?
扁平化设计的崛起
精明的 Apple 大概在暗自窃喜把珍珠当石头玩的 ,马上在2013年发表了新版iOS 7,使用 做为系统字型,也一改前6代使用的拟物化设计,正式改为扁平化设计。
不过一开始有些果粉不太能接受这种巨变,一时间哀鸿遍野,不过现在看来这是十分正确的决定,因为就在几年后, 也加入了扁平化行列,自此起扁平化设计变成了几乎整个UI设计的趋势。
不过,Apple为什么愿意冒着风险,排除众议的使用扁平化设计呢?
扁平化设计的优点
越来越多的研究说明了智能手机出现后人们使用电子产品习惯的改变,使用者在一天当中使用智能手机的时间超过个人电脑,毕竟手机随时随地都可以使用,在这样的情况下,就必须考虑要能在不同尺寸上的装置呈现出一致的用户体验。
而扁平化设计正好有着一些十分棒的优点来解决问题。
The Same User :扁平化设计的色块单纯、容易延伸拓展,可以在不同尺寸的装置上呈现一致的风格,有着自适应的特性;而拟物化的按钮在伸缩时则容易造成阴影或光泽被压扁等扭曲问题。
Keep It : 扁平化设计有很好的可读性和易读性,在去除掉多余的装饰效果后,留下清楚明确的几何图案,呈现出极简风格,用户不用特别放大屏幕来寻找链接或按钮。
Color & :在颜色配置通常大量采用明亮色彩,并运用颜色去做阶层和排版区隔,让使用者有正向的观感。
Up the :由于图案细节的简化,不管是在 Adobe 或 Adobe 制作文档都能加快设计速度,更甚者许多效果可以直接用 HTML/CSS 直接呈现。
Less in :相较于拟物化的图片文件,扁平化设计的图标大幅降低了文件大小,有些效果甚至可以直接用几行 CSS 和Js代码替代,直接省去图片了,降低 Web 和 App 的体积。
Load :由于手机的系统空间及硬体效能仍比不上PC,扁平化设计降低文件大小和较佳的自适性可增加载入速度。
Focus on Great and Font:设计师可专注在排版与文字上,让画面看起来锐利而清晰,而非多余的文字外观修饰与无意义的动画效果,无衬线字体也能让用户快速看懂内容而又不会分散焦点。
It's :、Apple、 等许多知名软件公司及网页、App都加入了扁平化设计的行列,所以跟上潮流是个保险的作法,而且网络上也有许多相关的资源可以使用。
扁平化设计的缺点
扁平化设计听起来棒极了!似乎总算打倒了流行多年的拟物化设计,但是,在这波趋势之下,你还是得想想那些关于扁平化设计的缺点。
:扁平化设计在多层次资讯和复杂资讯的呈现上有困难扁平化管理的优点,Win 8 是个很好的失败例子,另外一个问题是手机上因为不像电脑有鼠标,有着移到某个标示时、该标示会改变颜色或字体的「Hover」功能,使用者并非总是清楚哪边可以按钮、哪边可以输入文字。
用户时常会困惑到底哪些是纯展示内容,哪些是可以操作的区域?
Color is Tough to Match:当界面上使用越多种类的颜色时,颜色间彼此是否协调就会变得相当困难,设计师对颜色的掌握优劣就会十分明显除了品味与美感之外,还需要懂一些色彩心理学。
(多数工程师没有美学方面的知识,一般设计师又不懂网页语言)
Weak :当界面没有太多装饰与附加效果,一个失败的排版会看起来像是粗劣、半吊子的未完成作品。
面对这种情况,由 主导的 则是另一个趋势,可以说是后扁平化时代或扁平化设计2.0。
结语
扁平化设计的成功并非一蹴而就,而是经过拟物化过程的演变而来,人们对于认知学习已足够看懂抽象图示的功能。那么,扁平化设计改变的只有资讯产业吗?绝对不仅于此。
除了上述提到的之外,扁平化设计也日益普及影响到其他的设计领域,特别是印刷产品的设计,如海报和书籍封面(毕竟原本瑞士设计就是用于此),有越来越多的旅游手册或产品说明书也开始采用人们逐渐习惯的扁平化设计。
有趣的是,许多手机游戏也开始使用扁平化设计的概念在制作,像是很有名的2048数字游戏。
当科技产品中的用户体验逐渐改变人们的认知学习时,会开始影响其他领域的相关设计,改变成大家所习惯的视觉风格,那么扁平化会持续多久呢?
其实从历史的角度来看,每一个时期的风格都不会持续太久的,更何况是资讯爆炸的今天,扁平化才开始兴起的隔年 就推出 虎视眈眈,而人对于视觉的风格依旧会疲乏,拟物久了就会想要扁平,扁平久了又想回到拟物,周而复始。
而设计就是要在这潮流之中,寻找出最适合当下的元素和风格来解决眼前的问题,唯有能解决问题的设计才是好设计。
本文载自,仅供交流学习
热门资讯
想要了解iPhone6界面设计的尺寸规范吗?这里为您详细介绍iPhone6的UI设计尺寸规范,包括界面尺寸、图标尺寸、可点击高度规范、搜索栏高度规范以及界面元素之间的距离规范。
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
3. 移动端UI设计中常见的5种APP界面类型,你get到了吗?
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型,帮助大家更好地了解UI设计的基本知识
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
探索零基础UI设计培训的时长与薪资前景。了解数字艺术教育领域的专业课程,以及培训后的职业发展机会。
ui设计应该让用户一目了然,能够快速找到所需的信息和功能。在设计过程中,应尽量使用简洁的图标、文字和色彩,避免过多的视觉干扰。符合用户习惯:ui设...
想了解武汉UI设计培训班的费用是多少吗?不知道学UI设计要花多少钱?不妨看看这篇文章,了解UI设计培训班的学费价格以及学习内容。
10. 设计中的色彩心理学:浅析中西方色彩的历史演变与设计应用
摘要:本文探讨了色彩的历史演变和设计应用。通过对色彩在早期文明社会中的实用运用、不同文化背景下色彩观念的差异、色彩在设计中的重要性以及新兴技...
同学您好!