这不是Axure教程!(二)素材获取

素材,就是原始材料,作者写文章需要配图或小故事,设计师设计一张图片需要配色参考和画面内容,产品经理绘制原型也需要很多素材,本文汇总几种常用的获取方式。

为了更好的举例,先随便找一个网站,观察其页面涉及的素材,如下图某网站首页截图,网页及其对应原型里的元件会是:图标素材(图片)、文案素材(文本标签、矩形框)、图片素材(图片)、视频素材(图片、链接)。

所以我们知道,一个页面不会脱离这些元件。而元件的素材有下面这些方式可以获取。

一、复制大法:用别人做好的

复制大法涉及两种,一是整个复制别人的原型文件,二是复制别人原型中某个设计点。就像复制别人的文档或PPT一样。

比如APP,常见的布局都是固定在底部,你不可能把菜单栏放在左侧,所以只需改文字或图标。再如web端,常见布局是顶部导航,交互效果是鼠标移上后展示更多菜单,菜单可能横向也可纵向,内容布局也离不开左中右。

既然复制,那么关键点在于如何找到适合你的类似设计,这也是素材积累过程。需要平日有意识的收集,比较推荐的方式有二。

1)QQ群:

一个高质量的QQ群,力量不可小觑。有问题会帮你答疑,需要资源有人给你分享,群文件里常年更新文件,注意甄别和收集。当然,同时你也要回馈群友,帮人答疑或分享交流,来而不往非礼也。

2)网站类:

网站在精不在多,同类型有2-3个做参考已经足够。这些都是支持直接下载原型源文件的网站,平时多搜索关注即可

Axure中文网

Axure原创教程网

产品大牛网

如果无法获取源文件,只能拿到HTML文件,那么打开images就可以看到所有该文件使用过的图片。复制使用即可。

预览HTML文件结构

二、替代大法:用图片替代

我们做原型的目的是体现产品的功能与交互设计,给团队成员或客户爸爸演示。所以你只需保证实现这两个目的,你要知道别人并不关心你的原型用什么做的。因为其他人不负责这件事,他们都是结果导向,通常并不会关心过程。

当然,原型里本就有大量图片,我此处说的图片替代,是指本来需要逐步绘制的复杂元件,可以找图片替代,为你节省大量时间。

就一个素材库网站就够了,————阿里巴巴素材库————,感觉没有什么搜索不到。

根据需要可选择 SVG、AI、PNG三种格式,可自定义颜色和大小。

那么重点来了!

这些下载素材只能作为图片,如果你想编辑,又不想打开PS或Adobe那些大型软件,这里有个大招。

在Axure导入SVG图片后,右键可以【转换SVG图片为形状】。

形状,意思是你现在可以随意编辑,比如下面两种不同的复制方式,形状编辑的优势显而易见,更清晰更灵活。

转换成形状以后,你真的可以对他们为所欲为了。

三、自制大法

第三种方法更适用于熟练玩家,你已经对软件很熟练,你能快速画出想要的效果,那么你可以用Axure的形状绘制出你想要的任意效果。并不推荐新手这样做,因为的确很浪费时间,可能还会消耗你学软件的信心耐心。

如下,上面是网站原图,下面是自制图标



除了元件自制,还有两个关键是元件库和母版。

自制元件库的好处,一是为了统一页面交互效果,二是为了提高效率。

如果没有元件库,每一个有交互的元件都需要单独设置,浪费时间,而且可能会遗漏,后期检查也会非常麻烦。

元件库,在元件库区域标题右侧的菜单展开可查看到,可以新建、导入,甚至可以修改软件自带元件。


— — — — 系 列 目 录 — — — —

这不是Axure教程!(一)初步认识

这不是Axure教程!(二)素材获取

这不是Axure教程!(三)流程与标注

这不是Axure教程!(四)元件六要素与用例

这不是Axure教程!(五)变量与函数

这不是Axure教程!(六)动态面板之一:属性和动效

这不是Axure教程!(六)动态面板之二:经典实践

这不是Axure教程!(七)强大的中继器__1

— — — — 目  录  完 — — — —

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 215,133评论 6 497
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,682评论 3 390
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 160,784评论 0 350
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,508评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,603评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,607评论 1 293
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,604评论 3 415
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,359评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,805评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,121评论 2 330
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,280评论 1 344
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,959评论 5 339
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,588评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,206评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,442评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,193评论 2 367
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,144评论 2 352

推荐阅读更多精彩内容

  • 基础1:添加元件到画布 在左侧元件库中,选择要使用的元件,按住鼠标左键不放,拖动到画布适合的位置松开。 基础2:添...
    Kince_X阅读 2,989评论 0 7
  • 接触Axure有一点时间了,每次进行原型设计都需要载入好多个元件库或打开之前做的原型复制元件,不仅浪费时间而且缺少...
    JiLegw阅读 2,922评论 0 11
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 172,014评论 25 707
  • 壹 如梦(2) 还是冬天,窗外那株海棠枯瘦的枝条半覆着白雪,开花自然还早得很。李达康回来又洗了一回澡,重新换了身...
    犹问春如许阅读 292评论 0 0
  • 在路上, 你永远无法预知, 下一分钟将要发生的事情。 就像无法看清, 深邃的湖底。 捧在手里的水, 会从指间流走。...
    木杉zzb阅读 232评论 0 0