我們常常聽到UI設計師和平面設計師,在招聘網站上面,二者也是常常一起出現(xiàn)的,混淆在一起,讓人無法分別,那二者有什么區(qū)別呢?到底什么是ui設計,什么又是平面設計,今天就來講講這二者之間的分別跟關系。
平面設計能力可以概括為視覺化處理與傳達信息的能力。UI設計在視覺化界面操作的階段,與平面設計其實是不一樣的,他們的交集是如何組織和處理每個界面的信息。下面為大家詳細介紹下Ui設計與平面設計重合的知識是什么:
1. 如何組織信息
組織頁面信息的首要任務是判斷信息優(yōu)先級,分清重要信息與次要信息,刪除無用信息?;睘楹啠档鸵曈X干擾。舉個小例子,數(shù)份簡歷扎堆時,信息有效快速傳達是第1步,再者才是加入一點點自己的小個性。
2. 如何對齊
首先達成信息優(yōu)先級主次的共識,可以提升排版的效率。
a. 信息分組
先從一個酒店預定成功通知消息案例來看,通知信息文字平鋪直敘,并未合理分組(左圖)。圖片部分上方酒店評價、信息地址和電話操作按鈕劇中對齊,酒店名成為了一個小標題。做適當調整后(右圖),使得正文通知、價格和時間字段分組明確。電話按鈕同酒店信息組對齊,使得圖片區(qū)域的文字和操作信息更為整體。
b. 居中對齊or左對齊
信息分組后,居中排列每組信息的小標題,模塊感增強,使得閱讀標題和每個組信息中產生視線的跳躍。小標題和每組信息統(tǒng)一居左對齊,更符合快速瀏覽和操作。
3. 如何有重點
a. 大小對比
前面談了如何組織信息,那如何使主要信息更為有重點?首先可以經過拉開大小比例,拿一張活動海報來舉例。5米處能看到什么?海報的大圖案渲染氣氛的整體感受;3米處能看到什么?活動主標題;1米近距離又能發(fā)現(xiàn)什么?具體信息和時間等。
b. 并非均分
看似沒有什么差錯的信息布局(左圖),為什么始終差了一些什么?由于細節(jié)之處并非理解信息主次。zui初設計稿追求絕對的均分,導致信息較散,沒有“組”的緊湊感。
頁面元素中的左右間隔往往也會被忽視,如(左圖)中帳號頭像與頁面的左邊距=帳號名稱之間間隔,使得頁面中間區(qū)域的信息散于頁面邊界。具有平面設計意識的排版不僅是設計軟件中的文本框絕對居中對齊,需要對信息分組與主次深入思考,避免機械的均分對齊。
還想要了解更多Ui設計的知識嗎?歡迎咨詢和訪問的UI設計課程!
課程咨詢
咨詢老師:張老師
咨詢電話: 022-58652702
咨詢QQ:2528846629
相關推薦
機構 | 班型 | 費用 |
天津誠筑說教育 | 白天班/晚班/周末班 | 點擊了解 |
天津先鋒科教 | 白天班/晚班/周末班 | 點擊了解 |
北京AAA教育 | 白天班/晚班/周末班 | 點擊了解 |
北京火星人教育 | 白天班/晚班/周末班 | 點擊了解 |
上海非凡進修學院 | 白天班/晚班/周末班 | 點擊了解 |
上海交大南洋藝術中心 | 白天班/晚班/周末班 | 點擊了解 |
廣州兄弟連教育 | 白天班/晚班/周末班 | 點擊了解 |