Google系 900个实用图标的Axure元件库助你原型无忧

来源:互联网 发布:公开课推荐 知乎 编辑:程序博客网 时间:2024/06/05 04:00

Material Design 概述 

“我们挑战自我,为用户创造了崭新的视觉设计语言”—Google。与此同时,新的设计语言除了遵循经典设计定则,还汲取了最新的科技,秉承了创新的设计理念,这就是原质化设计(Material Design),业内也简称MD。谷歌表示,这种设计语言旨在为手机、平板电脑、台式机和“其他平台”提供更一致、更广泛的“外观和感觉,也就是说这套设计规范本意是解决Android的适配乱象,足够媲美苹果的设计。

 Material Design 原则 

1、Material is the metaphor

谷歌认为现实世界中的材质触感是可以通过纸片的隐喻来表达,通过在设计上运用符合运动规律的动画交互、通过光影打造设计层次的关系可以创造全新的虚拟交互空间,并且这个空间是符合现实规律的。这也就是详细文档中提到的对于纸墨的研究。

2、Bold, graphic, intentional

在视觉上,谷歌不仅要求生动形象,更要求设计时要确认设计的目的,摒弃仅仅为了美观而设计,强调视觉设计要为用户使用提供指引,凸现页面当下的核心功能。文档中谷歌提到这部分借鉴传统的印刷设计。

3、Motion provides meaning

交互动画的目的就是吸引用户的注意,表达当下页面发生的变化,同时和对视觉要求一样,一定要有意义。

 大咖如是说 

谷歌在收掉webOS一票人后,Android也融入了一些卡片的理念。此次的Material Design个人的看法就是将卡片设计进一步的规范,并且扩展到整个系统层面。原来webOS是整个应用被隐喻成了卡片,而Material Design把系统内的各种设计都规范成了一种变形的纸片。然后,谷歌在套用现实中纸墨的物理模型进行交互——“既然没办法完全在手机上用app完全模拟现实世界的逻辑层次,我把app规范到纸片上,完全模拟纸片的逻辑交互层次,还不行吗?”

(Right Nav的阴影表现)

简而言之,Material Design的纸张设计首先是将界面集成到纸片上,再通过阴影来区分多层的纸张,最后进一步通过纸片的拼贴提供了多平台统一且多样的交互可能。依据Material Design 规范制作的应用枚举几例,AliExpress、B&H、Fabulous、Google I/O等。

不过项目实际开发中,所有的设计都是为了辅助产品需求的实现,同时保证用户的优良体验。如果设计仅是为了符合规范,这也就失去设计本质的意义。

 干货 - 900个图标的axure元件库 

好不容易打住BBB的节奏...

下面正式进入Google Material Desig 900个图标的axure元件库主题。

临时去找图标是一件很影响效率的事情,现在有这么一个机会摆在各位产品经理们面前,您是选择要,还是要呢?网上图标元件库不乏少数,但是要么数量不够全面、要么不支持调整尺寸和颜色,三杠在此汇总一套来自于Google Material Design的实用Axure图标元件库,其中一共有900+款的常用的经典图标。

这是一套Axure原型设计的必备图标组件库,包含了各类主流APP、网站等各种原型设计中需要的大部分图标,可用于页面样式和布局,基本用了它基本就不再需要其它的图标组件库了。相信产品经理们或即将入行产品的各位童鞋用了这套图标元件库之后,在原型设计时能够得心应手了,输出的原型交互稿也会更逼格满满。

本套图标库的特性:

1. 这是一套矢量的图标库、可以随意变化尺寸,不会出现锯齿;

2. 支持直接修改颜色或填加渐变风格、让图标更符合你的设计风格;

3. 支持修改形状和轮廓,可以最大程度上的发挥你的创意;

4. 数量非常庞大,一共900多款,而且分类非常清晰,方便查找和使用。

fetch_file1fa03cae06fcddc8ea9f0659c02f56e6-picture

Material Design 900个实用图标的Axure元件库下载地址:

链接: http://pan.baidu.com/s/1ge7JAy3

密码: 3mo3

作者:三杠(微信公众号:产品原型邦),不需要企业背书,独立产品经理。专注Axure原型设计、PRD、交互设计等产品经理必备技能,期待你我的沟通

本文由:@三杠 原创发布于PMCAFF产品经理社区,转载请保留此信息。

原文地址:http://www.pmcaff.com/article/index/931601678466176