這個(gè)問題還是比較普遍，曾經(jīng)遇到很多同學(xué)也是這樣的，所以今天拿出來講講。
一些特殊的欄目和模塊我們最好去花心思設(shè)計(jì)下，這樣可以大大提高UI界面的設(shè)計(jì)感。
一、上下分割
在封面設(shè)計(jì)中，可以使用簡單的上下分割，輕松做出有層次的封面。普遍同學(xué)存在的問題，都是直接找一張圖貼進(jìn)去，如下這樣：
這種方式設(shè)計(jì)，完全體現(xiàn)不出你的設(shè)計(jì)，而只是找了一張別人的圖，況且這樣貼進(jìn)去缺少一些特色，不管怎樣，一些關(guān)鍵重點(diǎn)功能還是需要設(shè)計(jì)一下的。
比如，我們可以通過畫面分割的形式，對一些特殊的重點(diǎn)推薦歌單做個(gè)區(qū)別。
上面，使用了上下分割的形式，人物和背景上下都有交接，在加上文字版式，整個(gè)封面舊有了視覺張力。
當(dāng)然，還有其他的分割形式，但大思路是一致。
二、大字疊加
同樣的在做一些特殊欄目設(shè)計(jì)時(shí)，除了使用分割形式，還有大字疊加，一樣可以做出視覺張力的封面。
在這里，我們可以將歌手摳出來，然后背景取色和人物同色系，再加上文字版式，效果就來了。
這種風(fēng)格其實(shí)很好學(xué)習(xí)，下面簡單來看看其他案例。
上圖設(shè)計(jì)思路，采用文字穿插與文字前后疊加的版式設(shè)計(jì)。
蘋果音樂的首頁，一些重點(diǎn)歌單推薦，同樣使用了特殊設(shè)計(jì)。
三、藝術(shù)字
在封面中進(jìn)行藝術(shù)字設(shè)計(jì)，難度略大， 但是效果做出來一樣很精彩，比如下面這種。
POP三個(gè)字放大設(shè)計(jì)，加一些藝術(shù)化效果，整個(gè)設(shè)計(jì)氛圍感就來了。
除了上面這張對英文字體進(jìn)行藝術(shù)化設(shè)計(jì)，還有稍微復(fù)雜一些的，比如下面這種。
四、全新設(shè)計(jì)
全新設(shè)計(jì)一張封面，更加體現(xiàn)這個(gè)欄目的特色和亮點(diǎn)，也可以讓整個(gè)畫面視覺張力更強(qiáng)，當(dāng)然對設(shè)計(jì)師能力要求也就越高，比如下面這種。
全新設(shè)計(jì)的好處，可以大大的吸引用戶的眼球。如果是一些新的欄目，新的模塊出現(xiàn)，是完全可以花費(fèi)時(shí)間來設(shè)計(jì)。這種設(shè)計(jì)放在你的設(shè)計(jì)稿中，是完全可以拉開你和同事之間的差距。
好了，到這里差不多完事，今天的關(guān)于音樂界面的設(shè)計(jì)，提高UI設(shè)計(jì)感，你學(xué)會(huì)了嗎。
好了，今天文章就到這里。
原創(chuàng)不易，如果對你有幫助，記得給我點(diǎn)個(gè)贊，支持下我們。
作者：劉濤導(dǎo)師
轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》簡直不敢相信，加上這個(gè)元素，瞬間高級感爆棚！
藍(lán)藍(lán)設(shè)計(jì)( tweetduck.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(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ì)公司