互聯(lián)網(wǎng)與設(shè)計(jì)相遇,其中大家耳熟能詳?shù)哪^(guò)于UI設(shè)計(jì),我們?nèi)粘J褂玫拿總(gè)軟件,每個(gè)網(wǎng)頁(yè)都算是UI設(shè)計(jì)師們的工作成果,但是有的應(yīng)用界面你會(huì)喜歡,有的應(yīng)用界面你會(huì)覺(jué)得落伍、難看,這是為什么?如何做出好的設(shè)計(jì)?小誠(chéng)給大家總結(jié)了做出好設(shè)計(jì)的3個(gè)方面,希望能幫到大家。
一、風(fēng)格與內(nèi)涵
誠(chéng)筑說(shuō):差的設(shè)計(jì)千姿百態(tài),好的設(shè)計(jì)卻往往相似,好設(shè)計(jì)總是簡(jiǎn)潔。
前段時(shí)間很熱門的電影節(jié)海報(bào)對(duì)比,可以很好地說(shuō)明這兩方面。比起意義不明的樹(shù),大鬧天空里的經(jīng)典孫大圣,簡(jiǎn)潔明了,還突出了致敬與回憶的內(nèi)涵。
這方面設(shè)計(jì)大師Dieter Ram提出的 10條設(shè)計(jì)原則值得我們好好學(xué)習(xí),其中有一點(diǎn)是:好設(shè)計(jì)是盡可能少設(shè)計(jì)。很多初學(xué)者巴不得一下子把所有元素都堆積到頁(yè)面上,但是其實(shí)好的設(shè)計(jì)都是克制、留白、極簡(jiǎn)的。
二、設(shè)計(jì)與技巧
說(shuō)完了基本原則,再說(shuō)說(shuō)具體的一些設(shè)計(jì)技巧,諸如:
1. 恰到好處的強(qiáng)調(diào)與對(duì)比
2. 用好黃金分割比
3. 要素不要超過(guò)3
4. 參照好的設(shè)計(jì)原則
5. 不只用機(jī)器,用肉眼判斷平衡
巧的學(xué)習(xí)沒(méi)有捷徑,一是學(xué)習(xí)前人經(jīng)驗(yàn),二是只有自己摸索,不斷積累經(jīng)驗(yàn),不斷試錯(cuò),不斷嘗試,模仿練習(xí),然而變?yōu)樽约旱臇|西。
三、用戶與體驗(yàn)
UI設(shè)計(jì)不能僅僅滿足于炫技,好的UI設(shè)計(jì)首先應(yīng)該是對(duì)用戶友好的,用戶界面作為人與機(jī)器交互的媒介,有著非常重要的作用,界面設(shè)計(jì)的好與壞,直接影響到用戶使用軟件難易程度。好的設(shè)計(jì)也要落地,這離不開(kāi)對(duì)用戶需求的深刻了解。
1. 用戶熟悉的方式
好的設(shè)計(jì)不只是創(chuàng)新,想讓用戶用的舒服,要考慮用戶的使用習(xí)慣,交互方式要貼近現(xiàn)實(shí),按鍵應(yīng)該怎么反饋?圖標(biāo)要簡(jiǎn)潔易懂,用約定俗成的標(biāo)志,沒(méi)必要自己創(chuàng)造,用戶還要花時(shí)間適應(yīng),這些都加重了用戶使用成本。
2. 界面設(shè)計(jì)簡(jiǎn)單點(diǎn)
不同于平面,要讓人記住,好的UI恰恰要學(xué)會(huì)隱藏自己,軟件的界面是拿來(lái)用的,好用的優(yōu)先級(jí)更高,不要有不必要的圖標(biāo),不要加不必要的裝飾。
3. 關(guān)懷你的用戶
成為你自己產(chǎn)品的用戶,好的設(shè)計(jì)藏在細(xì)節(jié)里,色彩的對(duì)比度,怎么讓用戶更方便的找到功能,詞語(yǔ)的一致性,不要給用戶造成不必要的困擾。