當前位置:才華齋>設計>平面設計>

常見的平面設計基礎問題

平面設計 閱讀(1.47W)

平面設計的基礎設計理論包括: 色彩構成、平面構成、字型設計、圖案設計、版式設計等。平面設計基礎能力可以概括為視覺化處理與傳達資訊的能力。UI設計在視覺化介面操作的階段,與平面設計的交集是如何組織和處理每個介面的資訊。平面設計中俗稱的排版,把文字、表格、圖形、圖片等進行合理的排列調整,有效傳達資訊,並達到美觀的視覺效果。

常見的平面設計基礎問題

  1. 如何組織資訊

組織頁面資訊的首要任務是判斷資訊優先順序,分清重要資訊與次要資訊,刪除無用資訊。化繁為簡,降低視覺干擾。舉個小例子,從一份簡歷,就可對一名應聘UI設計師的平面設計基礎能力略知一二。首先對無用資訊的判斷(講真,曾看到簡歷中還有體重資訊)。其次是關鍵資訊的組織排列、清晰表達。個人資訊:姓名、年齡、照片、聯絡方式;基本資訊:工作經歷、教育背景、職業技能;其他資訊:興趣愛好等。數份簡歷扎堆時,資訊有效快速傳達是第一步,再者才是加入一點點自己的小個性。

  2. 如何對齊

日常工作中,經常會遇到有關如何對齊問題的PK,始終爭論不休各說各理。首先達成資訊優先順序主次的共識,可以提升排版的效率。

a. 資訊分組

先從一個酒店預定成功通知訊息案例來看,通知資訊文字平鋪直敘,並未合理分組(左圖)。圖片部分上方酒店評價、資訊地址和電話操作按鈕劇中對齊,酒店名成為了一個小標題。做適當調整後(右圖),使得正文通知、價格和時間欄位分組明確。電話按鈕同酒店資訊組對齊,使得圖片區域的'文字和操作資訊更為整體。

b. 居中對齊or左對齊

資訊分組後,居中排列每組資訊的小標題,模組感增強,使得閱讀標題和每個組資訊中產生視線的跳躍。小標題和每組資訊統一居左對齊,更符合快速瀏覽和操作。比如在需要完成註冊任務的網頁中,標題居左更有利於視線快速向下流動,使得操作路徑更順暢。

  3. 如何有重點

a. 大小對比

前面談了如何組織資訊,那如何使主要資訊更為有重點?首先可以通過拉開大小比例,拿一張活動海報來舉例。5米處能看到什麼?海報的大圖案渲染氣氛的整體感受;3米處能看到什麼?活動主標題;1米近距離又能發現什麼?具體資訊和時間等。拉開主次資訊的尺寸大小對比,從空間距離上,使得觀眾接受資訊傳達有了先後。觀眾近距離閱讀,資訊有效傳達的順序同理適用。

b. 並非均分

看似沒有什麼差錯的資訊佈局(左圖),為什麼始終差了一些什麼?由於細節之處並非理解資訊主次。最初設計稿追求絕對的均分,導致資訊較散,沒有“組”的緊湊感。

頁面元素中的左右間隔往往也會被忽視,如(左圖)中帳號頭像與頁面的左邊距=帳號名稱之間間隔,使得頁面中間區域的資訊散於頁面邊界。標題和釋出時間也是通過設計軟體的居中對齊功能快速對齊,具有平面設計意識的排版不僅是設計軟體中的文字框絕對居中對齊,需要對資訊分組與主次深入思考,避免機械的均分對齊。