UI設(shè)計(jì)中容易犯的錯(cuò)誤總結(jié)

　　這個(gè)設(shè)計(jì)很“穩(wěn)”!
 

　　大家應(yīng)該經(jīng)常聽到這句話吧。
 

　　對于這個(gè)“穩(wěn)”，到底意味著什么，如何才能讓設(shè)計(jì)更“穩(wěn)”一些，有咩有興趣了解下?
 

　　我猜：有!
 

　　哈哈哈。
 

　　今天AAA教育郭老師通過兩個(gè)小案例，給大家講兩個(gè)知識(shí)點(diǎn)，是很多新人容易犯的錯(cuò)。
 

　　1.先搭好骨架再添加內(nèi)容
 

　　2.用基礎(chǔ)幾何避開人體結(jié)構(gòu)
 

　　1.先搭好骨架再添加內(nèi)容
 

　　大家想一下，如果你畫的一個(gè)人不穩(wěn)，或者一個(gè)建筑不穩(wěn)，是因?yàn)槭裁?
 

　　是不是因?yàn)榻Y(jié)構(gòu)和骨架不穩(wěn)所導(dǎo)致的?
 

　　其實(shí)界面設(shè)計(jì)也是一樣的，如果骨架沒搭建好，就很容產(chǎn)生“不穩(wěn)”的現(xiàn)象。
 

　　來個(gè)例子，不然有點(diǎn)抽象。
 

　　我們看下面這個(gè)信息條

 

　　就產(chǎn)生了“不穩(wěn)”的情況.
 

　　這種信息條我們經(jīng)常用到，最常見的結(jié)構(gòu)就是：

 

　　左右結(jié)構(gòu)。
 

　　但現(xiàn)在的結(jié)構(gòu)就有些不清晰，看起來像是被分成了三個(gè)部分：

 

　　所以我們要做的就是先把骨架搭好，變成比較常用的左右結(jié)構(gòu)：

 

　　在這個(gè)結(jié)構(gòu)的基礎(chǔ)上，想辦法把其他輔助信息融進(jìn)去，比如標(biāo)簽就可以跟在標(biāo)題或者獎(jiǎng)品后面：

 

　　這樣不論怎樣，都不會(huì)影響最開始設(shè)定的骨架結(jié)構(gòu)。
 

　　我們看下優(yōu)化前后對比效果：

 

　　會(huì)穩(wěn)定很多，就是因?yàn)楣羌苁菍Φ?，并且加入其他信息也沒有影響最開始的骨架設(shè)定。
 

　　2.用基礎(chǔ)幾何避開人體結(jié)構(gòu)
 

　　對于設(shè)計(jì)師來說，人物造型，結(jié)構(gòu)是我們非常非常痛的一個(gè)痛點(diǎn)，我們在畫形象的時(shí)候，很容易把形象弄的不夠精致。
 

　　所以很多時(shí)候我會(huì)選擇避開這個(gè)知識(shí)盲區(qū)，舉一個(gè)很簡單的例子，有時(shí)候我們需要一個(gè)形象趴在一個(gè)物體上：

 

　　這個(gè)翅膀，想表達(dá)結(jié)構(gòu)，但是因?yàn)閷Y(jié)構(gòu)理解不夠清晰，所以導(dǎo)致外形看起來有點(diǎn)奇怪、不精致!
 

　　所以，一般這種情況我都習(xí)慣實(shí)用一些不會(huì)出錯(cuò)的幾何圖形，比如圓形、橢圓、矩形之類的來概括結(jié)構(gòu)，比如：

 

　　我把身體看作圓、翅膀看作橢圓、牌子看作矩形，這樣的組合就是穩(wěn)定的，精致的。
 

　　雖然沒有那些畫手的東西有張力，但是至少能保證他是沒有錯(cuò)誤的。
 

　　這也是我經(jīng)常使用的一個(gè)小技巧。
 

　　我可以做不到100分，但我要保證它不低于60分!這是一個(gè)設(shè)計(jì)師最起碼的底線。
 

　　至于如何到100分，慢慢學(xué)嘛!
 

　　總結(jié)
 

　　以上就是通過兩個(gè)小案例簡單聊一下，對于“穩(wěn)”的理解。
 

　　先穩(wěn)后創(chuàng)新，這是我覺得比較健康的狀態(tài)。穩(wěn)是基礎(chǔ)，基礎(chǔ)做好了，才能走的更高! 因此，您現(xiàn)在已經(jīng)了解了與UI設(shè)計(jì)師的工作相關(guān)的主要技能。如果您想了解更多信息，請?jiān)L問AAA教育，包含有關(guān)在該領(lǐng)域工作的更多相關(guān)文章。