NovaDNG 有时候是个细节控

overscroll_glow

因为经常发现一些有趣的小细节, 发在微博上零零散散的难找到, 所以专门发一篇文章来搜集这些小发现.

Android 4.3 在 UI 上的小改变 (20130801)

Drop Shadow

一图流, 直观的对比, 上为 Android 4.2.2, 下图为 Android 4.3.

在 Android 手机上运行 Glass App (20130522)

自从知道了 Glass 是运行 Android 之后我的心里就一直有一个疑问挥之不去, 那就是既然 Glass 是基于 Android 的, 那么 Glass 上运行的应用是否可以在 Android 手机上运行呢?

答案是肯定的.

有好事的开发者从 Glass 里提取了 可以在普通 Android 设备上安装的 Glass 主屏和 Glass 相机.

framed_2013-05-22 15.52.19framed_2013-05-22 15.50.25 (1)

借助 Glass 相机, 这个启动器可以完成拍照和回答等简单任务. 当然, 触控是无效的… 所以无法完成翻页等动作.

福利: apk 下载(DropBox)

细节小更新, Play Store 4.1 的一些小改进 (20130514)

Play Store 推送了一个版本号为 4.1.6 的小升级版, 大体上维持了原本的风格, 修正了一些被诟病的地方, 加入了一些细节上的更新.

2013-05-14 22.10.06 2013-04-09 12.55.20

左边是 4.1.6 版本, 右边是现在的版本. 肉眼可见最大的改变就是这个分类按钮了吧. 新的分类按钮非常有现代感, 而且比起原来的按钮也更加立体.

其他地方的 UI 并没有什么改变. 另外我发现有几个讨厌的 Bug 被修复了:

2013-05-14 22.16.41

先前吐槽过的图标透明度问题被纠正了. 欢呼吧, 强迫症患者们!! YEAH!

2013-05-14 22.08.52

“我的应用”界面下 Tab 的活动指示终于不是碍眼的淡蓝色而是白色了.

2013-05-14 22.10.15 2013-04-09 12.55.10

设置界面的配色终于变成了亮色.

2013-05-14 22.26.53 2013-05-14 22.31.29

还有更新的地方是 Wishlist, 从列表变成了卡片组… 问题是艺人卡片的高度啊… 唉. (Jesper Kyd 注目) 另外, 已经安装了的应用”打开”和”卸载”按钮会变成白底灰字. (以前貌似是绿底白字? )

还有一个我不太确定的地方, 数据加载的速度似乎是变快了? 在食堂这样的 4G 信号很烂的地方载入速度比原来快了不少. 貌似不是心理作用.

惯例的福利: Play Store 4.1.6 下载(Dropbox)

左箭头的分工终于明确了(20130511)

在 Drawer 这种交互形式被官方认可之后, 就有了一个问题, 就是”怎么才知道 Up 按钮是不是还有唤出 Drawer 的功效?”

2013-05-11 17.11.21

典型的反例来一个. 第一次使用 Google+ 的话确实会搞不懂这个 Up 的含义吧?

现在谷歌似乎有心推动新的规范, 就是用其他的 Icon 来表示 Drawer. 比如说在新的 Google Earth 和 Shopper 里:

2013-05-11 16.59.36

2013-05-11 17.13.28

上图中三横比较长的情况下就表示点击 Icon/从左侧边缘右划会打开 Drawer.

这种做法和以前相比好处是显而易见的:

小发现

这样的话就解决了开头提出的”怎么才知道 Up 按钮是不是还有唤出 Drawer 的功效?”这问题. 不过我个人是觉得首先这个新的指示形式感觉像是山寨 BB10, 而且也不是很美观. 不过没有任何迹象表示这个指示会是新的 Drawer 标识的最终形态, 希望谷歌拿出更美观的解决方案吧.

Play Store 4.0 上图标蛋疼的透明度 (20130409)

Action Bar Alpha

仔细看看这张 Action Bar 的截图部分, 你会发现三种不同的不透明度: 100% 不透明的分享 Icon, 80% 不透明的搜索和去 Play Music, 50% 不透明度 Action Overflow和 30% 不透明的加入愿望单(如果选中就会变成 80% 不透明). 如果说 80%, 50% 和 30% 不透明都勉强还算是可以理解, 为什么分享 Icon 是 100% 不透明的?

所以说难怪总是有苹果用户批评 Android “不够细致”.

Play Store 上采用的新的颜色 (20130409)

新版的 Play Store 上的每个板块的 Action Bar, 我本来以为应该是标准的 Android Design 颜色, 没想到用吸管一吸, 发现是新的颜色.

Green

左边是 Play Store 中 Apps 板块的背景色, 中间右边分别是 Android Design 的标准绿色(深色/浅色). 新的绿色色号是 #B2CB39.

Red O

Movies. 顺序同上. 色号为 #C74B46.

Orange

Musics. 我调换了一下 Android Design 标准橙色深浅色的位置. 新的橙色色号为 #F4842D.

Blue

Books. 顺序同橙色. 色号为 #3F9FE0.

Purple

Magazines. 顺序为 新 Play 颜色, 浅色, 深色. 感觉新的紫色已经和原先不是一个色系了, 基本上已经是蓝色了. 色号为 #5161BC.

Google 的颜色命名挺有趣 (20130406)

上一次 Drive 把文件夹图标换成了灰色之后我还抱怨了好久不好看, 但是那时候我还没发现新的文件夹可以改变文件夹的颜色.

Screenshot (501)

然后如果你把鼠标移动到那个色标上, 你就能看到, 这 24 个颜色都是有名字的…

swatches

于是乎我就很无聊的把这些颜色保存成了 Photoshop Color Swatches, 然后照着 Drive 上面的名字给它们都进行了命名. 有意思的地方是 Keep 的颜色如果你把鼠标放上去的话会显示 RGB 数值, 并不会显示名字. Drive 的这些颜色的名字都很好玩, 要么文艺(“文竹绿”, “蓝色天鹅绒”)要么有爱(“出租车黄”, “泡泡糖粉”), 总之是让人忍俊不禁的命名.

下载色样文件(Dropbox). 这次的色样文件里有 Android 标准色, Keep 背景色和 Drive 文件夹颜色. 都有名字(Keep 背景色那些名字是我胡诌的).

“自动更新”和”不要自动更新”(20130321)

Play Store 的更新机制可以说是我见过的几家 OS 里最方便的了. 其中很方便的一点就是自动更新. 在目前的版本中, 应用下方给出的选项框是”自动更新”.

Screenshot (356)

而在将来的 Play Store 中, 这个选项会被替换为”不要自动更新”, 也就是说自动更新的优先级再次得到了提升.

本来应该给个新版 Play Store 的 APK 出来的, 问题是我自己也还没找到… 唉, 慢慢找去吧, 或者乖乖等 Google 的更新.

Roboto 家族的新成员 (20130321)

2013-03-21 16.06.33 2013-03-21 16.26.48

也许你也已经注意到了 Google 在 Keep 里面使用了全新的字体. 反编译之后发现这个漂亮的 Serif 字体是 Roboto 家族的新成员, Roboto Slab. 这个尚未在 Android Design 与其他 Android 应用中露面的字体, 在全是 sanserif 字体的 Android k可以说显得独树一帜. 而且, 放大之后作为标题和页面元素, 效果意外的好. (如果我说因为 Roboto Slab 我又重新开始使用 serif 字体)

下载新字体(Dropbox)

新的 Action Bar 背景 (20130321)

Play Store 的 Action Bar 背景本来就比较特别的(灰色斜线), 在泄露出来的版本中, Play Store 又把 Action Bar 背景变得多姿多彩…

Building Blocks copy

这个背景其实和 Nexus 4 的后背略有些神似, 至于好看与否就取决于大家的审美了. 我觉得还行吧, 至少不会很丑…

现在的状况是, 除了音乐之外其他的应用的主色调都是和 Play Store 中的代表颜色一致, 也许等到不久之后 Play Music 的下一个版本就会把主色调改成橙色了吧.

观看来自 DroidLife 的新版市场上手视频(Youku)

Keep 网页版的智能布局 (20130321)

如果你试着把 Keep 网页版的窗口大小调整到 800px(左右)以下的话, 他的布局会发生改变, 黑长直, 搜索框和撰写框会消失, 变成类似移动版的布局.

Screenshot (370)

2013-03-20 18.14.59

效果如上. 当然, 为了防止火星, 我也去测试了一下别的 Google 服务的网页版, 发现只有 Keep 会这样.

我预感以后所有的 Google 服务的网页版都会变成这样子吧.

Keep 的高亮颜色 (20130320)

2013-03-20 17.36.17

还没仔细看的时候我以为这些颜色应该是 Android 标准颜色. 结果用取色器吸了以下发现我想错了. 这些颜色(左→右, 上→下)分别是: #FFFFFF, #F56545, #FFBB22, #EEEE22, #B5C5C5, #66CCDD, #77DDBB, #BBE535.

值得注意的是地方是这里用的灰色是冷灰, 所有的颜色也都比标准 Android 颜色稍微亮一点, 这样能够很好的兼容黑色的文字, 而 Android 标准则对白色和亮灰色的字体兼容性更好.

下载颜色文件(Dropbox)(只有最后几个是新的颜色, 前面是 PS 自带的一堆预设颜色和 Android 标准色)

Advertisements

4 thoughts on “NovaDNG 有时候是个细节控

  1. Pingback: 旧貌换新颜——Play Store 4.0 预览 | Holo Smart

  2. Pingback: 旧貌换新颜——Play Store 4.0 预览 | 易资讯

  3. Pingback: Android Design 与 Holo Theme

  4. Pingback: Android Design-?Holo Theme | 我的PM学习园地

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s