我在網(wǎng)上看到一些帖子討論UI設(shè)計師與平面設(shè)計師的區(qū)別總結(jié)為不同的思維方式：UI平面設(shè)計師考慮用戶習(xí)慣和易于使用的感覺，致力于更有吸引力的信息傳達。兩者側(cè)重于不同，但在專業(yè)上有很大的交集，信息傳達的核心基本技能實際上是相互關(guān)聯(lián)的。平面設(shè)計是如何表達一件事的，UI設(shè)計是如何讓用戶更好地使用一件事，表達是令人費解的，卡在使用的先進步。UI論壇上有人吐槽:“不要用平面設(shè)計思維去做UI”，然而很多UI設(shè)計師通常缺乏平面設(shè)計基本的概念。

　　平面設(shè)計常見的基本問題

　　平面設(shè)計的基本設(shè)計理論包括：色彩構(gòu)成、平面構(gòu)成、字體設(shè)計、設(shè)計圖案、布局設(shè)計等。平面設(shè)計的基本能力可以概括為視覺處理和傳達信息的能力。UI在視覺界面操作階段，如何組織和處理各界面的信息與平面設(shè)計的交集。平面設(shè)計通常被稱為排版，合理安排和調(diào)整文本、報告、圖形、圖片等，有效傳達信息，達到美觀的視覺效果。

　　1.如何組織信息

　　組織頁面信息的首要任務(wù)是判斷信息優(yōu)先，區(qū)分重要信息和次要信息，刪除無用信息。簡化繁殖，減少視覺干擾。例如，從簡歷中，你可以申請一份工作UI設(shè)計師對平面設(shè)計的基本能力略知一二。首先，判斷無用信息(說實話，我在簡歷中看到了體重信息)。二是關(guān)鍵信息的組織安排，表達清晰。個人信息：姓名、年齡、照片、聯(lián)系方式;基本信息：工作經(jīng)驗、教育經(jīng)驗、職業(yè)技能;其他信息：個人愛好等。當(dāng)幾份簡歷聚集在一起時，信息的有效和快速傳達是先進步，然后是增加一點你自己的小個性。

　　2.如何對齊

　　在日常工作中，經(jīng)常會遇到如何對齊的問題PK，總是爭論不休，各說各達成信息優(yōu)先的共識，可以提高排版效率。

　　a.信息分組

　　首先，從酒店預(yù)訂成功通知的消息案例來看，通知信息文本是直接敘述的，沒有合理的分組(左圖)。在圖片部分上方的酒店評估中，信息地址與電話操作按鈕對齊，酒店名稱成為一個小標(biāo)題。經(jīng)過適當(dāng)?shù)恼{(diào)整(右圖)，使文本通知、價格和時間字段清晰。電話按鈕與酒店信息組對齊，使圖片區(qū)域的文本和操作信息更加整體。

　　b.居中對齊or左對齊

　　信息分組后，每組信息的小標(biāo)題在中間排列，增強了模塊感，使閱讀標(biāo)題和每組信息的視線跳躍。小標(biāo)題與每組信息統(tǒng)一對齊，更符合快速瀏覽和操作。例如，在需要完成注冊任務(wù)的網(wǎng)頁中，左標(biāo)題更有利于視野的快速向下流動，使操作路徑更加順暢。

　　3.如何有重點

　　a.大小對比

　　我談到了如何組織信息，如何使主要信息更加關(guān)注?首先，我們可以打開大小比例，以活動海報為例。你在5米處能看到什么?海報大圖案渲染氣氛的整體感受;你在3米處能看到什么?活動主題;1米近距離能找到什么?具體信息和時間等。打開主次信息尺寸對比，讓觀眾從空間距離接受信息傳遞。觀眾近距離閱讀，有效傳達信息的順序也適用。

　　b.并非均分

　　為什么看似沒有錯誤的信息布局總是更糟?因為細(xì)節(jié)不是理解信息的主次。初的設(shè)計稿追求絕對均分，導(dǎo)致信息分散，沒有“組”的緊湊感。

　　頁面元素中的上下間隔往往被忽略，如賬號頭像與頁面左側(cè)的距離=賬戶名稱之間的間隔使頁面中間區(qū)域的信息分散在頁面邊界上。標(biāo)題和發(fā)布時間也通過設(shè)計軟件的中間對齊功能快速對齊。具有平面設(shè)計意識的排版不僅是設(shè)計軟件中輸入框的絕對中間對齊，還需要深入思考信息組和主次，防止機械平均對齊。