簡(jiǎn)直不敢相信,加上這個(gè)元素,瞬間高級(jí)感爆棚!

2022-8-23    seo達(dá)人



圖片

這個(gè)問(wèn)題還是比較普遍,曾經(jīng)遇到很多同學(xué)也是這樣的,所以今天拿出來(lái)講講。

一些特殊的欄目和模塊我們最好去花心思設(shè)計(jì)下,這樣可以大大提高UI界面的設(shè)計(jì)感。

 

一、上下分割

在封面設(shè)計(jì)中,可以使用簡(jiǎn)單的上下分割,輕松做出有層次的封面。普遍同學(xué)存在的問(wèn)題,都是直接找一張圖貼進(jìn)去,如下這樣:

圖片

這種方式設(shè)計(jì),完全體現(xiàn)不出你的設(shè)計(jì),而只是找了一張別人的圖,況且這樣貼進(jìn)去缺少一些特色,不管怎樣,一些關(guān)鍵重點(diǎn)功能還是需要設(shè)計(jì)一下的。

比如,我們可以通過(guò)畫(huà)面分割的形式,對(duì)一些特殊的重點(diǎn)推薦歌單做個(gè)區(qū)別。

圖片

上面,使用了上下分割的形式,人物和背景上下都有交接,在加上文字版式,整個(gè)封面舊有了視覺(jué)張力。

當(dāng)然,還有其他的分割形式,但大思路是一致。

圖片

 

二、大字疊加

同樣的在做一些特殊欄目設(shè)計(jì)時(shí),除了使用分割形式,還有大字疊加,一樣可以做出視覺(jué)張力的封面。

圖片

在這里,我們可以將歌手摳出來(lái),然后背景取色和人物同色系,再加上文字版式,效果就來(lái)了。

這種風(fēng)格其實(shí)很好學(xué)習(xí),下面簡(jiǎn)單來(lái)看看其他案例。

圖片

上圖設(shè)計(jì)思路,采用文字穿插與文字前后疊加的版式設(shè)計(jì)。

圖片

圖片

蘋果音樂(lè)的首頁(yè),一些重點(diǎn)歌單推薦,同樣使用了特殊設(shè)計(jì)。

 

三、藝術(shù)字

在封面中進(jìn)行藝術(shù)字設(shè)計(jì),難度略大, 但是效果做出來(lái)一樣很精彩,比如下面這種。

圖片

POP三個(gè)字放大設(shè)計(jì),加一些藝術(shù)化效果,整個(gè)設(shè)計(jì)氛圍感就來(lái)了。

圖片

圖片

除了上面這張對(duì)英文字體進(jìn)行藝術(shù)化設(shè)計(jì),還有稍微復(fù)雜一些的,比如下面這種。

圖片

 

四、全新設(shè)計(jì)

全新設(shè)計(jì)一張封面,更加體現(xiàn)這個(gè)欄目的特色和亮點(diǎn),也可以讓整個(gè)畫(huà)面視覺(jué)張力更強(qiáng),當(dāng)然對(duì)設(shè)計(jì)師能力要求也就越高,比如下面這種。

圖片

全新設(shè)計(jì)的好處,可以大大的吸引用戶的眼球。如果是一些新的欄目,新的模塊出現(xiàn),是完全可以花費(fèi)時(shí)間來(lái)設(shè)計(jì)。這種設(shè)計(jì)放在你的設(shè)計(jì)稿中,是完全可以拉開(kāi)你和同事之間的差距。

圖片

圖片

圖片

好了,到這里差不多完事,今天的關(guān)于音樂(lè)界面的設(shè)計(jì),提高UI設(shè)計(jì)感,你學(xué)會(huì)了嗎。

好了,今天文章就到這里。

原創(chuàng)不易,如果對(duì)你有幫助,記得給我點(diǎn)個(gè)贊,支持下我們。


作者:劉濤導(dǎo)師

轉(zhuǎn)載請(qǐng)注明:學(xué)UI網(wǎng)》簡(jiǎn)直不敢相信,加上這個(gè)元素,瞬間高級(jí)感爆棚!

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加藍(lán)小助,微信號(hào):ben_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。


分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。


藍(lán)藍(lán)設(shè)計(jì)m.sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司



日歷

鏈接

個(gè)人資料

存檔