今天講解如何調(diào)整間距大小，來(lái)快速提升原型整體的美感。
- 調(diào)整控件對(duì)齊方式
- 調(diào)整控件之間的間距大小
- 調(diào)整字體大小樣式
- 使用適當(dāng)?shù)念伾钆?/li>
對(duì)于初級(jí)設(shè)計(jì)師來(lái)講，間距是很容易被忽略的細(xì)節(jié)，也不容易把握分寸，往往設(shè)計(jì)出來(lái)的頁(yè)面不夠美觀，甚至導(dǎo)致頁(yè)面內(nèi)容混亂不堪，讓人不知所以，而合適和統(tǒng)一的間距規(guī)則，能夠有效的提升頁(yè)面的整齊度和內(nèi)容信息的聚合度，讓頁(yè)面結(jié)構(gòu)整齊有序，內(nèi)容層次分明，一目了然。
事實(shí)上間距的調(diào)整沒(méi)有一個(gè)絕對(duì)的標(biāo)準(zhǔn)，找到合適的適用于當(dāng)前系統(tǒng)的尺寸即可，這里推薦幾個(gè)使用較多的尺寸：4px、8px、10px、12px、16px、20px、24px、30px、32px、40px、48px、60px、80px等，這么多尺寸不用都用上，需要從中挑選幾個(gè)搭配起來(lái)使用，如：8px、12px、24px；
知道了這些間距尺寸，那么在Axure中如何使用起來(lái)呢，下面從元件間間距、元件內(nèi)間距兩個(gè)方面來(lái)講解
元件間間距
在Axure中可以用快捷鍵來(lái)控制間距，能夠方便快捷準(zhǔn)確的調(diào)整間距
Shift+方向鍵（→↑←↓）
Ctrl+方向鍵（→↑←↓）
用快捷鍵操作后，元件會(huì)以一個(gè)設(shè)置好的單元間距進(jìn)行水平或者垂直移動(dòng)，默認(rèn)單元間距為10px,也可以手動(dòng)修改成你需要的尺寸，修改方式如下圖所示：
“布局-柵格和輔助線-對(duì)齊元件設(shè)置”，出現(xiàn)元件對(duì)齊設(shè)置，設(shè)置成需要的尺寸即可
示例
使用間距快捷鍵將散亂的元件按照一定的間距規(guī)則重新調(diào)整，將基本信息標(biāo)題與內(nèi)容區(qū)分開(kāi)，讓內(nèi)容變得更整齊有序，結(jié)構(gòu)也更清晰
元件內(nèi)間距
元件內(nèi)間距可以分為元件組內(nèi)間距和單元件文字間距
- 元件組是由多個(gè)元件組合而成形成一個(gè)集合，往往都有明確的界限，元件組內(nèi)間距與元件間間距的調(diào)整方式相同，都可以通過(guò)快捷鍵控制間距，示例如下：
- 單元件文字間距，通過(guò)控制行間距與填充來(lái)完成，這兩個(gè)控制項(xiàng)在Axure面板的右邊【檢視】的樣式里面
行間距用來(lái)控制段落文字之間的間距
填充用來(lái)控制元件內(nèi)間距的大小
一般行間距會(huì)與填充結(jié)合起來(lái)使用，效果如下所示：
到此為止，Axure中如何調(diào)整間距大小的講解就到此為止了，你Get到了嗎~
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任，
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。