這個(gè)是三個(gè)月之前的臨摹了荠察,一直沒時(shí)間整理放上來。今天抽空做一下鸠匀。
臨摹之前先在網(wǎng)上找到網(wǎng)易云音樂的設(shè)計(jì)規(guī)范钦听。
https://www.tuicool.com/articles/AnyqYzJ
這個(gè)網(wǎng)址里有亚隅,很全面痘儡。
然后厘清app的邏輯關(guān)系,導(dǎo)航欄枢步。網(wǎng)易云有兩個(gè)導(dǎo)航欄沉删,一個(gè)是個(gè)人信息的導(dǎo)航渐尿,另外一個(gè)是頂部產(chǎn)品內(nèi)容的導(dǎo)航。
找出主次關(guān)系矾瑰,然后再在每一個(gè)大主題之下細(xì)分每一塊的內(nèi)容砖茸。
注意保持版面一致性,同一個(gè)圖標(biāo)在不同版面位置要一致殴穴,因此在做之前要設(shè)計(jì)好間距凉夯,圖標(biāo)大小等問題。
使用的原型設(shè)計(jì)工具:墨刀
我只做了頂部產(chǎn)品內(nèi)容的原型臨摹采幌,關(guān)于個(gè)人信息那一塊沒有做劲够。
參照設(shè)計(jì)規(guī)范做起來其實(shí)并不難。