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

darkbaby123 · 2014年06月26日 · 最后由 darkbaby123 回复于 2014年06月26日 · 3171 次阅读

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

Google Design - text fields:

focus 后:

我的:

focus 后:

你的东西呢?

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

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

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

mi** 之流大行其道

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

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

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

#6 楼 @darkbaby123 没看明白,

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

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

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

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