论文部分内容阅读
【摘要】扁平化设计趋势是否已经成为过去式了呢?我认为它还没“死”。不过,这种趋势已经演变为对用户来说不那么明显,但更有吸引力的表现形式。扁平化设计的早期阶段完全缺乏辅助的设计元素,如阴影,渐变或纹理等可以增加真实感的元素。其中的很多设计元素现在都在回归到“流行趋势”的道路上,所以,为什么不试试与扁平化设计的整体思想相互配合,以创建简单易用的网站设计和用户体验。
【关键词】扁平化;用户体验;视觉体验
扁平化设计是对2010年初期在网站建设项目中“泛滥”使用的所有过分逼真元素的对立面,逼真经常表现为阴影,假的三维元素和纹理等。部分虚拟真实化的设计方式和元素来源于APPLE,因为这是应用商店及其设备上的图标风格。
扁平化设计的本质就是更注重对干净线条和更多的2D风格的使用,它更容易理解和使用。扁平化设计方案也侧重于高对比度的色彩和排版重点的元素,而不是大量的图像。一些用户发现,这种剥离的样式缺乏足够的信息来帮助他们引导用户浏览和发现信息。但绝大多数的设计师都喜欢这样做,尤其是在网站设计的工作中,扁平化设计可能是过去十年中最大和最具革命性的视觉趋势之一,因为现在它依然存在它的用武之地。
一、扁平元素的应用
Apple 在2013年发表了新版iOS 7,使用 Helvetica 做为系统字型,也一改前6代使用的拟物化设计,正式改为扁平化设计。
不过一开始有些果粉不太能接受这种巨变,一时间哀鸿遍野,不过现在看来这是十分正确的决定,因为就在几年后,Google 也加入了扁平化行列,自此起扁平化设计变成了几乎整个UI设计的趋势。
对比早期复杂样式的按钮样式来说,现在更需要简单的按钮样式,这样在视觉上让人们更加简单明了的关注到重点,忽略的不重要的部分。方形或圆角边缘的矩形框中使用黑色或白色的文本,这是最常见的。logo和图标设计也采用了这种扁平的风格,配合更精细的主页设计,这些才是真正突出扁平化的视觉设计。
二、简化页面
导航的图标和其他隐藏的导航通过最初是基于扁平化设计缩演变出来的,因为设计师试图从视觉流程中剥离那些“多余”的元素。在视觉上给人一种简单大气的感觉,所以在UI设计中适当使用扁平设计省略掉不必要的部分,视觉中心直达重点,省略掉繁复进而从简。
作为常規标准,主页不需要过于杂乱和具备太多的信息元素,因为主页最本质的一项功能更倾向于使用户专注于单一的动作。所以,即使有多个元素,你也要尽量使用户的方向或动作在整体项目中不置于那么“慌乱”。
剥离设计的过程中你必须专注于适合的字体和排版。这个想法可以与越来越多地更好的排版套件和Web字体配合,使得设计人员更容易专注于这项工作。
平面设计的演变让我们有了更好的网站设计。它更容易阅读、它更可用或者就简单的它只是看起来更好。关于这一趋势最好的事情之一同样也是为什么它发展如此顺利的原因——它的灵活性足以使它轻松发展。 设计人员可以从扁平化设计中获取最佳的效果和概念,并将其纳入几乎任何项目中。这就是为什么我们在今天的项目中仍然看到这么多的应用,为什么平面设计不是另一个短暂的时尚潮流。
三、扁平化设计的优点
越来越多的研究说明了智能手机出现后人们使用电子产品习惯的改变,使用者在一天当中使用智能手机的时间超过个人电脑,毕竟手机随时随地都可以使用,在这样的情况下,就必须考虑要能在不同尺寸上的装置呈现出一致的用户体验。
扁平化设计有很好的可读性和易读性,在去除掉多余的装饰效果后,留下清楚明确的几何图案,呈现出极简风格,用户不用特别放大屏幕来寻找链接或按钮。
由于图案细节的简化,不管是在 Adobe Photoshop 或 Adobe Illustrator 制作文档都能加快设计速度,更甚者许多效果可以直接用 HTML/CSS 直接呈现。相较于拟物化的图片文件,扁平化设计的图标大幅降低了文件大小,有些效果甚至可以直接用几行 CSS 和Js代码替代,直接省去图片了,降低 Web 和 App 的体积。由于手机的系统空间及硬体效能仍比不上PC,扁平化设计降低文件大小和较佳的自适性可增加载入速度。设计师可专注在排版与文字上,让画面看起来锐利而清晰,而非多余的文字外观修饰与无意义的动画效果,无衬线字体也能让用户快速看懂内容而又不会分散焦点。
四、扁平化设计的缺点
扁平化设计似乎总算打倒了流行多年的拟物化设计,但是,在这波趋势之下,你还是得想想那些关于扁平化设计的缺点。
用户时常会困惑到底哪些是纯展示内容,哪些是可以操作的区域?当界面上使用越多种类的颜色时,颜色间彼此是否协调就会变得相当困难,设计师对颜色的掌握优劣就会十分明显除了品味与美感之外,还需要懂一些色彩心理学。当界面没有太多装饰与附加效果,一个失败的排版会看起来像是粗劣、半吊子的未完成作品。
五、结语
扁平化设计的成功并非一蹴而就,而是经过拟物化过程的演变而来,人们对于认知学习已足够看懂抽象图示的功能。那么,扁平化设计改变的只有资讯产业吗?绝对不仅于此。
其实从历史的角度来看,每一个时期的风格都不会持续太久的,更何况是资讯爆炸的今天,人对于视觉的风格依旧会疲乏,拟物久了就会想要扁平,扁平久了又想回到拟物,周而复始。
而设计就是要在这潮流之中,寻找出最适合当下的元素和风格来解决眼前的问题,唯有能解决问题的设计才是好设计。
参考文献:
[1]张俊伟.极简管理:中国式管理操作系统[M].北京:机械工业出版社,2013.
[2]朱晓阳,朱华,欧永和.极简主义在手机APP启动图标设计中的运用[J].包装工程,2014(08).
[3]杨茜怡.谈产品设计的发展趋势――从“无印良品”看当代极简主义设计[J].美术大观,2011(04).
【关键词】扁平化;用户体验;视觉体验
扁平化设计是对2010年初期在网站建设项目中“泛滥”使用的所有过分逼真元素的对立面,逼真经常表现为阴影,假的三维元素和纹理等。部分虚拟真实化的设计方式和元素来源于APPLE,因为这是应用商店及其设备上的图标风格。
扁平化设计的本质就是更注重对干净线条和更多的2D风格的使用,它更容易理解和使用。扁平化设计方案也侧重于高对比度的色彩和排版重点的元素,而不是大量的图像。一些用户发现,这种剥离的样式缺乏足够的信息来帮助他们引导用户浏览和发现信息。但绝大多数的设计师都喜欢这样做,尤其是在网站设计的工作中,扁平化设计可能是过去十年中最大和最具革命性的视觉趋势之一,因为现在它依然存在它的用武之地。
一、扁平元素的应用
Apple 在2013年发表了新版iOS 7,使用 Helvetica 做为系统字型,也一改前6代使用的拟物化设计,正式改为扁平化设计。
不过一开始有些果粉不太能接受这种巨变,一时间哀鸿遍野,不过现在看来这是十分正确的决定,因为就在几年后,Google 也加入了扁平化行列,自此起扁平化设计变成了几乎整个UI设计的趋势。
对比早期复杂样式的按钮样式来说,现在更需要简单的按钮样式,这样在视觉上让人们更加简单明了的关注到重点,忽略的不重要的部分。方形或圆角边缘的矩形框中使用黑色或白色的文本,这是最常见的。logo和图标设计也采用了这种扁平的风格,配合更精细的主页设计,这些才是真正突出扁平化的视觉设计。
二、简化页面
导航的图标和其他隐藏的导航通过最初是基于扁平化设计缩演变出来的,因为设计师试图从视觉流程中剥离那些“多余”的元素。在视觉上给人一种简单大气的感觉,所以在UI设计中适当使用扁平设计省略掉不必要的部分,视觉中心直达重点,省略掉繁复进而从简。
作为常規标准,主页不需要过于杂乱和具备太多的信息元素,因为主页最本质的一项功能更倾向于使用户专注于单一的动作。所以,即使有多个元素,你也要尽量使用户的方向或动作在整体项目中不置于那么“慌乱”。
剥离设计的过程中你必须专注于适合的字体和排版。这个想法可以与越来越多地更好的排版套件和Web字体配合,使得设计人员更容易专注于这项工作。
平面设计的演变让我们有了更好的网站设计。它更容易阅读、它更可用或者就简单的它只是看起来更好。关于这一趋势最好的事情之一同样也是为什么它发展如此顺利的原因——它的灵活性足以使它轻松发展。 设计人员可以从扁平化设计中获取最佳的效果和概念,并将其纳入几乎任何项目中。这就是为什么我们在今天的项目中仍然看到这么多的应用,为什么平面设计不是另一个短暂的时尚潮流。
三、扁平化设计的优点
越来越多的研究说明了智能手机出现后人们使用电子产品习惯的改变,使用者在一天当中使用智能手机的时间超过个人电脑,毕竟手机随时随地都可以使用,在这样的情况下,就必须考虑要能在不同尺寸上的装置呈现出一致的用户体验。
扁平化设计有很好的可读性和易读性,在去除掉多余的装饰效果后,留下清楚明确的几何图案,呈现出极简风格,用户不用特别放大屏幕来寻找链接或按钮。
由于图案细节的简化,不管是在 Adobe Photoshop 或 Adobe Illustrator 制作文档都能加快设计速度,更甚者许多效果可以直接用 HTML/CSS 直接呈现。相较于拟物化的图片文件,扁平化设计的图标大幅降低了文件大小,有些效果甚至可以直接用几行 CSS 和Js代码替代,直接省去图片了,降低 Web 和 App 的体积。由于手机的系统空间及硬体效能仍比不上PC,扁平化设计降低文件大小和较佳的自适性可增加载入速度。设计师可专注在排版与文字上,让画面看起来锐利而清晰,而非多余的文字外观修饰与无意义的动画效果,无衬线字体也能让用户快速看懂内容而又不会分散焦点。
四、扁平化设计的缺点
扁平化设计似乎总算打倒了流行多年的拟物化设计,但是,在这波趋势之下,你还是得想想那些关于扁平化设计的缺点。
用户时常会困惑到底哪些是纯展示内容,哪些是可以操作的区域?当界面上使用越多种类的颜色时,颜色间彼此是否协调就会变得相当困难,设计师对颜色的掌握优劣就会十分明显除了品味与美感之外,还需要懂一些色彩心理学。当界面没有太多装饰与附加效果,一个失败的排版会看起来像是粗劣、半吊子的未完成作品。
五、结语
扁平化设计的成功并非一蹴而就,而是经过拟物化过程的演变而来,人们对于认知学习已足够看懂抽象图示的功能。那么,扁平化设计改变的只有资讯产业吗?绝对不仅于此。
其实从历史的角度来看,每一个时期的风格都不会持续太久的,更何况是资讯爆炸的今天,人对于视觉的风格依旧会疲乏,拟物久了就会想要扁平,扁平久了又想回到拟物,周而复始。
而设计就是要在这潮流之中,寻找出最适合当下的元素和风格来解决眼前的问题,唯有能解决问题的设计才是好设计。
参考文献:
[1]张俊伟.极简管理:中国式管理操作系统[M].北京:机械工业出版社,2013.
[2]朱晓阳,朱华,欧永和.极简主义在手机APP启动图标设计中的运用[J].包装工程,2014(08).
[3]杨茜怡.谈产品设计的发展趋势――从“无印良品”看当代极简主义设计[J].美术大观,2011(04).