登录 立即注册
安币:

安卓巴士 - 安卓开发 - Android开发 - 安卓 - 移动互联网门户

查看: 1799|回复: 6

Google I/O 宣布设计更新!App可能会变成这样【Bus Weekly】99 期

[复制链接]

179

主题

168

帖子

6293

安币

管理员

Rank: 9Rank: 9Rank: 9

发表于 2018-5-21 12:03:14 | 显示全部楼层 |阅读模式
c1f8ee3050894ccdadb11245ffe6c477_看图王.jpeg

2014 年,Google 推出一种新的设计语言——材料设计(Material Design)。如今,它成了最频繁使用、也最受人青睐的一种视觉设计语言。至于这背后的原因,主要有 2 大因素:
  • 兼容性:作为视觉语言,它可以跨平台兼容使用。
  • 直觉性:材料设计的核心原则,是如何将「材料/表面元素」展现得淋漓尽致,要让用户简单地了解整个交互过程。
但 Google 对材料设计的定义,并不仅仅停留在视觉语言上。Google 还开发了一些工具,用以提升设计开发工作流。
2018 年 Google I/O 大会,材料设计又有了新变化:
材料主题
材料主题的推出,是对材料设计的重磅升级。所谓材料主题,可以让你「系统化」定制材料设计语言,也就是说品牌可以借助它来定制更加符合自身品牌风格的材料设计主题。

关于「系统化」,需要多解释几句:
一个品牌,从视觉上来讲,是由色彩、字体和图形来呈现的。
因此,需要通过新的方式来改变材料组件里的元素。之前的做法,是在 Sketch (一款矢量绘图应用)中,通过多个插件更新符号(Symbol)和组件库(Library)。但现在,我们推出了「材料主题编辑器」。
Library 本质上就是一个包含了各种符号(Symbol)的 Sketch 文件。如果在 Library 文件中修改任意「符号」,那么所有使用了该「符号」的子文件都会提示该文件已经被更改,是否需要同步更新?这样,设计师能在第一时间确认「符号」的变化,保持使用最新的设计组件。在团队协作中,共享的 Library 可以覆盖到每一个工作文件,只要进行添加,每个团队成员都能使用,并在第一时间知悉它们的变化。

材料主题编辑器的推出,可以让你新建并定制你的材料主题。你还可以新建个人符号组件库,并通过色彩、形状和字体进行编辑。
现在,在 Sketch 下载材料插件(Material Plugin),即可使用材料主题编辑器。
以下,是关于材料主题的 4 个亮点:

1. 更改/添加/更新色彩
这部分的亮点在于,它通过对色彩运用的了解,特别是了解具体位置的特定色彩运用,可以一次性更改设计中的一种色彩,还可以自动生成暗调(Shades)和明调(Tints)。
ca88367c32574204a2f026e8e26ca1da.jpg
2. 字体管理
通过管理字体,能直观地了解字体的层次结构。一个主题中可以允许最多 3 种字体,同时也有更多主流 Google 字体,比如 Roboto、Raleway、Alegreya、Merriweather 等字体供你使用。
2692fa3a9ab843b788ae3ade5f0c27c8.jpg

3. 图形
这是全新功能。就形状而言,材料设计的核心在于更新材料,比如卡片或者卡片形状!根据品牌需求,你可以自定义截角或弧形等各种形状。
9a9ed7512ef04254a2804a18c46a5e70.jpg

4. 全新的图标样式
不少设计师都会抱怨图标数量过少,样式过于死板。现在,推出了全新的 5 中图标样式:填充图标(filled icon)、圆形图标(rounded icon)、锐利图标(sharp icon)、轮廓线图标(outlined icon)以及双色图标(two-tone icon)。
814c762a9acb4599aa62d23a8a2533e6.jpg

简化协作流程工具 Gallery
你们还记得去年发布的这款工具吗?这是 Google 发布的一款工具,其宣称能简化设计工作流。但实际上,用户只能在各种图片版本上进行评论而已!
8d091993114f49e491769cdb9a834307.jpg
c5bf272f197c4c72b8a10b1e3b71a269.jpg

现在,Google Gallery 再次重磅更新。这一次在功能上的更新,终于能够解决让你头疼的设计问题了。Gallery 的更新,主要有 5 大方面:
  • 你可以在 Gallery 中添加 Google 文档(包括文件、试算表、简报,类似于微软三件套 Word, Excel, PowerPoint)。所以,无论是需求文档、用户调研,还是视觉设计稿,你都可以放在一个地方;
  • Gallery 中添加了「项目和收藏」功能。这个功能,类似于 Sketch 内置的文档管理系统,并且涵盖了多个页面。这对不少设计师来说,都是非常实用的功能;
  • 如果你上传文件名相同的文档,Gallery 会自动生成不同的文件版本。这个功能也非常有用,特别是能帮你了解线框图如何最终成为设计成品的,以及这些反馈是如何影响 UI 设计走向的;
  • 检查模式(超赞)。检查模式不仅仅是单纯的检查,它还能检测符号,甚至能追溯到相应的源代码。此外,它还能识别 Font Family,并且也能提供链接至 Google 字体;
  • 完全免费!所以,你可以告别 Sketch Measure、Zeplin、Marvel 或者 InVision 这些收费插件了!
其它重要更新
  • 在 iOS 客户端、Android 客户端、Web 网页端和 Flutter(一款新的用于创建移动应用的开源库)更新了材料组件
  • Google 通过定制材料主题带来全新的体验(AppSo 近期将通过 Gmail 更新进行专题测评)
  • 材料合作伙伴研究:了解 Lyft、Genius、NPR、Pocket Casts 和 Zappos 等 app 如何运用材料设计新功能
来源:雷科技




【Bus Weekly】99 期

【一周优秀博文】

Android用TabLayout实现文件夹导航条

Android官方文档之DataBinding库

为什么 Activity 不应包含 UI 逻辑

国产 Android 权限申请最佳适配方案 —— permissions4m




【一周Android精品源码推荐】

LayoutManager实现的卡片滑动

Android自定义索引源码

android仿IT之家app源码

一个功能强大的TextView,可以满足日常大部分布局方式

android仿摩拜单车APP源码

一个仿饿了么带伸缩位移旋转动画的购物车按钮

android仿摩拜单车APP源码

android仿饿了么点餐页面



144034kir2f2v1a992fyzf.jpg
安卓巴士官方微博链接

Bus Weekly回顾
安卓巴士菁英会会员招募中~
144034rdhh2ivpy0owpw77.jpg

579

主题

1252

帖子

3270

安币

手工艺人

发表于 2018-5-21 18:18:55 | 显示全部楼层
安卓巴士是个不错的网站,我来顶个贴~

0

主题

9366

帖子

2419

安币

Android大神

Rank: 6Rank: 6

发表于 2018-5-22 01:33:04 | 显示全部楼层
不错不错,楼主辛苦了。。。

451

主题

1114

帖子

1968

安币

手工艺人

发表于 2018-5-22 07:49:41 | 显示全部楼层
不错不错,楼主辛苦了。。。

60

主题

1614

帖子

5239

安币

码皇(巴士元老)

Rank: 8Rank: 8

QQ达人突出贡献元老勋章灌水之王热心会员原创勋章资源达人终身成就奖推广达人明星会员最佳新人签到达人

发表于 2018-5-22 13:38:02 | 显示全部楼层
我只是路过打酱油的。

0

主题

9471

帖子

2481

安币

Android大神

Rank: 6Rank: 6

发表于 2018-5-22 19:01:41 | 显示全部楼层
支持楼主,支持安卓巴士!

440

主题

1096

帖子

1907

安币

手工艺人

发表于 2018-5-23 00:28:57 | 显示全部楼层
帮帮顶顶!!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站长推荐

通过邮件订阅最新安卓weekly信息
上一条 /4 下一条

下载安卓巴士客户端

全国最大的安卓开发者社区
联系我们
关闭
合作电话:
15618560077
Email:
805941275@qq.com
商务市场合作/投稿
问题反馈及帮助
联系我们

广告投放| 广东互联网违法和不良信息举报中心|中国互联网举报中心|下载客户端|申请友链|手机版|站点统计|安卓巴士 ( 粤ICP备15117877号 )

快速回复 返回顶部 返回列表