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

相关推荐

  • 需求与原型之间有堵墙

    从最初的一个产品概念到最终的产品上线,中间凝聚着一个IT团队的心血和付出。产品经理作为其中的主导者,在一定程度上影响着产品的成败和优劣。在整个产品研发流程中,每一环节都需要产品经理稳扎稳打的来推动项目…

    2016-11-01
  • 原型图设计工具对比

    原型图(或线框图)设计工具是创建网站和应用程序的利器,它让设计师和设计团队专注于原型产品的功能以及如何创建更好的用户体验。如今,市场上涌现了各类功能不一的原型工具。然而,从中挑选出一款最合适自己的也…

    2016-01-09
  • Axure教程:Axure控件大小调整小技巧

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

    2015-01-01
  • Justinmind 2015年更新回顾

      2015年是激动人心的一年!今年,我们已经推出了许多新的功能,为您带来一个更美好的原型开发工具。下面,我们回顾下2015年justinmind的改进。                 &nb…

    2016-01-06
  • 【Mockplus教程】备注

    每个页面都可以添加备注信息,打开需要添加或者查看备注信息的页面, 在页面节点上面鼠标右击,弹出菜单中选择“页面属性”一项,如下图: 在弹出的对话框中,即可查看备注或者编辑备注,编辑好备注之后点击“应用”按…

    Mockplus 2015-08-31
  • 交互设计师推荐APP产品原型设计工具 |UE网交互设计学堂

    最常用的才是最靠谱的,有些文章里说的很多但是我作为一个交互设计师几乎都没使用过原因很简单,用不到那么多。 1.Visio 2013 推荐指数  ✦✦✦✦✦ 原因:线框专业户,灵活,Office使用习惯接受程度较高。支持各种平台…

    2015-07-01
  • 用动态影像如何提升网页魅力?

    来源:腾讯ISUX 作者:sisi 科技越发达、人类越懒惰。当我们在信息大爆炸的网络中疲倦于文字和图片,动态影像通常令人为之振奋。UGC短视频社区的红火,说明用户渐渐喜爱自产视频记录和表达;即时通讯软件功能从单一…

    2014-09-27
  • Mockplus原型交互跟我做之1-30秒做一个自动消失的消息框(Toast)

    从现在做,跟我一起来认识Mockplus的交互。 Mockplus的交互,非常简单、直观、容易上手。你所需要做的,只是拖一拖鼠标,然后几步设置而已。 当然,只要你愿意,还可以实现强大的交互效果。 不废话,先来做一个,试…

    2016-01-18
  • 也许你根本不会用百度搜索

    在谷哥被河蟹之后,大部分时间只有依靠度娘了,一直觉得度娘不好用,其实度娘也是有隐藏秘籍的——左右左右,上下上下BABA。   搜索引擎可以帮助使用者在Internet上找到特定的信息,但它们同时也会返回大量无关…

    原型设计教程 2014-12-08
  • 023. axure制作项目符号列表样式

    像这样的在文字前面添加项目符合列表,不只是在word中可以实现,在axure中也可以很方便添加 l  Axure rp 6.5的软件安装、汉化与注册 l  认识Axure的软件界面 l  生成网页原型的三种方法 l  如何关闭IE浏览器在生成…

    2014-09-12