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

相关推荐

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

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

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

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

    2016-02-18
  • Justinmind权威指南:基础-Justinmind 6.x工作界面与机制

    ​这一篇也是仅作了解熟悉,方面大家后面快速上手,先来看一看工作界面以及各个功能的入口。然后再来了解一下工作方式。 Justinmind的主界面简介 主要分为几个区域:导航栏、工具属性栏、元件区、交互事件区、数据源…

    2015-08-05
  • Axure教程:用Axure画出手绘效果的原型图

    前段时间跟大家介绍了一个软件Balsamiq Mockups,这是一个可以简单画出的手绘效果原型图的软件,操作也很简单!后来有朋友问我Axure可以画出手绘效果的原型图吗?答案的肯定的,只不过没有Balsamiq Mockups那么手绘,但是也可以改善一下Axure里总是横平竖直的视觉感受!

    2014-12-31
  • 手机助手手机版主要交互文档

    下载地址:手机助手手机版主要交互文档

    2014-11-05
  • Justinmind 6.5 激活/破解 延迟使用时间FOR MAC

    Justinmind6.5 for mac延长试用时间 1、解压后获得jm6.5_cr.sh文件 2、打开终端(方式一:到“Lauchpad”中找到“其他”,里面找到“终端”点击打开;方式二:快捷键“control + 空格”,在“spotlight搜索”中输入“终端”启动…

    2015-05-28
  • 从零开始学Axure原型设计(入门篇)

    如果说Sketch是最美、最简洁的设计软件,那么Axure就是最强大的原型制作软件。Axure不仅能制作静态的视觉稿、页面,还能添加交互动作,是进行原型设计的最佳软件之一。虽然Axure的学习曲线比较陡峭,但是掌握之后可…

    2016-01-06
  • [Mockplus教程]重命名

    对页面和分组的重命名可以选中单个页面,然后使用F2进入名字修改状态,改完之后鼠标随便 点击其它地方即可完成修改。 对于选中页面也可以双击页面节点进入修改状态。 完整演示如下:

    Mockplus 2015-09-18
  • 017. 单选按钮、复选按钮——axure线框图部件库介绍

    有时候发现这做事情坚持下来是一件很不容易的,写教程也一样,不过听到很多朋友对我说 这个全部是图片的教程 对他们入门帮助很多,我就想想 在坚持坚持把基础部分先完善了! 1. 简单的问卷调查: 您的性别?  答案…

    2014-09-12
  • Axure中文教程:注释功能

    AxureRP将交互与注释说明功能放在了一个面版上,同时又针对整个页面有一个交互与注释说明。交互功能设置的是用户通过不同方式触发页面中元素或者载入页面时,发生的交互动作。而注释说明则用文字详细说明对应元素的细节或页面的说明。由于针对整个页面的说明和交互,与针对页面中某个元素的说明与交互在文档表现和生成的不同,而被分开,但是他们的实际功能是一致的,可以一起来说。这里主要讲述annotations,即注释说明,这个部分主要应用于后期的产品规格说明书的生成,详细可参见《AxureRP教程–生成规格说明书》。

    2015-01-01
  • Axure基础教程:Axure中表格使用的技巧

    对于新手来说,用Axure做一个表格是一件麻烦的事情。本文教你如何快速学会Axure表格的基础应用。

    2015-01-01