什么是扁平化设计?扁平化时代之后会怎样?
译者前言
一个戏剧性的事实,不出意外我现在应该是一名 Android 开发工程师,意外是指遇到了 Angular,戏剧是指这俩都是 Google 的!而 Google 最出名的设计语言是 Material Design。 我最近一直在忙于自己项目的设计(https://github.com/wizaaard/wizard),其实前端最终反馈给用户的第一直觉就是 UI,我喜欢 Material Design 却不知如何下手,于是这几天我到处寻找 Material Design 的资料,找到了这一篇我认为比较好的文章,于是翻译出来跟大家分享😄。
欢迎大家勘错,来自一名最不前端的前端工程师 😃
(资料图片)
什么是扁平化设计
随着 IOS7 的即将发布,Jony Ive 为了破坏性的更改而呼声高涨,大家都知道 Apple 将进行改头换面的扁平化设计,但是对于刚接触的人来说,“扁平化设计” 是一个容易让人困惑的词,所以让我们说出来吧!
“扁平化设计” 是对于设计哲学的 shorthand (Flat Design is shorthand for a design philosophy)
看看你的电脑桌面,或者 IPhone 的计算器,或者你的 Ipad newstand,这些东西被设计成声音和外观都和真实世界的对应的物品一样,但是我们真的需要这些虚拟的暗示和额外的设计吗?提倡扁平化设计的人并不这么认为。
这个争论的点在 UI 材料的简洁度,清晰度,纯粹度(译注:honest)
相反,扁平化设计的拥护者认为 GUI (graphical user interfaces) 应该避免样式对功能的描述(should eschew style for functionality),意思是说应该避免(UI)倾斜的(beveled),有边缘的(edges),渐变的(gradients),有阴影的(shadows)和反射(reflection),以及创造一个可以发挥数字系统优势的用户体验,而不是把用户限制在熟悉的真实世界的类比物中,扁平化的页面很少在方程式(equation 译注:每个材料的设计计算程式)中引入尺寸精确的(dimensionally),有阴影的或者有纹理的,而是依赖视差(parallax)的滚动和视觉的清晰度来进行交流。 扁平化设计的一个很好的例子是 Google Now (https://www.google.com/search/about/),它使用类似卡片系统来显示信息骨架(information bracket)。而不是将信息隔离在静态图标里,现在展示的数据在一个可读性良好,很容易滑动的标准尺寸的卡片中。其他的例子?Windows8 是 Microsoft 的 Metro 设计语言的衍生物(descended)(metro 的一个实现),通过图形来帮助用户理解他们所看见的信息的内容,从而使得排版和信息的传递更有价值。
通常是对拟态设计(skeuomorphic design 译注:上面说的真实世界类比物的设计,参照<IOS7)的回应。< h3="">
想要理解扁平化设计,你必须明白去反对拟态设计。拟态设计归结为视觉上的欺骗(trikery, 译注:我倒是挺喜欢这个词😁),或者是通过使用一些细节和装饰让一件东西看起来像另一件东西,在建筑上,虚假的墙是拟态设计。在汽车设计中,虚假的木板(wood panelling)是拟态设计。在 UI 上通常将数字元素设计成像物理元素(译注:真实世界的类比物)的东西,这可能意味着任何事情, Pinterest 的 pin board 到 Find My Friends 用丰富的皮革缝合起来(That can mean anything from Pinterest’s “pin board” to the rich leather stitching that boarders Find My Friends.)。
它使用渐变,纹理和一些其他的细节让数字对象看起来“真实”
对数字元素的拟态可以追溯至 1980 年早期。苹果的都一个 GUI 来自 1984 年,引入了 “桌面” 和看起来像文件夹和纸片的图标的概念,那时候计算机界面对于大多数人是完全陌生的概念,这使得拟态设计成为一种有价值的工具。使得设计师可以创建一个旧款之间的视觉隐喻,,熟悉的对象(manilla 文件夹)和一些新的,令人困惑的工具(数字文件)。拟态设计帮助我们学习。 但是随着个人计算机的普及,越来越少的人需要视觉暗示来理解按钮或者图标的功能。 拟态化风格已经疲惫不堪,它是一种数字化的 potemkin(译注:potemkin 译作“波坦金村”,是一座虚假的村庄,用于掩饰真实村庄的衰败),它会使屏幕杂乱无章,使用户被不必要的信息变的负重不堪。因此它成为新一代设计师的偏爱,他们中的大多数人不记得没有电脑的世界。
这一切听着很熟悉,自上世纪初以来,近现代主义者一直在争论一个基本的思想:不要添加额外的细节去支撑(材料)的功能性。更纯粹的对待材料和结构,不要为了让用户感到安全就创建出虚假的展示,自 Le Corbusier 进入设计世界以来,这是每位现代设计师最基本的战争和呐喊。但在某种程度上,扁平化设计并不是什么新鲜的事情,它只是大写字母“M”,它代表 “Modernism” 的简写。
扁平化时代之后会怎样
虽然世界肯定会变得很扁平,但是它不可能一直扁平下去。我们可以注意 UI 和 UX(User Experience) 的去向,扁平化设计顺利进行之后,看上个世纪,现代主义的每一次浪潮都反抗了之前的浪潮,比如,Bauhaus 的严格现代主义和国际风格在 1930年的时候席卷全球,第二代设计师在讨论中加入了 Critical Regionalism 的概念,认为早期现代主义可以一刀切的信条还有点…幼稚。UI 设计可能会发生同样的事情,彻底扁平化之后,我们可能会看到设计师们在真正需要的地方重新引入尺寸。
但是这都是几年后的事情了,现在,我们将拭目以待,Jony Ive 是否还是采用了扁平化的设计,还是开始抵制了,这样事情会变得更加有趣。
标签:
相关推荐:
最新新闻:
- 当前简讯:计算机语言元素周期表——3D版化学元素列表
- 如何查询每个岗位的中位数位置?如何分析中位数?_环球热讯
- 决策树算法是什么?决策树的定义与核心思想 视焦点讯
- 【环球热闻】Kitten-少儿编程的首选工具 Kitten-少儿编程详情介绍
- 今日报丨AI论文中的novelty如何评价?详情介绍
- 【WOTD】remittance 释义/词源/示例 词源词根演化
- 为什么用Thread.Sleep函数把线程挂起时间?关于Thread.sleep的两个问题_世界时讯
- Statement、PreparedStatement、CallableStatement有什么区别?三者区别的详情介绍
- iPhone 14Plus遇冷:不降价就买安卓!
- 天天新消息丨如何搭建VIE架构?VIE架构如何实现海外上市?
- struts的框架介绍 Struts2框架的大致处理流程-世界新要闻
- 马斯克:10万亿美元“改造地球” 专家说不靠谱
- 基于jsp+servlet+pojo+mysql的贴吧系统 java项目源码介绍_全球观天下
- NTC热敏电阻的采集方法有哪些?NTC热敏电阻温度采集方法介绍
- 什么是扁平化设计?扁平化时代之后会怎样?
- 电介质和导体的区别是什么?电介质和导体的区别介绍
- 中兴通讯智慧家庭发布路由器新品小方糖 助推家庭网络千兆带宽普及 世界时讯
- Applewatch瑟瑟发抖!卡西欧推出G-SQUAD GBD-H2000智能手表 当前讯息
- iPhone中国换购价普降 iPhone 13 Pro折换价低了400元
- 每日快讯!大学老师撞脸《狂飙》高启盛 这压迫感谁不听课?
- 观天下!卡普空3月10日播出直播节目 将发布怪物猎人生化危机4等游戏新情报
- 《蜘蛛侠:平行宇宙2》新剧照曝光 蜘蛛侠2099亮相 格温紧随其后|环球新视野
- 《生化危机4:重制版》新演示和截图 里昂拯救黑丝碍事梨|当前滚动
- Mobileye荣获两大行业研究机构“自动驾驶领导者”评级-天天速看料
- 今日热讯:《堡垒之夜》将推出《生化危机》里昂、克莱尔联动皮肤
- iPhone 14 Pro同款“灵动岛”?realme C55手机官宣将于3月7日发布
- ALIENWARE外星人发布新款外设,扩展其不断增长的生态系统_前沿资讯
- 英特尔持续深耕数据中心渠道生态,聚合力赢未来 当前视点
- 屏下Face ID!iPhone 16 Pro大升级 报资讯
- 世界消息!《生化危机4》重制vs原版刀战对比:玩家实操机会更多!
- 中国载人航天总师:航天员见到外星人算星际合作|世界焦点
- 卖不动了!iPhone销量1月下跌11% 世界快播报
- 全球即时看!戴尔科技集团公布2023财年第四财季及全年财报
- 《黎明杀机》真人电影制作中 温子仁加盟|环球快看点
- 观天下!光荣版怪猎《狂野之心》分享赞誉宣传片
- 消息称动视收购案或将得到欧盟监管机构批准
- 《地狱之刃2》开发团队前后两次到冰岛实地取景
- 猫爬架也不安全 你做好这些准备了吗?
- 世界消息!抄底价!512GB M.2固态184元到手
- 女神节特惠!罗技爆款鼠标限时特惠229元
- 【当前独家】OpenAI允许App内嵌调用ChatGPT
- 人工智能加持?曝微软正在准备推出Windows 12|全球热闻
- 开放世界冒险《Tchia》PC配置公布 3月21日登陆Epic-当前快播
- 《FF16》宣发解禁!日本游戏店内摆满PS5实体盘盒
- 【独家焦点】《生化危机4:重制版》7分钟演示 刀战Jack Krauser
- 《卧龙:苍天陨落》M站评分解禁 均分81:微资讯
- 柯洁丢掉中国围棋等级分榜首 曾霸榜7年多|环球动态
- 最懂三国的游戏公司,并不在中国:当前快播
- 焦点快看:《卧龙》联动《永劫无间》 宁红夜、季沧海参战新DLC
- 俞敏洪称不太喜欢《狂飙》:民营企业家没一个好人
- 卧龙制作人:联动永劫无间!期待吸引中国动作游戏玩家
- 歹徒劫走汽车和小孩 大众称定位车辆要先续费被谴责|环球今亮点
- 特斯拉最新宏图第三章:新工厂、新能源计划、新机器人 快资讯
- Garmin佳明新一代Forerunner 265和Forerunner 965 GPS运动智能腕表闪亮登场
- 悦刻电子烟被罚20万:其广告涉嫌违反广告法!
- 69岁成龙再跳摩天轮!《龙马精神》片场花絮曝光:环球信息
- 《卧龙:苍天陨落》IGN 8分 战斗最好的魂类游戏
- 新人结婚朋友随100张刮刮乐 新娘:1000元开出500多
- 《黑豹2》《蚁人3》翻车:超级英雄电影为什么在中国遇冷?:天天快报
- 每日热闻!B站公布四季度财报:日活9千万 净亏损14.95亿元
- 环球报道:一加首款折叠屏手机官宣:将于今年晚些时候面世
- 购映众显卡送《穿越火线》限定好礼活动再次延长
- 2023款联想小新14轻薄本,13代i5处理器4199元
- 新学期新目标 三星GalaxyWatch5系列助力领跑开学季:实时焦点
- 固态硬盘价格新低,1TB只要249 元_当前时讯
- 热点在线丨《三体》电视剧豆瓣涨至8.6分 于和伟:像涨工资一样
- 3月15日7款游戏离开XGP 《漫威银护》《传说之下》等
- 今日视点:《最终幻想14》6.35版确定3月7日上线 新地下城任务等更新
- 儿子篮球班倒闭家长花1000万买下 网友:这就是钞能力:当前视点
- 叙事RPG《奇唤士》中文实机演示发布 发售日期待定|环球热门
- 广州2023大中专学生医保待遇标准一览(门诊+住院)
- 硬核配置强悍性能,三星玄龙骑士电竞显示器细节打造超感体验_全球看点
- 天天实时:特斯拉人形机器人自己造自己,马斯克承认其数量将超人类
- 是德科技收购Cliosoft,进一步壮大EDA软件产品线 每日资讯
- 3.8女王节送礼指南|汉印小粉饼标签机让生活更精彩
- 全球速讯:日立水墅适VF全变频新品:引领墅适大宅智慧风向
- 乔尔大危机?《最后生还者》第二季有望年内开拍:当前消息
- 《死侍》出租司机加盟《蜘蛛侠:平行宇宙2》 饰演印度蜘蛛侠
- 首次个人演唱会高桥李依给出小提醒:宅男记得洗澡!_当前关注
- 人大代表新建议 应该尽快出台《反网络暴力法》
- 天天微动态丨特斯拉确认将于墨西哥建立下一个超级工厂
- 假面骑士系列登陆B站 《假面骑士极狐》3月5日首播|全球观察
- 特斯拉人形机器人自己造自己 能自我繁衍了?_环球观速讯
- 国产显卡理论性能追上GTX 1650
- 谁在定义“无缝式嵌入”设计?TCL正在引发一场蜕变 时快讯