A. Axure如果方便设计成黑白灰设计稿
写在文章之前
一个好的产品的诞生必定离不开一份高质量的原型图。原型图的设裂正计师整个产品开发的核心,并且直接决定整个软件的方向,就像建筑师的设计图一样。那么画一份高端霸气上档次的原型图是各位产品经理(或者说产品专员)梦寐以求的事情了。为了不影响我们的美工(哦,不,是设计师),大家心目当中完美的原型图都是高端的黑白灰的样式,如下面这样的:
但是,事与愿违,总是很难处理或者很麻烦处理。我们为了快捷只能做成这样的:
这还算好的,如果来不及很有可能就是下面这样的:
一般来讲,原型设计是指通过综合考虑产品目标、功能需求场景、用户体验等因素,用线条、图形描绘出的产品框架,对产品的各版块、界面和元素进行的合理性排序过程。它主要有以下两大特色肆凯悔:
1.沟通
原型设计是需求和功能的具象化表达,辅助产品经理与领导、交互、UI和技术开发者等沟通产品思路。这里不是重点
2.高效
原型设计修改起来更方便,可显着提高工作效率。高效怎么搞,在原来的基础之上修改截图是最方便的,截图上面花花绿绿的,颜色非常的丰富,看起来不专业,而且我们美工不喜欢,这就难免被我们的美工(哦,不是设计师)吐槽说影响了设计,然后产品背了锅。
那么:如果能让axure为我所用,能让截图变成黑白灰呢?
步入正题:
第一步、我们打开axure,找来一张图贴上。如下:
第二步、我们点击项目 然后点击“元件样式管理器”
然后我们进入了如下孙衫页面:
第三步、此时我们如果想要让图片转换成黑白灰,那么我们按以下步骤
此时图片还没变成黑白灰,可能,大概,有些部分axure已经变成黑白灰了,变了的可以点击“确定”,然后结束了。没变的继续往下看。
第四步、先点击圆圈,打开调色面板,然后根据我多年设计师的经验,将“饱和度”设置成“0”,然后,“返回”,“确定”
最终效果
最后,如果大家要想所有的内容全部变成黑白灰色,那么请返回第三步,此时不要选择图片,直接选择Default 进行图片一样的设置即可。
如果还是不会,那么返回文章顶部重读一遍。
B. axure中鼠标停留图片上,图片变颜色
Axure7.0中,部件库中
拖拽“矩形部件”到主面板中,
输入文字后,
右键单击该矩形文本框,
选中“交互样式...”,
选择光标效果,“鼠标悬停”、“鼠标按键按下时”,穗渣
然后选择“下划线”、“文字颜色纳做”
鼠洞族衡标左键单击确定
按键“F5”浏览器中查看该交互
C. 怎么改AXURE元件库里调出来的元件颜色
这个应该不是axure自带的图标,从别的库蔽模运导进来的有可能宏梁是一张png图片,是图片的话就没办法改颜色啦码迟~
D. axure 如何调整图片透明度
关于图片的透明度需要在检视面板的“样式”中设置。
就像图片中那样,将不透明度设置为0,就可将图片设为透明的。反之,需要显示出来,只袜衫需将不透明值输入100。
网页链接在这里看到派笑的,也有关于别的元件的透尘好含明度设置。也说了某些不支持透明度设置的。
E. Axure RP 9中关于图片的那些神操作,你真的都知道吗
我们经常会有这样的一个需求,看到了一张喜欢的图片,希望在图片上方能够加上一段营销文案。Axure RP 9为我们提供了这样的功能,能够满足我们的需求。选中图片,鼠标右键菜单选择“编辑文本”,这个时候我们就可以在图片上编辑文字了,还可以调整文字的大小、字体及颜色等。
切割图片俗称切图。Axure 提供了3种切图模式,十字架切割、水平切割和垂直切割。选中图片,鼠标右键单击,在弹出菜单中选择“切割图片”或在右侧样式面板中点击“刀子”形状的图标,这个时候图片上方会出现十字架虚线,十字架交叉处即为切点。移动鼠标,切点随鼠标一起移动,切割模式下,鼠标的光标变成了一把“刀子”。点击鼠标,完成切图,原来的一张图片被分割成了4张图片。切割模式下,可以根据实际的需求,点击右上角状态栏中的水平线或垂直线,选择水平切割或垂直切割,找准切点,点击鼠标,完成切割,将一张图片分割成两张图片。点击右上角的“关闭”按钮,取消切割,退出切割模式。
Axure RP 9为我们提供了三种裁剪方式:裁剪、复制、剪切。我们来分析下三种裁剪方式的不同。裁剪图片,保留选定区域,删除选区以外的部分;复制图片,在不破坏原图的情况下,复制选定区域的图片部分;剪切图片与裁剪图片相反,从原图中删除选定的区域,保留未选定的部分。选中图片,鼠标右键单击,在弹出菜单中选择“裁剪图片”或在右侧样式面板中点击裁剪图标,图片周围出现了一个虚线矩形框,拖拽矩形框中的方形节点,控制裁剪区域,双击鼠标,完成裁剪。点击设计区域右上角的裁剪、复制和剪切可以选择剪裁的方式,默认为剪裁。
固定边角范围:顾名思义就是固定图片边角的范围,当我们拉伸图片时,保留边角原有的样式,边角部分不会出现变形。当我们在网络中看到一张喜欢的图片,希望在原图上作出一些小的调整即可运用到我们的原型设计中,这样也能节省我们的原型制作时间。如下图所示,我们需要在密码输入框下方增加一行验证码输入框而又使得图片不变形。选中图片,点击右侧样式面板中的“固定边角范围”,拖动图片边框上的红色三角形,调整边角范围,三角形之间的空白区域即为我们添加验证码输入框的位置。
利用Axure可以对图片进行水平翻转和垂直翻转。鼠标右键单击,在弹出菜单中选择“水平翻转”或“垂直翻转”。
调整颜色:Axure RP 9可以为导入的图片调整颜色了,这是9.0版本新增的一项实用功能。选中图片,点击右侧样式面板中的“三个水平滑竿”图标,弹出调整颜色面板,选中“调整颜色”复选框,拖动滑竿或输入数值设置图片的颜色、饱和度、亮度和对比度。用过Photoshop的同学,相信对这个功能一定不会陌生。颜色、饱和度和亮度被称之为颜色的三要素,通过颜色三要素我们跳调教出任何一种RGB颜色。点击调整颜色面板中的“重置”按钮,将图片恢复为原来的颜色。
F. 如何将PS图层拖入Axure中去掉背景层
1、去掉背景图层,这需要进行抠图,即,把友模逗前景抠取出来。
2、抠取后,删除背景图层,保存为PNG文件。
3、码吵在Axure中好卖打开此PNG文件。
G. Axure有哪些需要熟练掌握而很多人不会的技能
很多人可以使用Axure绘制简单的线框图,但是对宏亩于系统元件的交互特征却并不了解,个人觉得想要学好Axure,很有必要认真研究这些元拿锋件的交互属性。这里简单列举几个
文本框的类型:文本、数字、电话、日期
切图:使用切割和裁剪功能,可以裁剪大图
图片调色:调整图片的色调、包含度、亮度、对比
位置固定:利用动态面板的“固定到浏览器”交互功能,可以将内容固定的页面的任意位置,如顶部导航、底部按钮、侧边栏菜单等
内联框架:在框架中加载页面,实现画中画效果
中继器:利用中消绝晌继器可以快速填充相同模板类型的数据,如文章列表、商品列表、表单数据。中继器还可以实现筛选、排序功能。
样式管理器:利用页面样式管理器、元件样式管理器,可以帮助我们确立页面设计规范,使得原型设计风格统一化、标准化、模板化。
H. axure背景怎么换颜色如何将Axure页面的添加图片和更换颜色啊
打开Axure软件,在右侧选择页面样式功能;
背景颜色可以改变,可凳如以输卖笑入色值;
选择背景图片后的导入按钮;
在弹窗中选择一张图片;
可以调整图片的对齐方式;
填充的意思的铺满背景,无论如何移动,背景不变,一般选择适应和不重复;
选择页面效果,可以中粗含达到图中这样的效果;
I. Axure流程图中的物件如何去掉蓝色×
预览或者生成原型的时候就自动的去掉那个蓝色×了握模。
设计期主要用于标识元件的范围段桐缓,
你试试旋转一下。蓝色标识的位置
更多的axure参考轮漏案例:
axure夜话教程www.91axure.com