界面這樣設(shè)計(jì)，很美很高級(jí)！

2022-02-18 點(diǎn)擊量：

最近常聽到一個(gè)話題，做設(shè)計(jì)很土，不知道如何提升。其實(shí)這種煩惱，我們每個(gè)人都會(huì)遇到，包括我自己在做方案時(shí)候，嘉瑞廣告，第一稿自己都看不順眼，反復(fù)嘗試多稿才得到滿意的效果。

界面缺乏美感，其實(shí)都是我們的細(xì)節(jié)沒有處理好。很多優(yōu)秀的設(shè)計(jì)作品，都是細(xì)節(jié)處理很到位。今天就和大家分享一些小技巧，來(lái)提高設(shè)計(jì)美感。

使用投影

有時(shí)候我們?cè)谧?a href="http://www.hljyacai.com">設(shè)計(jì)時(shí)候，很容易忽略投影這個(gè)小細(xì)節(jié)。投影處理得當(dāng)可以提升細(xì)節(jié)美感，處理投影時(shí)候需要注意的兩點(diǎn)：

1.使用品牌色

用按鈕來(lái)舉例，可以看出左側(cè)投影輕量且?guī)в邪粹o顏色，看著舒服；右側(cè)是黑色投影，顯得有些臟，細(xì)節(jié)反而沒了。

2.注意透明度

有時(shí)候我們投影是加進(jìn)去了，設(shè)計(jì)感也有了一些，但透明度屬性可千萬(wàn)別馬虎，如上面右側(cè)按鈕，就是投影過重了，很多新人容易犯的錯(cuò)。

下面來(lái)看下其他案例，運(yùn)用在卡片或者關(guān)鍵的功能模塊。

運(yùn)用在卡片上面，增加層次感，豐富設(shè)計(jì)細(xì)節(jié)

只關(guān)鍵功能上面使用，如選中狀態(tài)

備注：使用投影時(shí)候，切勿滿篇幅使用，可以在關(guān)鍵地方加上投影，給整個(gè)界面布起到畫龍點(diǎn)睛作用。

圖文疊加

可以使用文字作為背景來(lái)增強(qiáng)畫面形式感和視覺沖擊力。

很多時(shí)候我們構(gòu)圖，直接將元素圖片放中心設(shè)計(jì)，然后就完事了，其實(shí)仔細(xì)思考，還可以去豐富下細(xì)節(jié)。

在人物背景后面添加與圖相關(guān)的主體文字，作為背景修飾。看下案例：

巧妙將數(shù)字與前景圖進(jìn)行排版，畫面有了縱深感

商品圖和LOGO組合排版

平面海報(bào)圖文疊加設(shè)計(jì)手法，也是屢見不鮮

融入圓形

圓形在設(shè)計(jì)中出現(xiàn)頻次很高，原因其親和力給人主觀感受上要強(qiáng)于其他圖形，因此可以借用圓形去設(shè)計(jì)。

如果單純的將頁(yè)面排版在畫面中，會(huì)顯得呆板，很常規(guī)。

如圖，加上圓形背景，畫面瞬間就活起來(lái)了，細(xì)節(jié)層次豐富，下面看看實(shí)際案例。

圓形和人物組合排版，這里圓形品牌圖形

圓形作為修飾背景，強(qiáng)調(diào)主體人物

粗細(xì)有節(jié)奏

粗細(xì)對(duì)比雖然很常聽說，但是很少有人注意到它在界面中使用細(xì)節(jié)，粗細(xì)文字排版增強(qiáng)對(duì)比的作用，提升品質(zhì)感。

通常大部分伙伴第一次估計(jì)就想到上面這種設(shè)計(jì)，這樣比較粗暴一些，比較常規(guī)。

如果將兩個(gè)文字粗細(xì)調(diào)整下，再添加文字背景，設(shè)計(jì)感就上來(lái)了，下面看看案例。