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 8.0新功能解析

    这个版本强化了Axure的三个核心功能——原型、交付,和协作。 8.0 Beta版改动相当之大,且这几个月会有一些重要更新,我们一起期待吧 :) 用户界面 1.合并了三个部分:部件交互和注释、部件属性和样式、页面属性。将…

    2016-05-09
  • Mockplus: 一款简单而又强大的原型设计工具

    在网络技术蓬勃发展的当今社会,各类线框图和原型设计工具也随之而大量涌现。但是,作为一款简单又不失强大的新型工具,Mockplus借着它的独特之处在市场中也占有着它的一席之地。 作为一款简单,易学,易用,无代码…

    2015-11-05
  • 『justinmind破解教程』阿西justinmind学习日记:怎么重复延长苹果MAC版的justinmind的30天试用期

    很多同学在苹果MAC上使用justinmind时候遇到正版软件试用期30天满了后无法继续试用。这个教程帮助大家在mac环境无限循环30天试用。永远用正版哈,不过每个月总有那么一天要重复操作一次本教程,不过要是怕麻烦就去…

    2015-06-16
  • 006. 站点地图区域

    站点地图呈树状的,以主页为根节点,可以方便我们对网站整体模块和不同栏目、功能划分有一个很清晰的了解,同时也方便我们对网站整体页面进行管理(添加、删除、重命名、调整层级、调整顺序)   :选择一个节…

    2014-09-12
  • Mockplus原型交互跟我做之7 - 拉长页面做滚动,并固定顶部和底部

    在Mockplus的App项目,你可以快速地拉长页面做滚动,并且固定顶部和底部。请看视频:

    2016-02-18
  • Justinmind权威指南:​基础-Justinmind基本元件的使用-1

    前面咱们学过了怎么新建项目,怎么发布项目,怎么在手机端预览;接下来我们开始真正去使用画布制作原型,那么第一步,你先要会使用这些元件,我们按照官方软件自带元件库的顺序一个一个的讲解,全面了解之后你也许…

    2015-08-31
  • Justinmind 7.1.0 win&mac网盘下载

    自定义需求字段 如你所知,Justinmind企业版可以帮助你通过需求管理与所有设计团队打造智能商务解决方案。直到现在,你已经能够在你的原型中定义项目的要求。随着在Justinmind编辑的需求领域,用户已经可以定义需求…

    2016-04-13
  • 国内外人气UX/UI/PD设计社区推荐,纯干货

    对于很多人尤其新手而言,要把握最新的设计动态及发展趋势,似乎不是一件轻松的事情。如果你也像我一样是个设计小白,而且正在担心自己设计的作品是否符合客户需求、烦恼找不到设计解决方案、得不到有效的用户反馈…

    2023-03-03
  • Web首页交互设计

    关于首页,每天处在互联网的生活中访问的网站首先映入眼帘的,都是网站向你展示的该网站的首页 我们还是来分析下“著名”的百度首页。说起首页设计分析百度就像编程开发第一堂课要讲Hello World!一样..... ^_^。 先…

    2014-09-27
  • 020.树——axure线框图部件库介绍

    终于到最后一个组件的介绍了!到这里基础的应用应该算完成了!  1. 拖动树组件,到页面编辑区域 2.添加节点,可以添加子节点也可以在该节点的前后添加平级节点  3. 编辑节点图标 做好上面的那一步,图标还不会显示…

    2014-09-12