加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

axure组件—水平线、垂直线

(2013-05-24 22:36:33)
标签:

水平线

垂直线

axure组件

方文彬

axure

it

分类: Axure基础

    水平线和垂直线是axure中最容易使用的组件;但是很多人对水平线和垂直线的用途仅限用于其基础用途,例如网页版块间的分隔,指示箭头等。其实水平线和垂直线也可以用得很精彩。下面我们就来讲解其基础用途和高级点的用途。

 

    1.水平线和垂直线的属性设置。

    主要属性有、线条的颜色、粗细、线条的样式、箭头的样式,这些倒没什么可说的。

    http://s5/mw690/7db0f7catdd77ec20c254&690

    http://s4/mw690/7db0f7catdd77ed8fd643&690

    2.有质感的直线:很多人都以为有质感或者彩色的直线都是用ps等专业软件做出来的图片,其实axure完全可以用直线来做。

    ①放入直线组到工作区 ②选中直线,并选择直线填充颜色,选择线性渐变 ③设置渐变的原色变化起始,如图,左侧选择绿色,右侧选择红色,渐变角度为“0” ④设置完之后,渐变彩色有质感的直线就出来了。同样垂直线也可以这样操作。

    http://s16/mw690/7db0f7catdd78206b0bff&690

    3.用于原型设计时的参考,详情请看我的一篇博文axure组件和工作区的内容,大致内容如下。

    我们在设计网页时,网页的宽带是有规定的,例如规定是宽度980,笔者的做法是在顶部放上一根横向的直线,设定宽度为980,由于axure自带有自动对齐已经添加的件部件坐标的功能,所以以后再新添加部件时,部件移到相应位置,如果已有部件的X轴或Y轴的与新加的部件大致相同,就会提示对齐,如下图:

    由于我放置了一根980的横线,当新部件(黑色矩形)移动到与横向X轴坐标相同的位置,则会出现一条蓝色虚线提醒对齐,有了这样的提醒,你做的网页宽度永远不会违规超过980。

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有