设计师和开发者的福音 Google更新Material 提供主题功能支持接口系统化设计

从2014年推出来统一全平台接口设计风格Material,已是不少开发者爱用的UI设计工具,最近Google对Material进行了大更新,不只延续Material的理念,持续提供许多预创建的工具与组件,让开发者制作UI能像是拼乐高一样,堆起自己的应用程序,另外,也提供开发者更多的定制化功能,自定义这些组件外观。

现在Material提供主题(Material Theming)功能,让开发者为产品的接口做出一致且系统性的设计。 Google提到,开发团队最常面临的挑战,就是产品需要构建的又快又漂亮,而这正是Material的杀手级应用所在。当开发团队对产品接口的颜色以及排版有一些想法时,Material Theming能帮团队迅速采用一致设计,包括按钮、分页或是浏览模式等,这些功能都能根据品牌进行全局风格的调整。过去Google在自家产品上就使用定制化的主题,而现在这个功能开放给大众使用。

另外,Google这次还推出了新Material工具来支持团队开发。主题编辑器(Material Theme Editor)是一个控制面板工具,上面显示若干App页面以及设计元素面板,设计师通过更改主题设置,同步变更所有关联的接口设计。借由这个工具设计师就能以全局的角度,在用户接口上测试不同的颜色以及样式组合,而主题编辑器会引导用户制作自己的Material主题。现在主题编辑器已与Sketch集成,用户可以下载素材插件来使用,而2018年后半,Google也会在发布更多的定制化系统。

Google为解决设计版本关注痛点,发布画廊(Gallery)功能,现在开发团队可以使用Material Gallery随时查看并评论设计迭代过程。 Material Gallery看起来就像是为Material专门设计的Google文件,在上面可以浏览不同项目的设计,用户可以轻易的将项目像是分享文件一样,通过链接提供团队成员访问权限,而每个项目中也可以存在不同的设计,用户可以直接在页面设计的组件上评论注解,也能直接编辑或是查看设计的变化历程。 Google提到,这是过去内部设计师使用多年的工具,现在也开发给所有人使用。

另外,Google提到,他们最常收到对Material的评论,便是缺乏强劲的工程支持。而现在Google将Material Components开源,开发者可以直接在GitHub上找到这些组件的源码,并定制化这些组件,包括颜色、形状以及主题类型等关键部分。 Google也预告,在2018年后半会有更多的组件发布,供开发者使用。

而官方网站Material.io也重新设计,将页面切分成针对设计师以及开发者页面,设计页面提供Material Theming以及数种设计样本,供设计师参考,而开发者页面则有Android、iOS、Flutter和网页的开源组件等资源以及文件。