曾看到網(wǎng)上一些帖子討論UI設計師和平面設計師的差異，總結(jié)為思維方式的不同: UI設計師考慮用戶習慣和易用體驗，平面設計師專注于更具吸引力的信息傳達。兩者側(cè)重不同但專業(yè)上有非常大的交集，信息傳達的核心基礎技能其實都是相通的。
平面設計是如何表達一個事物，而UI設計是如何讓用戶更好使用一個事物，表達層面令人費解則卡在了使用的第一步。UI論壇有人吐槽:“不要用平面設計思維做UI”，然而許多UI設計師往往缺少平面設計最基本的意識。
平面設計的基礎設計理論包括: 色彩構(gòu)成、平面構(gòu)成、字體設計、圖案設計、版式設計等。平面設計基礎能力可以概括為視覺化處理與傳達信息的能力。UI設計在視覺化界面操作的階段，與平面設計的交集是如何組織和處理每個界面的信息。平面設計中俗稱的排版，把文字、表格、圖形、圖片等進行合理的排列調(diào)整，有效傳達信息，并達到美觀的視覺效果。
首先對無用信息的判斷（講真，曾看到簡歷中還有體重信息）。其次是關鍵信息的組織排列、清晰表達。個人信息：姓名、年齡、照片、聯(lián)系方式；基本信息：工作經(jīng)歷、教育背景、職業(yè)技能；其他信息:興趣愛好等。數(shù)份簡歷扎堆時，信息有效快速傳達是第一步，再者才是加入一點點自己的小個性。
日常工作中，經(jīng)常會遇到有關如何對齊問題的PK，始終爭論不休各說各理。首先達成信息優(yōu)先級主次的共識，可以提升排版的效率。
先從一個酒店預定成功通知消息案例來看，通知信息文字平鋪直敘，并未合理分組（左圖）。圖片部分上方酒店評價、信息地址和電話操作按鈕劇中對齊，酒店名成為了一個小標題。做適當調(diào)整后（右圖），使得正文通知、價格和時間字段分組明確。電話按鈕同酒店信息組對齊，使得圖片區(qū)域的文字和操作信息更為整體。
信息分組后，居中排列每組信息的小標題，模塊感增強，使得閱讀標題和每個組信息中產(chǎn)生視線的跳躍。小標題和每組信息統(tǒng)一居左對齊，更符合快速瀏覽和操作。比如在需要完成注冊任務的網(wǎng)頁中，標題居左更有利于視線快速向下流動，使得操作路徑更順暢。
前面談了如何組織信息，那如何使主要信息更為有重點？首先可以通過拉開大小比例，拿一張活動海報來舉例。5米處能看到什么？海報的大圖案渲染氣氛的整體感受；3米處能看到什么？活動主標題；1米近距離又能發(fā)現(xiàn)什么？具體信息和時間等。拉開主次信息的尺寸大小對比，從空間距離上，使得觀眾接受信息傳達有了先后。觀眾近距離閱讀，信息有效傳達的順序同理適用。
看似沒有什么差錯的信息布局（左圖），為什么始終差了一些什么？由于細節(jié)之處并非理解信息主次。最初設計稿追求絕對的均分，導致信息較散，沒有“組”的緊湊感。
頁面元素中的左右間隔往往也會被忽視，如（左圖）中帳號頭像與頁面的左邊距=帳號名稱之間間隔，使得頁面中間區(qū)域的信息散于頁面邊界。標題和發(fā)布時間也是通過設計軟件的居中對齊功能快速對齊，具有平面設計意識的排版不僅是設計軟件中的文本框絕對居中對齊，需要對信息分組與主次深入思考，避免機械的均分對齊。