設(shè)計(jì)思路
</br>
-
不破壞原有的交互設(shè)計(jì)
</br>網(wǎng)易云音樂本身是一款帶有非常強(qiáng)烈的“社交基因”的一款A(yù)PP,我個(gè)人覺得如果要賦予新的交互的話萝毛,也必然要從這方面考慮须喂,但是這樣一來整個(gè)設(shè)計(jì)的重心就會(huì)發(fā)生偏移责语,畢竟要學(xué)的東西還有很多贴硫。我在交互上盡量遵守原有的交互體系和邏輯椿每,這樣使得工作重心可以放在設(shè)計(jì)上。
-
利用顏色傳達(dá)情感和信息
</br>我在設(shè)計(jì)之前想過“我要表達(dá)怎樣的云音樂的主題”英遭,那么在我心中间护,“清爽、簡(jiǎn)潔”成為了我最后確定的主題挖诸,那么配色上也自然要遵守這一主題汁尺。我在《配色設(shè)計(jì)原理》上確定了以藍(lán)色和白色作為主色調(diào)。在藍(lán)色的選擇上多律,放棄了明度比較高的藍(lán)色痴突,因?yàn)闀?huì)和白色拉不開色差搂蜓,產(chǎn)生視覺疲勞,因而選色了對(duì)比度稍微高一點(diǎn)的藍(lán)色苞也。但是依然傳達(dá)出一種“清爽洛勉、簡(jiǎn)潔”的主題
-
人機(jī)交互的一點(diǎn)想法
</br>在“發(fā)現(xiàn)頁”除了配色上的改動(dòng),基本上沒有做大的改動(dòng)如迟,只是讓專輯封面由矩形變?yōu)閳A形。
</br>但是在播放頁面攻走,我借由這個(gè)設(shè)計(jì)表達(dá)了我的一些思考殷勘。
</br>CD機(jī)這個(gè)設(shè)計(jì)是參考了MUJI的CD機(jī),但是我這個(gè)頁面最底層的創(chuàng)意來自我在dribbble上看到的一張UI飛機(jī)稿:
</br>我非常喜歡這種把icon和按鈕相結(jié)合的設(shè)計(jì)理念昔搂,它會(huì)在潛意識(shí)中讓人喚起我們對(duì)現(xiàn)實(shí)生活中的某些記憶玲销,繼而誘導(dǎo)用戶去進(jìn)行某些行為活動(dòng)。我覺得深澤直人的“無意識(shí)設(shè)計(jì)”是對(duì)這種理念最好的詮釋摘符。我在播放頁面的設(shè)計(jì)中贤斜,也采用這樣一種理念,想去引導(dǎo)用戶的潛意識(shí)行為逛裤,想讓用戶下意識(shí)的把CD機(jī)和播放按鈕聯(lián)系起來瘩绒。
-
一些克制
</br>由于要表達(dá)“清爽、簡(jiǎn)潔”带族,我對(duì)CD機(jī)的設(shè)計(jì)并沒有往擬物化上面靠锁荔,我覺得一個(gè)設(shè)計(jì)的成功與否的標(biāo)準(zhǔn)就是設(shè)計(jì)能否符合預(yù)先設(shè)定的主題。專輯頁面我也沒有按照真正的CD那樣中間挖個(gè)洞蝙砌,同樣也是如此阳堕。在最終成稿前做了很多次修改,放棄掉原本覺得酷炫择克、精致但是卻和主題相違背的設(shè)計(jì)恬总,也算是對(duì)于UI設(shè)計(jì)有著更深的理解。