簡直不敢相信,加上這個元素,瞬間高級感爆棚!

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



圖片

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

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

 

一、上下分割

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

圖片

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

比如,我們可以通過畫面分割的形式,對一些特殊的重點推薦歌單做個區(qū)別。

圖片

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

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

圖片

 

二、大字疊加

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

圖片

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

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

圖片

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

圖片

圖片

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

 

三、藝術(shù)字

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

圖片

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

圖片

圖片

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

圖片

 

四、全新設(shè)計

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

圖片

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

圖片

圖片

圖片

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

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

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


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

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

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


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


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



分享本文至:

日歷

鏈接

個人資料

存檔