廣州UI設(shè)計(jì)學(xué)的與平面設(shè)計(jì)一樣嗎？

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

1. 如何組織信息

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

2. 如何對齊

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

a. 信息分組

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

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

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

a. 大小對比

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

b. 并非均分

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

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

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

課程咨詢

咨詢老師：康老師

咨詢電話：020-87226297

咨詢微信：17137623652

相關(guān)機(jī)構(gòu)推薦