水平线和垂直线是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。
加载中,请稍候......