最近常聽到一個話題,做設(shè)計很土,不知道如何提升。其實這種煩惱,我們每個人都會遇到,包括我自己在做方案時候,第一稿自己都看不順眼,反復(fù)嘗試多稿才得到滿意的效果。
界面缺乏美感,其實都是我們的細(xì)節(jié)沒有處理好。很多優(yōu)秀的設(shè)計作品,都是細(xì)節(jié)處理很到位。今天就和大家分享一些小技巧,來提高設(shè)計美感。
使用投影
有時候我們在做設(shè)計時候,很容易忽略投影這個小細(xì)節(jié)。投影處理得當(dāng)可以提升細(xì)節(jié)美感,處理投影時候需要注意的兩點:
1.使用品牌色

用按鈕來舉例,可以看出左側(cè)投影輕量且?guī)в邪粹o顏色,看著舒服;右側(cè)是黑色投影,顯得有些臟,細(xì)節(jié)反而沒了。
2.注意透明度

有時候我們投影是加進去了,設(shè)計感也有了一些,但透明度屬性可千萬別馬虎,如上面右側(cè)按鈕,就是投影過重了,很多新人容易犯的錯。
下面來看下其他案例,運用在卡片或者關(guān)鍵的功能模塊。

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

只關(guān)鍵功能上面使用,如選中狀態(tài)
備注:使用投影時候,切勿滿篇幅使用,可以在關(guān)鍵地方加上投影,給整個界面布起到畫龍點睛作用。
圖文疊加
可以使用文字作為背景來增強畫面形式感和視覺沖擊力。

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

在人物背景后面添加與圖相關(guān)的主體文字,作為背景修飾??聪掳咐?/p>

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

商品圖和LOGO組合排版

平面海報圖文疊加設(shè)計手法,也是屢見不鮮
融入圓形
圓形在設(shè)計中出現(xiàn)頻次很高,原因其親和力給人主觀感受上要強于其他圖形,因此可以借用圓形去設(shè)計。

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

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

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

圓形作為修飾背景,強調(diào)主體人物
粗細(xì)有節(jié)奏
粗細(xì)對比雖然很常聽說,但是很少有人注意到它在界面中使用細(xì)節(jié),粗細(xì)文字排版增強對比的作用,提升品質(zhì)感。

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

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

粗細(xì)對比增加細(xì)節(jié)感

這張海報同樣的在設(shè)計中使用粗細(xì)對比
寫在最后
今天分析四個小技巧提升設(shè)計美感,在日常工作中需要多加以運用,才可孰能生巧,隨機應(yīng)變各種設(shè)計。
當(dāng)然上面的方法并不是單一使用的,大家可以組合使用,會得到意想不到的視覺效果。
原文地址:功夫UX(公眾號)
作者:功夫UX

