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多款,而且分类非常清晰,方便查找和使用。
Material Design 900个实用图标的Axure元件库下载地址:
链接: http://pan.baidu.com/s/1ge7JAy3
密码: 3mo3
作者:三杠(微信公众号:产品原型邦),不需要企业背书,独立产品经理。专注Axure原型设计、PRD、交互设计等产品经理必备技能,期待你我的沟通
本文由:@三杠 原创发布于PMCAFF产品经理社区,转载请保留此信息。
原文地址:http://www.pmcaff.com/article/index/931601678466176
- Google系 900个实用图标的Axure元件库助你原型无忧
- Axure导入元件库的两种方式-附完整元件库
- 让你交流无忧的128个说话技巧
- Axure卸载元件库
- Axure学习——我的第一个原型设计
- 原型设计工具Axure RP 7 汉化包+元件库汉化+注册码
- Google浏览器无法打开axure原型
- 分享 50个实用的商业图标
- 比Visio更实用的网页原型设计工具Axure RP Pro 5
- 比Visio更实用的网页原型设计工具Axure RP Pro 5
- 原型和Axure的作用
- Axure的使用---原型图
- 实用的google chrome插件,22个的任你选择
- 你所不知道的15个Axure使用技巧
- 你所不知道的15个Axure使用技巧
- 你所不知道的15个Axure使用技巧
- 你所不知道的15个Axure使用技巧
- 15个你可能不知道的Axure使用技巧
- MySQL Replication需要注意的问题
- Linux-3.10-x86_64 内核配置选项简介
- 一款简洁可自定义样式密码框输入组件GridPasswordView
- 项目初期准备
- Window平台Git-Bash的主题配置
- Google系 900个实用图标的Axure元件库助你原型无忧
- 打印机状态码解析
- SSM下添加javamelody监控。以及遇到的部分问题的解决
- resin安全配置 只允许指定ip访问resin-admin 拒绝某些ip访问webapp
- c语言char类型的相关知识点
- 【科大讯飞2017年笔试题】课程冲突
- 显示所有进程号
- Codeforces Round #434 (Div. 2, based on Technocup 2018 Elimination Round 1) D
- ActiveX,NPAPI,COM总结