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

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

1. 如何組織信息

組織頁(yè)面信息的首要任務(wù)是判斷信息優(yōu)先級(jí)，分清重要信息與次要信息，刪除無(wú)用信息?；睘楹?jiǎn)，降低視覺(jué)干擾。舉個(gè)小例子，數(shù)份簡(jiǎn)歷扎堆時(shí)，信息有效快速傳達(dá)是第1步，再者才是加入一點(diǎn)點(diǎn)自己的小個(gè)性。

2. 如何對(duì)齊

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

a. 信息分組

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

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

3. 如何有重點(diǎn)

a. 大小對(duì)比

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

b. 并非均分

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

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

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

課程咨詢

咨詢老師：張老師

咨詢電話： 022-58652702

咨詢QQ：2528846629

相關(guān)推薦