介面這樣設計,很美很高階!

最近常聽到一個話題,

做設計很土,不知道如何提升

。其實這種煩惱,我們

每個人都會遇到

,包括我自己在做方案時候,第一稿自己都看不順眼,反覆嘗試多稿才得到滿意的效果。

介面缺乏美感,其實都是我們的

細節沒有處理好

。很多優秀的設計作品,都是細節處理

很到位

。今天就和大家分享一些小技巧,來提高設計美感。

文末有驚喜~

使用投影

有時候

我們在做設計時候,很容易忽略

投影

這個小細節。投影處理得當可以提升細節美感,處理投影時候

需要注意的兩點

1.使用品牌色

介面這樣設計,很美很高階!

按鈕來舉例

,可以看出左側投影輕量且帶有按鈕顏色,看著舒服;右側是黑色投影,顯得有些髒,細節反而沒了。

2.注意透明度

介面這樣設計,很美很高階!

有時候我們投影是加進去了,設計感也有了一些,但透

明度屬性可千萬別馬虎

,如上面右側按鈕,就是投影過重了,很多新人容易犯的錯。

下面來看下其他案例

,運用在卡片或者關鍵的功能模組。

介面這樣設計,很美很高階!

運用在卡片上面,增加層次感,豐富設計細節

介面這樣設計,很美很高階!

只關鍵功能上面使用,如選中狀態

備註:

使用投影時候,切勿滿篇幅使用,可以在關鍵地方加上投影,給整個介面布起到畫龍點睛作用。

圖文疊加

可以使用

文字作為背景

來增強畫面形式感和視覺衝擊力。

介面這樣設計,很美很高階!

很多時候我們構圖,直接將元素圖片放中心設計,然後就完事了,其實仔細思考,還可以去豐富下細節。

介面這樣設計,很美很高階!

在人物背景後面新增與圖相關的主體文字,作為背景修飾。看下

案例:

介面這樣設計,很美很高階!

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

介面這樣設計,很美很高階!

商品圖和LOGO組合排版

介面這樣設計,很美很高階!

平面海報圖文疊加設計手法,也是屢見不鮮

融入圓形

圓形在設計中出現頻次很高,原因

其親和力給人主觀感受上要強於其他圖形

,因此可以借用圓形去設計。

介面這樣設計,很美很高階!

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

介面這樣設計,很美很高階!

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

介面這樣設計,很美很高階!

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

介面這樣設計,很美很高階!

圓形作為修飾背景,強調主體人物

粗細有節奏

粗細對比雖然很常聽說,但是很少有人注意到它在介面中使用細節,

粗細

文字排版增強

對比

的作用,提升品質感。

介面這樣設計,很美很高階!

通常大部分夥伴

第一次估計就想到上面這種設計,

這樣比

較粗暴一些

,比較常規。

介面這樣設計,很美很高階!

如果將兩個

文字粗細調整下,再新增文字背景,

設計感就上來了,下面看看案例。

介面這樣設計,很美很高階!

粗細對比增加細節感

介面這樣設計,很美很高階!

這張海報

同樣的在設計中使用粗細對比