瞎扯淡 前段时间做的 web app 无意中符合了 Google Design 的要求

darkbaby123 · 发布于 2014年6月26日 · 最后由 darkbaby123 回复于 2014年6月26日 · 1649 次阅读
2575

早上起来看了下 Google IO,发现 Google Design 这个网站,就看了看有啥东西。看到 Text fields 我就乐了。前段时间在做一个 web app,自己设计的界面居然无意中符合了一点要求。难道这就传说中的潮流不是去追的,是等的?

Google Design - text fields:

focus 后:

我的:

focus 后:

共收到 9 条回复
973
debugger · #1 · 2014年6月26日

你的东西呢?

445
stephen · #2 · 2014年6月26日

@darkbaby123 web app用什么框架做得!

2575
darkbaby123 · #3 · 2014年6月26日

@debugger 后面两个图就是啊。是公司的项目,不是开源的,所以没法放上来。 @stephen PhoneGap 加一些 web 技术做的。HTML, CSS 自己弄的,JavaScript 用的 Ember.js

4375
saiga · #4 · 2014年6月26日

4.0默认的holo theme不就是这样的么?或许因为太多人无视android desgin,所以google又把这事提了一遍

8234
kidult · #5 · 2014年6月26日

mi** 之流大行其道

2575
darkbaby123 · #6 · 2014年6月26日

@saiga 没有现在的 Google Design 完善,而且细节上是有区别的。比如 Nexus 5 联系人应用里面的 text field 底线是两边带有一点翘起的细线,类似平躺的 "[" 号。现在就是简单的一条横线。

本来我是想做成那样的,但需要额外的 HTML 标签,对 mobile app 来说太浪费了,而且还得考虑 iOS 版接不接受这种风格,所以就简化成了一条底线…… 然后发现 Google 现在也减了~

Google 这次的设计是想统一制定手机,平板,笔记本所有设备的 UI 规范。我觉得那套 UI 设计看上去还挺不错的。

973
debugger · #7 · 2014年6月26日

cool.

1553
Peter · #8 · 2014年6月26日

#6楼 @darkbaby123 没看明白,

Material Design 是一套界面设计标准 (principles of good design),怎么实践呢?大家下载 ai 文件回家自己玩去了?

大家设计的时候想想 Google 教导我们这样那样,我们就要这样那样?例如动画,我也想来个加速度,但怎么实现呢?

2575
darkbaby123 · #9 · 2014年6月26日

@Peter 我的理解,这就只是一套规范,没有具体的框架给你用(也许会放到 SDK 里面成为默认组件?),也不需要强制遵从。毕竟 Android 的开放性摆在那里,连第三方 Store 都可以随意建,Google 不会也没办法去像 Apple 那样约束软件开发者。

需要 登录 后方可回复, 如果你还没有账号请点击这里 注册