Flat UI Style will be the future trend?

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 4232 天前的主题，其中的信息可能已经有所发展或是发生改变。

大家怎么看?

刚才看到新闻IOS7 风格也会变为扁平...

然后我就去Dribbble 发现很多 Flat 风格的东西...

未来趋势就这样啊,简单就是美啊!

Flat

will

29 条回复 • 1970-01-01 08:00:00 +08:00

luztak

2013-04-30 12:26:31 +08:00

想想Holo
简约和华丽是设计的两个比较好的极端
对吧

tension

2013-04-30 12:41:15 +08:00

@luztak 说的对... 但是这一种设计风格可以改变互联网...

luztak

2013-04-30 12:46:17 +08:00

@tension iOS风格也曾"改变互联网"嘛(咳

miaoever

2013-04-30 12:52:33 +08:00

在我记忆中最早出现的类 Flat UI 应该是当年的 Windows 优化大师的 UI ...

tension

2013-04-30 12:52:54 +08:00

@luztak 所以 iOS 准备再次改变互联网...

tension

2013-04-30 12:54:41 +08:00

@miaoever 我已经没有Windows 优化大师的记忆了!我去!!!

miaoever

2013-04-30 13:00:06 +08:00

@tension 哈哈，补张图。

tension

2013-04-30 13:06:14 +08:00

@miaoever 这不叫 Flat风格吧...

miaoever

2013-04-30 13:08:37 +08:00

@tension ... 各种扁平化啊, 按钮、文本框等等。

miaoever

2013-04-30 13:11:02 +08:00

当然也只能叫类 Flat UI 吧，如今的 Flat style 除了元素扁平化外，估计还包括了色彩的搭配和整体风格的设计等等。

tension

2013-04-30 13:42:10 +08:00

@miaoever 哈哈,这个应该叫默认样式吧...

跟Flat差远了...

BackBox

2013-04-30 14:03:08 +08:00

@tension 弱弱的问一下。这个咋用？
没有看到css文件下载。。

cassyfar

2013-04-30 15:45:10 +08:00

flat UI是和拟物相对应对win 8那种扁扁的flat ui设计一点不感冒感觉apple又在下一步大旗创新一个惊艳的flat ui杀掉google，m$ 这些竞争对手...

flat ui可以参考 http://sachagreif.com/flat-pixels/

tension

2013-04-30 16:19:49 +08:00

@BackBox 什么东西咋用?

BackBox

2013-04-30 18:25:30 +08:00

@tension flat ui啊。。

这个是不是类似与bootstarp那样的东西。然后有css文件下载
然后使用它的类，就有flat ui的那种页面效果。。

tension

2013-04-30 19:11:05 +08:00

@BackBox http://designmodo.github.io/Flat-UI/

你说的是这个吧?

guchengf

2013-04-30 19:12:57 +08:00

@BackBox flat ui是一种设计风格，而你理解的那个，则是一种前端框架

BackBox

2013-04-30 19:20:59 +08:00

@tension 额。就是这个。。。。

但是它的文档就一页？

感觉好少。

tension

2013-04-30 19:27:13 +08:00

@BackBox
@guchengf 说的没错.我说的是一种设计风格

你理解的是一种前端框架而已...

lyric

2013-04-30 19:38:06 +08:00

扁平风格让程序员产生了自己也能干设计的错觉
扁平风格可塑性差
扁平风格容易实现，满地的扁平风格
厌恶。

BackBox

2013-04-30 20:06:09 +08:00

@tension 有木有针对flat ui的前端框架？

开始那个，我感觉貌似文档很弱的感觉。

xiaket

2013-04-30 20:11:22 +08:00

@lyric 的确, 易入门难精通的东西最讨人厌了

Dzinlife

2013-05-01 01:40:49 +08:00

我喜欢FlatUI，但我一点也不认为这是未来。

UI首先要满足交互和呈现，之后才是那些情感化的东西。FlatUI本质上就是个视觉风格，一个局限性很大的视觉风格，为了这样一种视觉风格去妥协那些真正重要的事情，是本末倒置了。

我认为FlatUI只适合存在于那些交互和呈现比较简单，没有超出FlatUI局限性的场景下，而对于操作系统来说显然是不合适的，微软犯这种错误可以理解，苹果不太可能吧。

tension

2013-05-01 07:40:05 +08:00

@Dzinlife 你说的对... 但是我觉得, apple 可以把一个视觉风格的东西做的很好,我们共同期待吧!

luztak

2013-05-01 08:26:15 +08:00

@Dzinlife 我想问问微软的MetroUI有什么局限是iOS/Android没有的?手里是Lumia 710,表示没觉得有什么问题.

Keinez

2013-05-01 08:53:21 +08:00

我一点都不喜欢狂跟风的flat UI。

这需要非常强的构成/色彩功底，dribbble上面最近冒出一大堆Flat UI，颜色对比没做好，版式也不怎么地。平是够平，但是完全不好用。icon单独看着可以，放到实际环境里面立马和屎一样。极度刺激眼睛，我弄了一套下来看着没过半个小时就开始头疼……

先把Merto做好再谈Flat吧。Metro就像照妖镜，一旦去掉了强烈的色彩对比，立马给你打回原形。

tension

2013-05-01 09:06:00 +08:00

@Keinez 感谢您的意见...

您说的的确很对,FlatUI是需要足够好的色彩协调感才可以的...

Dzinlife

2013-05-01 12:15:20 +08:00 via iPhone

@luztak 七个音阶，可以写出很美妙的乐章。如果要求你只能使用3个音阶，不是说你就写不出好曲子，但是难度大大增加了。MetroUI是非常优秀的设计，但发展空间狭窄，所以我不认为它是未来。

Leo

2013-05-01 22:47:51 +08:00

@Keinez 很多人混淆了Flat UI和Metro的概念，前者不仅削弱了视觉元素让信息传达更快，而且在交互层面也尽量扁平化，大家熟知的Metro来自Windows8的设计风格，但我不认为那代表未来。

在iOS7上可能看到的进行的变革，绝不会是几个色块，而是更有效率更易识别和传播的方式。