掌握了這些，真的可以讓設(shè)計更出色

Charles Dickens 在他的作品《一年到頭》 里寫道：“有人曾經(jīng)被問到這樣一個問題：什么是天才？他回答說：天才就是注意細(xì)節(jié)的人。”對設(shè)計師而言：“細(xì)節(jié)是頭等大事”。

你是不是會覺得，自己做設(shè)計沒天分，比不上那些強(qiáng)人、大牛。其實那些厲害的人，她們只是在設(shè)計的時候多思考了一些細(xì)節(jié)。所謂細(xì)節(jié)決定成敗，你也可以的！

01 圓角細(xì)節(jié)

圓角可以說是設(shè)計中出現(xiàn)頻率 最 高 的元素之一了，我們熟悉的蘋果公司幾乎所有的產(chǎn)品都帶有圓角?，F(xiàn)在越來越多的手機(jī)廠商也逐漸圓角化。圓角還有一個重要的特點，就是親和力強(qiáng)和有溫度感，讓用戶感到舒適。而尖銳的元素會讓人產(chǎn)生些許距離感，所以大部分奢侈品設(shè)計基本硬朗直角多一些。

我們做界面設(shè)計時候，對圓角的掌控或者處理也是需要注意，特別是在直角和圓角混搭設(shè)計的時候。

類似上圖這種情況，左側(cè)圖片相較右圖，就會顯得更硬朗一些，而右圖讓人的在感官上會覺得更舒適。

在遇到整體圓角，而只有按鈕是直角的時候，就會顯得不協(xié)調(diào)。

彈窗里的按鈕也是這個道理。

那么問題來了，圓角值如何定義比較好呢？

這里推薦大家一個簡單的方法：“參數(shù)化圓角值”，也是基于網(wǎng)格系統(tǒng)來定義的。

基于網(wǎng)格系統(tǒng)里面的數(shù)值，可以選取3~4個值來滿足整個界面設(shè)計，如下：

有些同學(xué)可能會問，為什么是這幾個數(shù)值？

不管選取圓角值是多少，都是需要在嘗試和試效果的，并不是憑感覺定義數(shù)值。

網(wǎng)上流傳著一些計算圓角值方法的，其實并不科學(xué)。

就好像“黃金比例”，根據(jù)黃金比例做出來的設(shè)計就一定很好看嗎？并不盡然。

下面來看下網(wǎng)上做得比較好的圓角運用案例，更能幫助大家理解圓角的統(tǒng)一性和和諧性。

02 漸變色方法

我們在做圖標(biāo)設(shè)計的時候，經(jīng)常會使用漸變。漸變處理的細(xì)膩程度會影響到美觀度和高級感。好的漸變設(shè)計，可以幫助我們提高細(xì)節(jié)的展示。要想做好漸變，首先我們要認(rèn)識色彩面板。

那么，正常漸變色的取色范圍應(yīng)該是怎樣的呢？

基本上好看的漸變色都是在15度區(qū)間取值，越往上走，色彩越干凈。

我們來看一下案例：

左側(cè)略顯臟了，右側(cè)剛好在漸變?nèi)∩珔^(qū)間，會更加舒適一些。

不管是單色漸變還是多色漸變，取色原理不會變，在15度區(qū)間，取色效果。

03 融入白色

白色簡約，更清爽，在產(chǎn)品設(shè)計中，它的地位可謂是舉足輕重。

當(dāng)我們在設(shè)計配色時，如果沒有很好的思路，可以考慮使用白色。

比如我們在包裝作品時，可以配合圓形融入白色，這樣視覺焦點也更加能聚焦在畫面中心。

對半分割融入白色，也是比較常用的包裝手法。在界面設(shè)計中，大量使用白色可以讓界面更干凈整潔。平面設(shè)計中白色也是屢見不鮮。

白色設(shè)計是最簡約，最純粹的設(shè)計格調(diào)。白色也很好用，所以色感不是很好的同學(xué)，可以盡量多加入白色進(jìn)來吧。