常見的平面設計基礎
平面設計的基礎設計理論包括: 色彩構成、平面構成、字型設計、圖案設計、版式設計等。平面設計基礎能力可以概括為視覺化處理與傳達資訊的能力。UI設計在視覺化介面操作的階段，與平面設計的交集是如何組織和處理每個介面的資訊。平面設計中俗稱的排版，把文字、表格、圖形、圖片等進行合理的排列調整，有效傳達資訊，並達到美觀的視覺效果。
1. 如何組織資訊
首先對無用資訊的判斷（講真，曾看到簡歷中還有體重資訊）。其次是關鍵資訊的組織排列、清晰表達。個人資訊：姓名、年齡、照片、聯絡方式；基本資訊：工作經歷、教育背景、職業技能；其他資訊:興趣愛好等。數份簡歷扎堆時，資訊有效快速傳達是第一步，再者才是加入一點點自己的小個性。
2. 如何對齊
日常工作中，經常會遇到有關如何對齊問題的PK，始終爭論不休各說各理。首先達成資訊優先順序主次的共識，可以提升排版的效率。
a. 資訊分組
先從一個酒店預定成功通知訊息案例來看，通知資訊文字平鋪直敘，並未合理分組（左圖）。圖片部分上方酒店評價、資訊地址和電話操作按鈕劇中對齊，酒店名成為了一個小標題。做適當調整後（右圖），使得正文通知、價格和時間欄位分組明確。電話按鈕同酒店資訊組對齊，使得圖片區域的文字和操作資訊更為整體。
b. 居中對齊or左對齊
資訊分組後，居中排列每組資訊的小標題，模組感增強，使得閱讀標題和每個組資訊中產生視線的跳躍。小標題和每組資訊統一居左對齊，更符合快速瀏覽和操作。比如在需要完成註冊任務的網頁中，標題居左更有利於視線快速向下流動，使得操作路徑更順暢。
3. 如何有重點
a. 大小對比
前面談了如何組織資訊，那如何使主要資訊更為有重點？首先可以透過拉開大小比例，拿一張活動海報來舉例。5米處能看到什麼？海報的大圖案渲染氣氛的整體感受；3米處能看到什麼？活動主標題；1米近距離又能發現什麼？具體資訊和時間等。拉開主次資訊的尺寸大小對比，從空間距離上，使得觀眾接受資訊傳達有了先後。觀眾近距離閱讀，資訊有效傳達的順序同理適用。
b. 並非均分
看似沒有什麼差錯的資訊佈局（左圖），為什麼始終差了一些什麼？由於細節之處並非理解資訊主次。最初設計稿追求絕對的均分，導致資訊較散，沒有“組”的緊湊感。
頁面元素中的左右間隔往往也會被忽視，如（左圖）中帳號頭像與頁面的左邊距=帳號名稱之間間隔，使得頁面中間區域的資訊散於頁面邊界。標題和釋出時間也是透過設計軟體的居中對齊功能快速對齊，具有平面設計意識的排版不僅是設計軟體中的文字框絕對居中對齊，需要對資訊分組與主次深入思考，避免機械的均分對齊。
UI設計中對平面基礎能力的檢驗
UI設計（User Interface介面設計）的設計原則：簡易性、一致性、使用者習慣、人性化等。遵循UI設計的設計原則，提高平面設計能力，可使得介面更為優雅。在UI設計中可對設計師的平面基礎能力迅速檢驗，下面透過一些具體case的設計過程來簡單分析。
1. 精簡與一致性
2. 操作的輕量化
在某電臺app概念設計中，分享功能支援獲取歌詞並同時拉取專輯封面配圖，允許使用者上傳照片、寫下當時的心情或是用語音表達。最初設計時的介面互動框架（左圖）預設功能在“寫下心情”，“加圖片”和“錄語音”的功能重要性並列，感受上是個功能強大的分享介面，告訴使用者你有三種選擇配心情內容的方式。
討論後最佳化框架（右圖），預設拉取專輯封面圖，支援上傳圖片入口置於右上角，預設歌詞展示在封面圖上可點選編輯，整個頁面可視化了最終分享出去的樣式，所見即所得。設計最佳化後，讓整個操作有了重點。可以直接在分享預覽圖上操作，縮短了分享路徑，最重要帶給使用者輕量化的操作感受。
平面設計靈感注入設計
好的I設計可以讓軟體變得有個性和品位，同時操作上是簡單舒適的。平面設計的靈感，往往可以使得介面設計跳出線框與控制元件的束縛，充分體現軟體的定位和特點，使用過程中變得更有趣味。
常見的平面設計基礎
平面設計的基礎設計理論包括: 色彩構成、平面構成、字型設計、圖案設計、版式設計等。平面設計基礎能力可以概括為視覺化處理與傳達資訊的能力。UI設計在視覺化介面操作的階段，與平面設計的交集是如何組織和處理每個介面的資訊。平面設計中俗稱的排版，把文字、表格、圖形、圖片等進行合理的排列調整，有效傳達資訊，並達到美觀的視覺效果。
1. 如何組織資訊
首先對無用資訊的判斷（講真，曾看到簡歷中還有體重資訊）。其次是關鍵資訊的組織排列、清晰表達。個人資訊：姓名、年齡、照片、聯絡方式；基本資訊：工作經歷、教育背景、職業技能；其他資訊:興趣愛好等。數份簡歷扎堆時，資訊有效快速傳達是第一步，再者才是加入一點點自己的小個性。
2. 如何對齊2. 如何對齊
日常工作中，經常會遇到有關如何對齊問題的PK，始終爭論不休各說各理。首先達成資訊優先順序主次的共識，可以提升排版的效率。
a. 資訊分組
先從一個酒店預定成功通知訊息案例來看，通知資訊文字平鋪直敘，並未合理分組（左圖）。圖片部分上方酒店評價、資訊地址和電話操作按鈕劇中對齊，酒店名成為了一個小標題。做適當調整後（右圖），使得正文通知、價格和時間欄位分組明確。電話按鈕同酒店資訊組對齊，使得圖片區域的文字和操作資訊更為整體。
b. 居中對齊or左對齊
資訊分組後，居中排列每組資訊的小標題，模組感增強，使得閱讀標題和每個組資訊中產生視線的跳躍。小標題和每組資訊統一居左對齊，更符合快速瀏覽和操作。比如在需要完成註冊任務的網頁中，標題居左更有利於視線快速向下流動，使得操作路徑更順暢。
3. 如何有重點
a. 大小對比
前面談了如何組織資訊，那如何使主要資訊更為有重點？首先可以透過拉開大小比例，拿一張活動海報來舉例。5米處能看到什麼？海報的大圖案渲染氣氛的整體感受；3米處能看到什麼？活動主標題；1米近距離又能發現什麼？具體資訊和時間等。拉開主次資訊的尺寸大小對比，從空間距離上，使得觀眾接受資訊傳達有了先後。觀眾近距離閱讀，資訊有效傳達的順序同理適用。
b. 並非均分
看似沒有什麼差錯的資訊佈局（左圖），為什麼始終差了一些什麼？由於細節之處並非理解資訊主次。最初設計稿追求絕對的均分，導致資訊較散，沒有“組”的緊湊感。
頁面元素中的左右間隔往往也會被忽視，如（左圖）中帳號頭像與頁面的左邊距=帳號名稱之間間隔，使得頁面中間區域的資訊散於頁面邊界。標題和釋出時間也是透過設計軟體的居中對齊功能快速對齊，具有平面設計意識的排版不僅是設計軟體中的文字框絕對居中對齊，需要對資訊分組與主次深入思考，避免機械的均分對齊。
UI設計中對平面基礎能力的檢驗
UI設計（User Interface介面設計）的設計原則：簡易性、一致性、使用者習慣、人性化等。遵循UI設計的設計原則，提高平面設計能力，可使得介面更為優雅。在UI設計中可對設計師的平面基礎能力迅速檢驗，下面透過一些具體case的設計過程來簡單分析。
1. 精簡與一致性
2. 操作的輕量化
在某電臺app概念設計中，分享功能支援獲取歌詞並同時拉取專輯封面配圖，允許使用者上傳照片、寫下當時的心情或是用語音表達。最初設計時的介面互動框架（左圖）預設功能在“寫下心情”，“加圖片”和“錄語音”的功能重要性並列，感受上是個功能強大的分享介面，告訴使用者你有三種選擇配心情內容的方式。
討論後最佳化框架（右圖），預設拉取專輯封面圖，支援上傳圖片入口置於右上角，預設歌詞展示在封面圖上可點選編輯，整個頁面可視化了最終分享出去的樣式，所見即所得。設計最佳化後，讓整個操作有了重點。可以直接在分享預覽圖上操作，縮短了分享路徑，最重要帶給使用者輕量化的操作感受。
平面設計靈感注入設計
好的I設計可以讓軟體變得有個性和品位，同時操作上是簡單舒適的。平面設計的靈感，往往可以使得介面設計跳出線框與控制元件的束縛，充分體現軟體的定位和特點，使用過程中變得更有趣味。