我們常常聽到UI設(shè)計師和平面設(shè)計師，在招聘網(wǎng)站上面，二者也是常常一起出現(xiàn)的，混淆在一起，讓人無法分別，那二者有什么區(qū)別呢？到底什么是ui設(shè)計，什么又是平面設(shè)計，今天就來講講這二者之間的分別跟關(guān)系。

平面設(shè)計能力可以概括為視覺化處理與傳達信息的能力。UI設(shè)計在視覺化界面操作的階段，與平面設(shè)計其實是不一樣的，他們的交集是如何組織和處理每個界面的信息。下面為大家詳細(xì)介紹下Ui設(shè)計與平面設(shè)計重合的知識是什么：

1. 如何組織信息

組織頁面信息的首要任務(wù)是判斷信息優(yōu)先級，分清重要信息與次要信息，刪除無用信息。化繁為簡，降低視覺干擾。舉個小例子，數(shù)份簡歷扎堆時，信息有效快速傳達是第1步，再者才是加入一點點自己的小個性。

2. 如何對齊

首先達成信息優(yōu)先級主次的共識，可以提升排版的效率。

a. 信息分組

先從一個酒店預(yù)定成功通知消息案例來看，通知信息文字平鋪直敘，并未合理分組（左圖）。圖片部分上方酒店評價、信息地址和電話操作按鈕劇中對齊，酒店名成為了一個小標(biāo)題。做適當(dāng)調(diào)整后（右圖），使得正文通知、價格和時間字段分組明確。電話按鈕同酒店信息組對齊，使得圖片區(qū)域的文字和操作信息更為整體。

b. 居中對齊or左對齊
信息分組后，居中排列每組信息的小標(biāo)題，模塊感增強，使得閱讀標(biāo)題和每個組信息中產(chǎn)生視線的跳躍。小標(biāo)題和每組信息統(tǒng)一居左對齊，更符合快速瀏覽和操作。

3. 如何有重點

a. 大小對比

前面談了如何組織信息，那如何使主要信息更為有重點？首先可以經(jīng)過拉開大小比例，拿一張活動海報來舉例。5米處能看到什么？海報的大圖案渲染氣氛的整體感受；3米處能看到什么？活動主標(biāo)題；1米近距離又能發(fā)現(xiàn)什么？具體信息和時間等。

b. 并非均分

看似沒有什么差錯的信息布局（左圖），為什么始終差了一些什么？由于細(xì)節(jié)之處并非理解信息主次。zui初設(shè)計稿追求絕對的均分，導(dǎo)致信息較散，沒有“組”的緊湊感。

頁面元素中的左右間隔往往也會被忽視，如（左圖）中帳號頭像與頁面的左邊距=帳號名稱之間間隔，使得頁面中間區(qū)域的信息散于頁面邊界。具有平面設(shè)計意識的排版不僅是設(shè)計軟件中的文本框絕對居中對齊，需要對信息分組與主次深入思考，避免機械的均分對齊。

還想要了解更多Ui設(shè)計的知識嗎？歡迎咨詢和訪問的UI設(shè)計課程！

課程咨詢

咨詢老師：張老師

咨詢電話： 022-58652702

咨詢QQ：2528846629

相關(guān)推薦