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

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

開門見山，辣么我們可以從哪些地方晉升設(shè)計的細節(jié)呢？

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

第一式：塑“形”

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

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

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

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

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

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

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

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

（別小看了這圓角矩形，蘋果圖標的圓角矩形還注冊了專利呢）

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

第二式：控“色”

有了“形”，我們在來講講“色”。

時常有“甲方爸爸”說“這個色彩有點丑額！換個色彩?！逼鋵嵨矣X得，沒有一個色彩是丑的色彩。破除一些個人感受和喜歡外，造成如許“丑”的地勢多數(shù)是由于色彩搭配和色彩關(guān)系之間出了疑問。

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

我們試著給適才的圓角矩形增加個色彩，可以是純色，也能夠是漸變色。但需要留意的是在做漸變的時候，需要留意明度、飽和度以及冷暖的變更，使得色彩過渡自然。

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

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

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

很稀飯過去錘子手機的圖標，盡可能的還原實在，有豐富的細節(jié)，可以盯著看很久。扁平化的盛行也讓UI設(shè)計師的門檻變得越來越低，對于繪畫的要求也沒有辣么高了。

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

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

我們總結(jié)一下：

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

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

添“質(zhì)”：賦予質(zhì)感，留意光影。“質(zhì)”是如虎添翼。一般方法以“增加紋理”和“增加光影”為主。“無質(zhì)”也是“質(zhì)”的一種闡揚形式哦。