<
>

Axure如何调整线框图的对齐细节?

2017-10-21 07:41:20 来源:易采站长用户投稿 作者:人人都是产品经理

  假如PM对本型的视觉请求比力下,那末绘线框图的时分必然要留意各类细节,好比元件相对页里的地位,战其他元件能否对齐等。

  

 

  接下去经由过程一些本型真例,给各人解说一下怎样劣化线框图的细节。以下办法对单一元件大概选中多个元件皆有用。那些功用除经常使用东西栏,也能够正在菜单栏,战左圆的检视视图中找到。

  设置元件的地位

  下图中的“昵称”那个文本元件,需求间隔右边框战上圆banner一个适宜的间隔。

  

 

  我们能够经由过程设置该元件的X值战Y值去调解结果,不外此办法比力易操纵,而上面几种办法更简约。

  设置元件中笔墨的相对地位

  除设置元件的XY地位,我们也能够利用相对间隔去调解元件地位。

  

 

  对齐元件到网格

  当我们需求把元件安排正在绘布中的开理地位,请正在空缺地区左键选中“栅格战帮助线-显现网格”战“栅格战帮助线-对齐网格”。

  此时我们再来拖动元件“昵称”的时分,您会发明渐渐拖动的时分,每次间隔皆是牢固的10px,那便是下图中最初一个页里设置的网格默许距离。

  

 

  对齐元件到其他元件

  当我们需求经由过程拖动的方法元件来对齐到其他元件,我们能够开启“对齐元件”功用。请正在空缺地区左键选中“栅格战帮助线-对齐元件”。

  开启以后,我们再来拖动元件来对齐其他元件的时分,便会有蓝色的实线提醒,报告您对齐胜利。以下图“

♀

21弓手”胜利战“昵称”做到左对齐。

 

  

 

  相对其他元件对齐

  当我们期望多个元件可以看起去视觉分歧的时分,能够用到对齐功用。

  好比下图,选中“

♀

21弓手”、“互联网”、“产物司理”那3个元件,然后正在东西栏中面击顶部对齐。对齐成果以先挑选的为准。

 

  

 

  至于其他对齐的方法,办法是一样的。

  相对其他元件散布

  持续上里的案例,我们期望“21弓手”、“互联网”、“产物司理”那3个按钮的间距一样。那我们顺次选中并设置程度散布。

  

 

  同理按照实践场景挑选垂曲散布停止利用。

  先组开再对齐

  假如我们期望那3个按钮代表的团体也比力和谐,那我们先把那3个按钮组开,然后相对矩形框阁下居中,然后正在打消组开便可。

  

 

  倡议分离上篇文章《怎样利用Axure标准的绘出页里的线框图》一同进修,把握起去会更快。

暂时禁止评论

微信扫一扫

易采站长站微信账号