這個問題還是比較普遍,曾經(jīng)遇到很多同學(xué)也是這樣的,所以今天拿出來講講。
一些特殊的欄目和模塊我們最好去花心思設(shè)計下,這樣可以大大提高UI界面的設(shè)計感。
一、上下分割
在封面設(shè)計中,可以使用簡單的上下分割,輕松做出有層次的封面。普遍同學(xué)存在的問題,都是直接找一張圖貼進去,如下這樣:
這種方式設(shè)計,完全體現(xiàn)不出你的設(shè)計,而只是找了一張別人的圖,況且這樣貼進去缺少一些特色,不管怎樣,一些關(guān)鍵重點功能還是需要設(shè)計一下的。
比如,我們可以通過畫面分割的形式,對一些特殊的重點推薦歌單做個區(qū)別。
上面,使用了上下分割的形式,人物和背景上下都有交接,在加上文字版式,整個封面舊有了視覺張力。
當(dāng)然,還有其他的分割形式,但大思路是一致。
二、大字疊加
同樣的在做一些特殊欄目設(shè)計時,除了使用分割形式,還有大字疊加,一樣可以做出視覺張力的封面。
在這里,我們可以將歌手摳出來,然后背景取色和人物同色系,再加上文字版式,效果就來了。
這種風(fēng)格其實很好學(xué)習(xí),下面簡單來看看其他案例。
上圖設(shè)計思路,采用文字穿插與文字前后疊加的版式設(shè)計。
蘋果音樂的首頁,一些重點歌單推薦,同樣使用了特殊設(shè)計。
三、藝術(shù)字
在封面中進行藝術(shù)字設(shè)計,難度略大, 但是效果做出來一樣很精彩,比如下面這種。
POP三個字放大設(shè)計,加一些藝術(shù)化效果,整個設(shè)計氛圍感就來了。
除了上面這張對英文字體進行藝術(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)》簡直不敢相信,加上這個元素,瞬間高級感爆棚!
藍藍設(shè)計( www.teruid.com )是一家專注而深入的界面設(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è)計公司