011.矩形、占位符组件——axure线框图部件库介绍

矩形组件和占位符没有太多的区别,这里我们主要讲解矩形组件的操作和使用,占位符的操作各位可以按照矩形的操作方法进行练习一下。

矩形组件是一个矩形,它可以用来做很多的工作,比如页面上需要一块蓝色的背景,就可以用一个填充为蓝色的矩形组件,我们还可以用它来做页面布局,是我们最常用的部件。

1. 可以用来做页面布局

2. 可以变化成为其他的形状:三角形、圆形、椭圆等很多的形状

3. 可以填充颜色:用着背景和层次

4. 可以用来制作表格

5. 可以直接输入文字

6. 可以添加很多的交互

首先我们将矩形组件拖动到页面编辑区域

 

1. 调整矩形的形状:单击鼠标右键》选择编辑按钮形状》选择形状》选择需要变换的形状

选择形状

具体形状

具体对应的每一种形状,自己尝试一下。比如我们在做导航的时候,就需要顶部是圆角的矩形。

形状实例

 

2. 练习矩形的颜色填充和渐变

如果要出现那种很有质感的填充效果,必须选择线性渐变,并且在数值填充处输入90

给矩形填充颜色

3. 屏幕取色器的使用

有时候,我们需要获取其他地方的颜色的16进制值,可以借助颜色取色器,通过直接在颜色输入宽输入数值的话会更加精准

屏幕取色器

 

4. 更多的属性操作:

如边框颜色、粗细、层次,矩形的大小等参见:

008. 认识axure部件库中各个部件的属性:http://www.heguangming.com/?p=122

(本文出自萧何)

原创文章,作者:Smiler李想,如若转载,请注明出处:https://www.iamue.com/374/

(0)
Smiler李想Smiler李想
上一篇 2014-09-12 13:45
下一篇 2014-09-12

相关推荐

  • 关于Axure rp的相关介绍

    Axure RP 能帮助网站需求设计者,快捷而简便的创建基于网站构架图的带注释页面示意图、操作流程图、以及交互设计,并可自动生成用于演示的网页文件和规格文件,以提供演示与开发。 Axure正确的英文发音应该是(ak sh…

    2014-09-09
  • 【Axure原型设计】手机APP微信读书原型设计

    最近在学Axure,周末做了个案例练练手,选了腾讯新出的微信读书,主要考虑这是1.0版,所以功能不是那么复杂。做完之后回顾了一下自己的制作过程,既算是做一个总结,也希望能给同样正在学习的新手带来一点帮助。就…

    2015-10-14
  • 019. 菜单组件——axure线框图部件库介绍

    软件类的教程,我写不出长篇大论,这里面的都是基础的操作,希望初学者,根据一个功能演示,可以自己测试其他功能菜单的效果! Axure自带的菜单组件,我几乎没有用到过,做菜单导航,我第一时间想到的还是矩形组件…

    2014-09-12
  • Axure使用内部框架实现上下滑动特效

    有两种方式,这里是采用内部框架实现。 在线播放 下载源文件:点我上下滑动-艾欧交互 下载视频:上下滑动-艾欧交互

    原型设计教程 2014-09-09
  • AxureRP7.0扩展元件库

    1、本元件库仅适用于Axure rp7.0以上版本; 2、本元件库已集成Axure rp7.0自带元件,避免使用中元件库的切换; 3、本元件库中所有元件均可设置,设置选项一般与元件使用说明在同一位置,使用说明一般在某个动态面板…

    2014-09-28
  • Mockplus原型交互跟我做之6 - 快速给弹出面板命名

    在交互设计中,我们经常需要给弹出面板起一个名字,便于查看。

    一般的方式,是在属性面板中,通过“名称”来修改。

    但是还有更快捷的方式,就是选中弹出面板,按下空格键,然后输入名字。请看视频:

    2016-02-18
  • Axure手机多屏幕滑动原型案例下载

    网络中有价值的Axure原型案例不多,给客户做的原型或者自己公司内部的几乎没有人愿意共享出来,这很正常。建议刚刚学习Axure的小伙伴儿们不要到找人索要原型,换位思考一下,你付出劳动制作好的成品也不会随意送给…

    2015-01-04
  • 【Mockplus教程】为什么删除多个页面的时候会有提示,如何取消提示?

    为了防止误操作,在删除三个及以上页面的时候,Mockplus默认会给出输入“delete”字符 完成删除的确认提示,如下图: 要去掉这个提示,在设置中去掉这个选项即可,如下图:      

    2015-08-17
  • 在手机上演示axure原型

    AXSHARE APP发布啦,以后大家的原型可以通过这款APP进行预览演示咯。小编迫不及待的体验了一下这款APP。 要使用这款APP,首先需要有axshare的账号。账号注册地址:https://share.axure.com/ 然后在手机上下载AxShar…

    2015-05-28
  • Axure教程:Axure控件大小调整小技巧

    转载请注明:Axure中文网 » Axure教程:Axure控件大小调整小技巧

    2015-01-01