相關(guān)推薦
您可能對(duì)下面課程感興趣
Axure8.0視頻教程

74小節(jié)已有17098人學(xué)過

UI交互app及axure設(shè)計(jì)教程

84小節(jié)已有76684人學(xué)過

對(duì)齊方式 快速提升原型頁面美觀度
發(fā)布時(shí)間:2022-03-16 09:22 [ 我要自學(xué)網(wǎng)原創(chuàng) ] 發(fā)布人: hh71427-2 閱讀: 1859
對(duì)于制作原型的初學(xué)者來說,可能感覺比較困惑的地方是,不管怎么做總感覺原型整體不美觀,不知道怎樣才能快速提升整體的美感,其實(shí)通過幾步簡單的調(diào)整,就可以讓原型達(dá)到整齊美觀的效果,不管是原型設(shè)計(jì)、PPT、Word等需要排版布局的地方,都可以運(yùn)用這幾步使整體樣式變得整齊
  • 調(diào)整控件對(duì)齊方式
  • 調(diào)整控件之間的間距大小
  • 調(diào)整字體大小樣式
  • 使用適當(dāng)?shù)念伾钆?/li>
下面我將逐步為大家講解在Axure中如何使用這些技巧來提高頁面的美觀度,這一講將講解控件的對(duì)齊方式

對(duì)齊方式

在Axure中有兩種對(duì)齊的方式,一種是對(duì)齊,另一種是分布,通過調(diào)整對(duì)齊方式可以快速的將混亂的控件變得整齊有序,而不需要一個(gè)控件一個(gè)控件的拖拽對(duì)齊了,其實(shí)在很多軟件里都有對(duì)齊方式,比如PPT、Word、PS等,在Axure中掌握了對(duì)齊的技巧,也可以運(yùn)用于其他的軟件中了。
對(duì)齊分為六種:
左對(duì)齊 (Ctrl+Alt+L)
左右居中(Ctrl+Alt+C)
右對(duì)齊(Ctrl+Alt+R)
底部對(duì)齊(Ctrl+Alt+B)
上下居中(Ctrl+Alt+M)
頂部對(duì)齊(Ctrl+Alt+T)
分布分為兩種:
水平分布(Ctrl+Shift+H)
垂直分布(Ctrl+Shift+U)

注意事項(xiàng)

  • 選中兩個(gè)及以上的控件可以觸發(fā)對(duì)齊操作
  • 選中三個(gè)及以上的控件可以觸發(fā)分布操作
  • 對(duì)齊、分布操作可以結(jié)合起來,以達(dá)到最佳的顯示效果
  • 對(duì)齊與分布的參考標(biāo)準(zhǔn)是以第一個(gè)被選中的控件為標(biāo)準(zhǔn),選中一個(gè)控件后,然后按住Shift鍵或者Ctrl鍵,再選中其他的控件,就可以使用對(duì)齊、分布了

效果展示

頂部對(duì)齊
上下居中
底部對(duì)齊
水平分布
左對(duì)齊
左右居中
右對(duì)齊
垂直分布

設(shè)置對(duì)齊方式

在axure中軟件默認(rèn)顯示的圖標(biāo)操作按鈕只有對(duì)齊、分布兩個(gè),需要點(diǎn)擊后才會(huì)出現(xiàn)具體的對(duì)齊、分布方式,使用的時(shí)候不是很方便
其實(shí)在Axure中是可以通過設(shè)置來控制顯示哪些操作按鈕的,可以將常用的對(duì)齊操作顯示出來,直接點(diǎn)擊使用
下面來為大家講解如何設(shè)置對(duì)齊方式
視圖-工具欄-自定義基本工具列表,打開自定義基本工具列表

將需要的對(duì)齊、分布操作勾選,點(diǎn)擊“DONE”即可
到此為止Axure的對(duì)齊方式就講解完畢了,你學(xué)會(huì)了嗎?如果學(xué)會(huì)了就趕緊運(yùn)用到原型的制作中去吧!
Axure8.0視頻教程
我要自學(xué)網(wǎng)商城 ¥50 元
進(jìn)入購買
文章評(píng)論
0 條評(píng)論 按熱度排序 按時(shí)間排序 /350
添加表情
遵守中華人民共和國的各項(xiàng)道德法規(guī),
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
相關(guān)推薦
您可能對(duì)下面課程感興趣
Axure8.0視頻教程

74小節(jié)已有17098人學(xué)過

UI交互app及axure設(shè)計(jì)教程

84小節(jié)已有76684人學(xué)過

分類選擇:
電腦辦公 平面設(shè)計(jì) 室內(nèi)設(shè)計(jì) 室外設(shè)計(jì) 機(jī)械設(shè)計(jì) 工業(yè)自動(dòng)化 影視動(dòng)畫 程序開發(fā) 網(wǎng)頁設(shè)計(jì) 會(huì)計(jì)課程 興趣成長 AIGC