TGFC Lifestyle - Powered by Discuz! Board

标题: 你们讲了一天扁平化，我就不信就我一个人不懂什么是扁平化！ [打印本页]

作者: zek2255 时间: 2013-6-11 17:43 标题: 你们讲了一天扁平化，我就不信就我一个人不懂什么是扁平化！

麻痹喷了
看了一天没看出来谁给科普下
到底什么是扁平化
百度了下也说的及其模糊。。。
有没有业内用大白话给解释下？

作者: zztg 时间: 2013-6-11 17:50

2D化，减少阴影高光等特效使用，降低立体感

作者: ggttww 时间: 2013-6-11 17:50

我也不懂:D

作者: jinye2001 时间: 2013-6-11 17:51

就是退化成原始状态

作者: 龙舌兰日出 时间: 2013-6-11 17:51

posted by wap, platform: iPhone

柳岩 =＞李宇春

作者: 小文 时间: 2013-6-11 18:14

拟物：强调立体感，有高光，有阴影，各种凹凸感，按钮就模仿一个真的按钮那样凸起来
[attach]542752[/attach]

扁平：没有立体感，没有高光，没有阴影，无凹凸感
[attach]542753[/attach]

作者: dirge 时间: 2013-6-11 18:27

扁平化就是洞窟壁画范儿，比较抽象，比较全面。拟物化就是油画范儿，比较具体，比较细节化。

扁平化是平媒最喜欢用的手法，用扁平画面来指代某种功能或信息认同。缺点是用户需要有一定的阅读经验，有识图基础。拟物化是电算化时代的UI最常用的手法，通过对某种现实存在事物的模仿而让用户产生管窥式的联想，见一斑而想全豹。

最简单的例子就是iOS6的相机和iOS7相机。拟物化的iOS6相机只要展示一个镜头就足够让人联想到这是相机软件了。而iOS7的扁平化设计需要一个完整的相机剪影（甚至更复杂）才能讲清楚这是个相机。

作者: yuiileo 时间: 2013-6-11 18:36

chrome一路升级上来就懂了

作者: zek2255 时间: 2013-6-11 18:49

感谢各位解释
特别是带图的那位，祭扫走起来！！

作者: qikwi 时间: 2013-6-11 18:49

posted by wap, platform: Galaxy Nexus

扁平就是压扁变平，很难懂吗

作者: hahayo 时间: 2013-6-11 19:55

现在明白了。

作者: 橙七七 时间: 2013-6-11 20:01

posted by wap, platform: 华为 (Ascend P1)

今日关键词，扁平化

作者: 冰镇石油 时间: 2013-6-11 20:03

posted by wap, platform: UC

扁平化也分派别的，安德猴的扁平化是拖拉机，贫狗的扁平化是奔驰

作者: 自然韵律 时间: 2013-6-11 20:06

引用:

原帖由 冰镇石油 于 2013-6-11 20:03 发表
posted by wap, platform: UC

扁平化也分派别的，安德猴的扁平化是拖拉机，贫狗的扁平化是奔驰

那wp呢？儿童脚踏车？

作者: RuQ 时间: 2013-6-11 20:53

文化低不懂就问 win7到win8是不是扁平化？

作者: 大豪寺凯 时间: 2013-6-11 20:56

引用:

原帖由 RuQ 于 2013-6-11 20:53 发表
文化低不懂就问 win7到win8是不是扁平化？

不是，只有ios7才配叫扁平化，win是儿童三轮车，安卓是拖拉机

作者: 小文 时间: 2013-6-11 20:59

但是拖拉机也是有尊严的，你不能直呼它拖拉机，你最好尊称它做三轮强力机动车

作者: 大豪寺凯 时间: 2013-6-11 21:00

引用:

原帖由小文于 2013-6-11 20:59 发表
但是拖拉机也是有尊严的，你不能直呼它拖拉机，你最好尊称它做三轮强力机动车

但是奔驰就不一样了，我现在开着GLK，就差不多觉得路上的都不是人了，一个个都是没进化完全的原始人。

作者: Eurydice 时间: 2013-6-11 21:07

posted by wap, platform: Samsung

引用:

原帖由 @大豪寺凯于 2013-6-11 21:00 发表
但是奔驰就不一样了，我现在开着GLK，就差不多觉得路上的都不是人了，一个个都是没进化完全的原始人。

似乎和我拿着狗机看猴机的感觉完全一样

按约片说法人的档次一下上去了

作者: lurist 时间: 2013-6-11 21:09

posted by wap, platform: Meizu (MX2)

拟物化变扁平化，我的理解就是三体里被放了二维攻击符太阳系～～～

作者: 大豪寺凯 时间: 2013-6-11 21:12

引用:

原帖由 Eurydice 于 2013-6-11 21:07 发表
posted by wap, platform: Samsung

似乎和我拿着狗机看猴机的感觉完全一样

按约片说法人的档次一下上去了

对的，一下子就提升到国母级别了，你说能不牛逼吗？
国母用啥我们就用啥，国母用习FSGDFGBDVSDVSCZC……………………

作者: 哈娜桑 时间: 2013-6-11 21:14

posted by wap, platform: Galaxy Nexus

那我就不懂了，这样看来扁平化不是逆潮流的嘛？

作者: tantan11 时间: 2013-6-11 21:23

引用:

原帖由 哈娜桑 于 2013-6-11 21:14 发表
posted by wap, platform: Galaxy Nexus

那我就不懂了，这样看来扁平化不是逆潮流的嘛？

这叫复古

作者: wpxgod 时间: 2013-6-11 21:24

关于扁平化MS已经解说的很清楚了绝对不是简单的把拟物图片改成平面化就完事了
http://www.evolife.cn/html/2013/71274.html
英文好的可以看看原版
http://www.microsoft.com/en-us/news/stories/design/

作者: soloyu 时间: 2013-6-11 21:24

引用:

原帖由 哈娜桑 于 2013-6-11 21:14 发表
posted by wap, platform: Galaxy Nexus

那我就不懂了，这样看来扁平化不是逆潮流的嘛？

这就跟时尚界一样，风格几年一轮回，再过个几年可能拟物又来了

作者: ylgtx 时间: 2013-6-11 21:46

越做越回去了

作者: hakuchizu 时间: 2013-6-11 21:51

扁平化不反对，但是配色里那股浓浓的山寨感让人

作者: 仲晓萌 时间: 2013-6-11 22:39

posted by wap, platform: 小米 (MI 2)

因为乔布斯死了，乔纳森上台了，对乔布斯的拟物化左倾错误路线进行了大清算，确立了扁平化作为行动纲领的新发展路线。
这个事情教给大家一个道理，不要让纯设计人员掌权，不然公司会死的很难看。

作者: amour123 时间: 2013-6-11 22:53

咱原生猴的扁平大拖拉机党竟然会被大奔驰崇信真是感激涕淋了

作者: 27 时间: 2013-6-11 23:02

乔布斯离去后苹果就是一随大流的平庸企业了

作者: codemummy 时间: 2013-6-11 23:08

引用:

原帖由 RuQ 于 2013-6-11 20:53 发表
文化低不懂就问 win7到win8是不是扁平化？

就巨硬这土包子配这么时髦么？
只有抄袭巨硬设计思路的猴和狗才叫扁平化，巨硬的那东西是九流设计民工通宵赶稿糊弄煞笔泡沫的玩意。

作者: ТheRock 时间: 2013-6-11 23:10

最近的趋势吧。。。那天ie突然自己升级了。。。就扁平了。。。我还特意发帖问来着

http://club.tgfcer.com/thread-6673750-1-1.html

作者: baki 时间: 2013-6-11 23:12

posted by wap, platform: Motorola (DROID2)

你，今天扁平化了没？

作者: justchou 时间: 2013-6-11 23:38

我觉得就像机场的各种指示牌，其实做的最成功的还是地铁的地图，包含丰富信息的同时充满设计感，设计和功能双赢。

作者: pspgo 时间: 2013-6-11 23:45

posted by wap, platform: GALAXY NOTE II

所以paul和tasha是谁啊？

作者: alalaka 时间: 2013-6-12 00:01

posted by wap, platform: iPhone

引用:

原帖由 @Lonelytb 于 2013-6-11 23:49 发表
posted by wap, platform: 小米 (MI 2S)

所以 Windows Phone 的设计风格一开始就叫 Metro UI

我在地上捡到一个好大的包袱，是您俩不小心抖掉的吗

作者: 川北 时间: 2013-6-12 01:28

posted by wap, platform: iPad

说白了就是大凶和飞机场的区别

作者: springer 时间: 2013-6-12 16:31

你们真就当扁平化是指视觉风格去立体化啊。。。这望文生义的能力也太强了吧

作者: codemummy 时间: 2013-6-12 16:57

引用:

原帖由 springer 于 2013-6-12 16:31 发表
你们真就当扁平化是指视觉风格去立体化啊。。。这望文生义的能力也太强了吧

只有苹果的设计语言才配称之为扁平化，之前是扁平化，如今还是扁平化。

作者: pppkkk 时间: 2013-6-12 17:00

posted by wap, platform: iOS

就是压扁了呗，有什么不懂的？

作者: oversleep 时间: 2013-6-12 17:02

儿童画

作者: tankb52 时间: 2013-6-12 19:00

就是Windowsxp/7 不装显卡驱动，那样的感觉就是扁平化

作者: FFCLOUD 时间: 2013-6-12 20:00

posted by wap, platform: 华为 (U9508)

感谢科普O_o终于搞懂了……

作者: fyyx 时间: 2013-6-12 20:19

苹果重新定义了扁平化

不是么?

作者: berserkme 时间: 2013-6-12 20:29

posted by wap, platform: Firefox

这尼玛屁大点事情用得着编个这么专业的词汇么
一般来说说起扁平化都是想到组织架构，等级层次少往上三级就能从业务员找到总裁这叫扁平化
尼玛UI重新画了下都能这么当回事

作者: springer 时间: 2013-6-12 21:51

扁平化，指的是在组织架构上，减少纵向层级，增加横向类项的一种调整趋势。
举例而言，把层层包含的文件夹路径树中的项目合并到一两个大型文件夹中平级存在，甚至全部放到根目录下，就是典型的扁平化。
在计算机和手机应用中，扁平化会增加项目应用的直观性，恰当的扁平化还可以提高效率便于使用，但代价是损失系统和应用的逻辑关系。

把扁平化当作系统在视觉上的去立体化，和以为黑客就是穿黑衣服的客人是一个层次。。。

作者: yuhui 时间: 2013-6-12 23:01

posted by wap, platform: iPhone

麻痹，今天我整个人都扁平化了~

作者: wenhan1026 时间: 2013-6-13 01:38

posted by wap, platform: 天语 (V9)

大家都扁平化才是真的扁平化！

作者: 菜 时间: 2013-6-13 04:26

引用:

原帖由 springer 于 2013-6-12 16:31 发表
你们真就当扁平化是指视觉风格去立体化啊。。。这望文生义的能力也太强了吧

TG讨论贴最不缺的就是像你这种人。

作者: 菜 时间: 2013-6-13 04:40

引用:

原帖由 springer 于 2013-6-12 21:51 发表
扁平化，指的是在组织架构上，减少纵向层级，增加横向类项的一种调整趋势。
举例而言，把层层包含的文件夹路径树中的项目合并到一两个大型文件夹中平级存在，甚至全部放到根目录下，就是典型的扁平化。
在计算机和 ...

搜了点东西就当是自己的，笑死我了。这里讨论的都是用户界面，跟文件系统有屁关系。

作者: springer 时间: 2013-6-13 07:28

引用:

原帖由菜于 2013-6-13 04:40 发表

搜了点东西就当是自己的，笑死我了。这里讨论的都是用户界面，跟文件系统有屁关系。

你这将心比心的爱好才是奇葩，你要是搜得到一模一样的定义和表述算我和你一个层次，还真敢喷，笑死我了。告诉你记住了，用户界面除了视觉效果照样存在应用的组织架构关系问题。

作者: Jillvalentine 时间: 2013-6-13 07:35

引用:

原帖由小文于 2013-6-11 18:14 发表
拟物：强调立体感，有高光，有阴影，各种凹凸感，按钮就模仿一个真的按钮那样凸起来
542752

扁平：没有立体感，没有高光，没有阴影，无凹凸感
542753

这不就跟WP一个敢脚了？

作者: orz2009 时间: 2013-6-13 07:35

posted by wap, platform: UC

北大医学部二本就是护理方向

分数确实不高

这女的一脸外围气质，奶茶妹妹从进入公共视野到现在5年了，除了有张照片看起来膝盖有点黑以外再也没有其他什么负面花边，从高中起品学兼优保送清华新闻系，北大一野鸡护士配跟奶茶比？

作者: Jillvalentine 时间: 2013-6-13 07:39

原来扁平是这个意思，开始我还以为iOS7的图标要变成“扁扁的长方形”，自喷一下。2333333333333333*10086

作者: 鬼冢英吉 时间: 2013-6-13 07:55

posted by wap, platform: GOOGLE (Nexus 4)

前几年我们单位流行过扁平化这个词，目的是减少中间环节，提高效率。比如去掉市级公司，直接省管县。这就叫扁平化

作者: yuhui 时间: 2013-6-13 08:08

posted by wap, platform: iPhone

公司内曾经也提过这个词，不过就是为了减少中层干部。。喷了

作者: 菜 时间: 2013-6-13 08:19

引用:

原帖由 springer 于 2013-6-13 07:28 发表

你这将心比心的爱好才是奇葩，你要是搜得到一模一样的定义和表述算我和你一个层次，还真敢喷，笑死我了。告诉你记住了，用户界面除了视觉效果照样存在应用的组织架构关系问题。

那你就说说IOS7组织架构上扁平化的具体表现呗。
人家就是借用了这个词汇来简洁地描述IOS7的变化而已，不管这个提法是苹果官方还是媒体提出来的，也不管这种借用词汇的方式是否合理，意思很明确的就是针对用户界面设计。

作者: magtree 时间: 2013-6-13 08:35

posted by wap

tg几位大神阴阳怪气的风气蔓延tg。。。。

作者: 小文 时间: 2013-6-13 09:39

posted by wap, platform: Chrome

扁平化设计和扁平化管理都能搞在一起………………

都是外来词汇，一个是Flat Design，一个是horizontal organization好吗

作者: springer 时间: 2013-6-13 10:32

引用:

原帖由小文于 2013-6-13 09:39 发表
posted by wap, platform: Chrome

扁平化设计和扁平化管理都能搞在一起………………

都是外来词汇，一个是Flat Design，一个是horizontal organization好吗

扁平化这个概念本身就产生于组织管理当中，原来就只是horizontal organization的中文翻译，而“扁平化”的平面设计这个概念无非是对扁平化概念无认识的翻译人的“创新”而已，平面化和2d倾向的视觉设计思路用上了“扁平化”这个“高端”的概念貌似表述也很“高端”了，其实这样除了引起误会和呵呵后，倒也很直观呢！

顺道说一下，你用“扁平化设计”来单指在平面设计上的2d倾向说明你还是在误用这个概念。设计中，既可以在应用和系统上实现管理意义上的扁平化，也可以简单地使视觉感受“扁平化”，也就是说，“扁平化设计”这个说法还是在混淆。

具体说，在手机相机功能使用界面中，把具体的滤镜效果直接提出来摆在主界面上，这就叫扁平化的系统设计倾向，而通过编辑》效果》滤镜》具体应用的路径才能使用的结构则叫做纵深化的系统设计倾向，而把相机的图标设计得像一张纸片，没有阴影没有浮雕没有立体材质，这叫美术风格的2d化倾向，非要扯扁平化做什么………………

作者: 小文 时间: 2013-6-13 10:45

posted by wap, platform: Chrome

您能体会一下 Flat 和 horizontal 这两个词在语义上的区别以及界面设计和交互设计的区别吗？233

作者: springer 时间: 2013-6-13 10:52

引用:

原帖由小文于 2013-6-13 10:45 发表
posted by wap, platform: Chrome

您能体会一下 Flat 和 horizontal 这两个词在语义上的区别以及界面设计和交互设计的区别吗？233

借用您的句式，
您能体会一下系统应用层级关系扁平化倾向和图标平面设计2d倾向的区别吗？

欢迎光临 TGFC Lifestyle (http://bbs.tgfcer.com/)