偶然候我們做出來(lái)的設(shè)計(jì)，有種說(shuō)不出的別扭，這不妨設(shè)計(jì)細(xì)節(jié)上出現(xiàn)馬虎。設(shè)計(jì)細(xì)節(jié)是UI設(shè)計(jì)上的一些規(guī)范，固然規(guī)則是可以沖破的，可以不遵循規(guī)則，斗膽創(chuàng)新。但大多數(shù)時(shí)候，遵循設(shè)計(jì)規(guī)范可以讓我們的設(shè)計(jì)符合視覺(jué)美感。設(shè)計(jì)達(dá)人今天和朋友們共享的這篇文章，借喻武林小說(shuō)的口訣樣式，聊聊怎樣晉升我們的設(shè)計(jì)細(xì)節(jié)，讓設(shè)計(jì)加倍精致。希望這些口訣方法能夠化為朋友們的內(nèi)功，在以后的設(shè)計(jì)中潛意識(shí)地用到。

我們來(lái)聊一聊設(shè)計(jì)細(xì)節(jié)，從視覺(jué)設(shè)計(jì)的角度，總結(jié)了一些晉升設(shè)計(jì)細(xì)節(jié)的方法。

開(kāi)門(mén)見(jiàn)山，辣么我們可以從哪些地方晉升設(shè)計(jì)的細(xì)節(jié)呢？

一本“武林秘笈”一共為“九式”。固然是設(shè)計(jì)的一些根基功，但輕易被馬虎。掌握好這些，在平時(shí)設(shè)計(jì)中，多加勤練，多思考，你的設(shè)計(jì)就會(huì)加倍細(xì)致~

第一式：塑“形”

全部藝術(shù)都具備形式美；美的根基因子由“形”、“色”、“質(zhì)”組成。

設(shè)計(jì)也是同樣。開(kāi)始我要講的是設(shè)計(jì)中的“形”，同時(shí)我個(gè)人覺(jué)得“形”是圖形設(shè)計(jì)中非常緊張的一個(gè)因子，“形”的設(shè)計(jì)利害對(duì)于一個(gè)作品起著至關(guān)緊張的用途。

這里所說(shuō)的“形”可以理解為圖形的表面、線稿、造型等。

“形”的掌握在設(shè)計(jì)過(guò)程中需要反復(fù)思考和推敲，好比圖標(biāo)設(shè)計(jì)中的對(duì)其“辨認(rèn)性”的要求和 設(shè)計(jì)中常用的“尺規(guī)幾何做圖法”都是對(duì)“形”細(xì)節(jié)的嚴(yán)格把控。在插畫(huà)設(shè)計(jì)中，人物或物質(zhì)形態(tài)的造型和節(jié)拍感也很緊張。

“形”要精確，也要有“性格”。

打個(gè)比喻，我們要畫(huà)一個(gè)圓角矩形，一般都會(huì)在矩形的基礎(chǔ)上干脆倒個(gè)圓角。

很一般對(duì)不對(duì)？是否可以針對(duì)這個(gè)圓角打磨更多的細(xì)節(jié)呢。

我們可以再給這個(gè)矩形進(jìn)行處理或者換另一種畫(huà)法，讓他具備一些伸展感或加倍飽滿，變得辣么“不一般”。如許的圓角矩形是不是更耐看了點(diǎn)呢。

（別小看了這圓角矩形，蘋(píng)果圖標(biāo)的圓角矩形還注冊(cè)了專利呢）

這是一組多年前OPPO手機(jī)主題大賽的參賽作品，過(guò)了辣么多年，仍然很稀飯。

第二式：控“色”

有了“形”，我們?cè)趤?lái)講講“色”。

時(shí)常有“甲方爸爸”說(shuō)“這個(gè)色彩有點(diǎn)丑額！換個(gè)色彩?！逼鋵?shí)我覺(jué)得，沒(méi)有一個(gè)色彩是丑的色彩。破除一些個(gè)人感受和喜歡外，造成如許“丑”的地勢(shì)多數(shù)是由于色彩搭配和色彩關(guān)系之間出了疑問(wèn)。

固然網(wǎng)上有很多色彩搭配對(duì)象，但是非常好的對(duì)象是設(shè)計(jì)師的“感覺(jué)”，也能夠說(shuō)是設(shè)計(jì)師長(zhǎng)期的蘊(yùn)蓄堆積和訓(xùn)練的一種才氣。色彩搭配有方法可尋，但也不是徹底固定的，就好比我們常說(shuō)的“紅配綠”也能夠很高級(jí)。

我們?cè)囍o適才的圓角矩形增加個(gè)色彩，可以是純色，也能夠是漸變色。但需要留意的是在做漸變的時(shí)候，需要留意明度、飽和度以及冷暖的變更，使得色彩過(guò)渡自然。

這是一組通過(guò)色彩漸變闡揚(yáng)小動(dòng)物布局的圖形作品。根基是通過(guò)掌握色彩的幾個(gè)常用要素：色相、飽和度、明度來(lái)實(shí)現(xiàn)的。

第三式：添“質(zhì)”

設(shè)計(jì)可締造虛擬空洞，也可還原實(shí)在。除了“形”，“色”，設(shè)計(jì)中“質(zhì)”的表白也很緊張。好比非常早的擬物樣式圖標(biāo)的盛行到當(dāng)今的極簡(jiǎn)化樣式。這里要說(shuō)的是，由繁到簡(jiǎn)并不是“去質(zhì)”，“無(wú)質(zhì)”也是一種“質(zhì)”的闡揚(yáng)形式。

很稀飯過(guò)去錘子手機(jī)的圖標(biāo)，盡可能的還原實(shí)在，有豐富的細(xì)節(jié)，可以盯著看很久。扁平化的盛行也讓UI設(shè)計(jì)師的門(mén)檻變得越來(lái)越低，對(duì)于繪畫(huà)的要求也沒(méi)有辣么高了。

一般“添質(zhì)”有兩種方法：增加紋理（材質(zhì)）和增加光影質(zhì)感。但是并不是一昧地追求“裝修”，避免過(guò)度設(shè)計(jì)。

剛講了三個(gè)根基要素“形”“色”“質(zhì)”中晉升細(xì)節(jié)的一些要點(diǎn)。

我們總結(jié)一下：

塑“形”：形要精確，也要有性格?！靶巍笔堑谝幻?，在做設(shè)計(jì)時(shí)“形”的打磨需要更多的時(shí)間，“形”需要美感，也需要“性格”。

控“色”：明度冷暖，過(guò)渡自然。色彩能給人帶來(lái)更強(qiáng)的視覺(jué)沖擊，記住沒(méi)有一個(gè)色彩是“丑”的，處理好色彩的色相、明度、飽和度，以及色彩以前的關(guān)系。

添“質(zhì)”：賦予質(zhì)感，留意光影?！百|(zhì)”是如虎添翼。一般方法以“增加紋理”和“增加光影”為主?！盁o(wú)質(zhì)”也是“質(zhì)”的一種闡揚(yáng)形式哦。