這個(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ì)( 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ì)公司