axure商城

【教程】快速提升原型頁面美觀度之對齊方式詳解

對于制作原型的初學者來說,可能感覺比較困惑的地方是,不管怎么做總感覺原型整體不美觀,不知道怎樣才能快速提升整體的美感,其實通過幾步簡單的調整,就可以讓原型達到整齊美觀的效果,不管是原型設計、PPT、Word等需要排版布局的地方,都可以運用這幾步使整體樣式變得整齊
  • 調整控件對齊方式
  • 調整控件之間的間距大小
  • 調整字體大小樣式
  • 使用適當的顏色搭配
下面我將逐步為大家講解在Axure中如何使用這些技巧來提高頁面的美觀度,這一講將講解控件的對齊方式

對齊方式

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

注意事項

  • 選中兩個及以上的控件可以觸發對齊操作
  • 選中三個及以上的控件可以觸發分布操作
  • 對齊、分布操作可以結合起來,以達到最佳的顯示效果
  • 對齊與分布的參考標準是以第一個被選中的控件為標準,選中一個控件后,然后按住Shift鍵或者Ctrl鍵,再選中其他的控件,就可以使用對齊、分布了

效果展示

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

設置對齊方式

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

將需要的對齊、分布操作勾選,點擊“DONE”即可
到此為止Axure的對齊方式就講解完畢了,你學會了嗎?如果學會了就趕緊運用到原型的制作中去吧!

優職坊:致力于產出優質的axure資源,包括組件庫、原型、高保真原型、Axure教程等用戶體驗相關的資源。交互設計師、產品經理學習Axure技術的不二選擇!
更多優質Axure原型資源:https://www.axureshop.com/shop/18

給TA買糖
共{{data.count}}人
人已贊賞
Axure教程

Axure RP 9 教程—基本功能介紹1

2018-12-27 21:46:39

Axure教程

【教程】Axure全局輔助線與頁面輔助線使用講解

2018-12-28 21:39:52

axure商城
0 條回復 A文章作者 M管理員
    暫無討論,說說你的看法吧
?
個人中心
購物車
優惠劵
今日簽到
有新私信 私信列表
搜索
俄罗斯videoxxxoo