扁平化设计”的使用正逐渐成为网页和UI设计近期的大趋势,同时也是时下的一个热门话题,各种探讨和学习研究纷至沓来。鉴于我本身一直钟情于极简主义,所以扁平化设计中的美学对我极有启发,特别是在近期对QuoteRobot,进行重新设计时。

什么是扁平化设计?

从实践角度说,扁平化设计就是指不采用近几年流行的渐变、像素影和拟物化方法,实现“扁平化”的界面。

扁平化设计范例

在Squarespace的新版本中,设计师选用了一套近乎完全扁平化的界面。想来他们一定在线框图和UI上花费了大量的时间,尽管设计过程如此复杂,但导航却十分简单。

我自己虽然从来没用过LayerVault,但根据我的观察,其的扁平化UI很简单易用。

对原产品设计中因功能性而存在的设计要素进行模仿,并使之成为新设计中装饰性元素的一种产品设计元素。

举例来说,我们经常对用做按钮的元素应用渐变和投影效果,因为真实世界中的按钮就具有这些属性,但在计算机用户界面环境中实际上这些属性并非必要。

“一个天气类应用使用玻璃温度计的图片,这就是拟物化:玻璃在原始环境(真实世界的温度计)下是必要的,但在新的设计中却纯粹是个装饰。”

在日历应用上使用皮革材质是否真的必要?同样,对按钮应用渐变和3d边缘是否真的必要?难道不这样用户就不知道去点按钮了吗?装饰到什么程度算是必要?没有装饰就不行了吗?

“真实生活中,人在按按钮时会感觉到弹性,但是在手机或者屏幕上却没有这种物理的反馈。虽然在你脑中能够想象这种物理性,但在拟物化的现实中它并不真实存在。所以说,或者至少对我来说,拟物化在这一方面并不能达到期望的高度,这让我很

因此,扁平化设计完全可以成为对界面设计滥用装饰的抵制,正如极简主义抵制过去华而不实的豪华建筑风格。

功能决定形式,拥抱扁平化

具体运用到用户界面设计中,这通常就是说要去掉让界面贴近真实生活的内容。37signals的团队因在其产品(如Basecamp)中运用这一原则而名声大振(而且大获成功)。在扁平化设计界,“少即是多”是的真理。为了表现出扁平化设计的美感,设计师必须注重于对象的功能,而不是外观。这是关键,也是线框图对设计流程如此重要的原因所在。

审美因人而异

在写这篇文章前的调研过程中,我几乎没找到任何科学论断来支持屏幕上的按钮越真实就越显得“可点”这一说法。虽然有很多据为对比、颜色理论和层级理论提供支持,但我敢肯定的说,一个扁平化的橙色按钮和一个斜面橙色按钮放到恰当的背景下效果完全不会有差别。

文中图片素材来源网络,如有侵权请联系删除

linux美学设计,扁平化设计美学探讨相关推荐

  1. 【pmcaff】重磅干货,必读的扁平化设计技巧

    点击上方 "公众号" 可以订阅哦! 编者:火了一年的扁平化,同学们都了解清楚了吗?今天@网秦UEC 的同学从国外译过来一篇好文,从扁平化的流行缘由聊到对界面设计的影响,附有一些设计 ...

  2. UI设计实用素材|扁平化设计的模板

    APP扁平化设计就是尽量避免使用凹凸.阴影.斜角渐变.材质等装饰手段,只为内容和功能服务,降低视觉疲劳和审美疲劳,进而使得其条理更清晰,同时它还具有更好的适应性. APP扁平化设计的优势 APP扁平化 ...

  3. (10.1.3.2)浅谈扁平化设计—– keep it simple

    2013可以说是扁平化设计的一年. 扁平化时代之前,设计师的作品往往非常的写实,非常的有立体感!但是现在即便是拟物设计的引领者苹果,也不得不转变设计思路,在iOS 7上开始着手扁平化设计的探索. 什么 ...

  4. 扁平化设计的前世今生

    如今一提到网站设计,就会不可避免地碰到"扁平化设计"(flat design)这个词.近几年扁平化设计趋势风生水起,也受到很多大公司的青睐. 但扁平化设计来源是哪里?为什么它风靡网 ...

  5. 为什么扁平化设计辣么火?它会过时么?

    2019独角兽企业重金招聘Python工程师标准>>> 5月11日,Facebook 旗下的图片社交应用 Instagram 更换了新的 LOGO,放弃了复古相机的样式,转而变成了一 ...

  6. UI设计师进行扁平化设计时需要注意的4个方面!

    对于用户来说,相较于比较繁琐.复杂的设计,他们会更加青睐简洁但是功能比较稳定的扁平化UI界面.所以为了契合用户喜好,UI设计师自然要了解扁平化设计.那么,零基础学习UI设计,进行扁平化UI设计需要注意 ...

  7. 全世界都被拍扁!你应如何理性对待扁平化设计

    全世界都被拍扁!你应如何理性对待扁平化设计 作者:柚子C  扁平化设计如日中天.去除繁杂装饰的极简主义界面设计正当时.扁平化设计聚焦两点:视觉的极简主义,功能的最优表达.用最简单的用户界面达成最详备的 ...

  8. 别让扁平化设计平淡无奇

    早在2013年iOS7发布以来,扁平化设计就轰动了互联网世界.从那以后,它就持续发扬光大,并且发展出数量惊人的变种. 随着带有扁平化色彩的Google Material design规范的推出.卡片式 ...

  9. 【平面设计】扁平化设计(Ⅲ)——原则

    [导读]关于扁平化设计是一个大的门类,通过前面两期的分享,我们已经知道了其概念和技巧的内容,今天我们继续与大家一同分享它的原则. 拒绝特效 顾名思义,扁平化设计仅仅采用二维元素.所有元素都不加修饰-- ...

最新文章

  1. 阿里巴巴Druid数据源,史上最强的数据源,没有之一
  2. 《转》python学习--基础上
  3. makefile 基本总结
  4. 项目实践中Linux集群的总结和思考
  5. JavaScript 逆向 ( 一 ) --- JavaScript 语法基础
  6. java 流已被关闭_mybatis oracle java.sql.SQLException: 流已被关闭问题
  7. c语言汉字utf8,C语言汉字gbk转utf-8
  8. 麒麟服务器操作系统V10虚拟机安装
  9. 贝叶斯统计之三种信息
  10. 比较常见的几种代理ip类型
  11. 一篇我觉得不错的文章
  12. html里子目录,技术宅文之还电脑屏幕原来的百富美姿态_html/css_WEB-ITnose
  13. Lumiprobe核酸定量丨QuDye dsDNA BR 检测试剂盒
  14. JavaWeb项目----实现用户登录、注册、对商品信息进行的添加、删除、修改功能
  15. C语言基础之输出m到n之间的素数
  16. 阿博茨科技:不仅是工具,基于用户体验的CRM再选择
  17. vue-element-admin安装时报错
  18. cobalt strike安装
  19. Linux内核分析 读书笔记 (第一章、第二章)
  20. oracle如何取正负数,ORACLE 统计正负个数sql

热门文章

  1. 京东实习测开HR面(过)
  2. 2021 第四届安洵杯 MISC wp
  3. 设计一个个人纳税计算程序
  4. 图形化管理工具Portaniner安 以及 Docker镜像详解(三)
  5. html css图标怎么跟文字并排,科技常识:css图标与文字对齐的两种实现方法
  6. Linux性能分析工具perf基础使用介绍
  7. 《时光不再,你还在》凌莫寒白静熙第二章 这么开心的时刻,他只想和我庆祝...
  8. 为什么微信转账,对方收款要确认,而支付宝不用?
  9. 岛屿最大面积 leetcode Java_【Leetcode刷题】岛屿的最大面积
  10. 指尖江湖鸿蒙抽奖,剑网三:指尖江湖 李忘生竞技场攻略