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

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

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

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

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

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

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

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

彈窗里的按鈕也是這個(gè)道理。

那么問(wèn)題來(lái)了，圓角值如何定義比較好呢？

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

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

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

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

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

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

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

02 漸變色方法

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

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

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

我們來(lái)看一下案例：

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

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

03 融入白色

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

當(dāng)我們?cè)谠O(shè)計(jì)配色時(shí)，如果沒(méi)有很好的思路，可以考慮使用白色。

比如我們?cè)诎b作品時(shí)，可以配合圓形融入白色，這樣視覺(jué)焦點(diǎn)也更加能聚焦在畫面中心。

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

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