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