本文作者將分享提升交互稿質量的3個方法，旨在幫助大家讓交互稿更上一層樓。尤其是在面試的時候，一份美觀的交互稿，也能展示設計師的基本設計素養，給面試官留下一個好印象。enjoy~

之前在德國讀碩士的時候，讀過一篇論文，主要講述了一個觀點：當兩個產品信息相同、交互也相同，但是界面的美觀程度不同，那么用戶會傾向于認為界面更美觀的那個產品信息的質量更高。這給了我一個啟發：如果交互稿（以及PPT等各種產出物）內容相同，我們只要再花點時間提升它的外觀，就可以得到一份被認為質量更高的作品。這么簡單、好用、容易的原則，我們怎么能不去遵守呢？畢竟只要花點心思讓交互稿更美觀，就可以提升它的質量??！

當然，我還是提倡大家首先從設計思維上提升自己，這樣做出來的交互稿才是足夠專業的。今天講的方法，旨在幫助大家讓交互稿更上一層樓。尤其是在面試的時候，一份美觀的交互稿，也能展示設計師的基本設計素養，給面試官留下一個好印象。

下面我們來詳細介紹3個方法，助英雄你一臂之力。

1、對齊

我一開始了解到“對齊”這個原則，是在好友推薦的《寫給大家看的設計書》里，下面是書中的介紹：

任何元素都不能在頁面上隨意安放。每一項都應當與頁面上的某個內容存在某種視覺聯系。

雖然有時候兩個視覺元素離得很遠，但是如果他們是對齊的，就會有一條“看不見的線”將它們連在一起，從而使頁面變得整潔。我們來看一組對比：

這是一個沒有使用對齊原則的名片的設計，頁面中的元素好像隨意擺上去的，它們之間也沒有關聯。

下面我們使用對齊原則來優化一下：

信息一下就變得有條理了。名片的右邊，有一條“看不見的線”，將所有的元素聯系在一起。

對齊的種類，主要就是三種：左對齊、右對齊、居中對齊。在對大段文字排版的時候，也會用到兩邊對齊。需要注意的是，要盡量選擇盡可能少的對齊方式，對齊的種類越多，頁面會更亂，就達不到使頁面整潔的效果了。

?比如上面這個例子，左邊的圖使用了左對齊和兩邊對齊，而右邊的只使用了左對齊。右邊的圖顯得更加清晰。

再來看一個例子，警告框：

圖中的警告框，左邊的標題和“知道了”按鈕是居中對齊，而中間的文字是居左對齊。右邊的全都是居中對齊。右邊明顯要整潔很多。

2、分類

分類的原則，是指將相關的項組織在一起，并且把不同的類別之間用留白區隔開。比如下面左圖的海報，和右邊使用了分類原則優化后的海報，信息的表現有了很大的提升。

在實際應用中，我們只需要注意兩點就好：將相同項目放在一塊、不同類別之間留白，就像下面這個例子，其實只是簡單的增加了一行空白，但立馬整個頁面就清晰了很多：

3、主次分明

這條原則其實它的名字已經說得很清楚了，就是把重要的信息強化出來，就像下面這樣：

將頁面中重要的信息提取出來，并使用加大字號、加粗、區隔等形式予以加強，立馬讓頁面更清楚。請記?。何覀兊拇竽X喜歡一目了然，討厭混沌一片！

以上介紹了對齊、分類、主次分明這三個技巧，幫你提高交互稿的整潔程度，從而達到提升質量的效果。希望對你有幫助。

#專欄作家#

新設計青年（微信公眾號：新設計青年），人人都是產品經理專欄作家，2017年度作家評選最佳人氣獎。愛奇藝高級交互設計師。留德海龜，曾任職騰訊微生活、網易、宜信。5年交互設計經驗，專注設計領域。

本文原創發布于人人都是產品經理。未經許可，禁止轉載。