云課堂UI微專業(yè)修煉技法作業(yè)(3)

未標題-1.png

未標題-2.png

設計思路

</br>

  • 不破壞原有的交互設計

</br>網(wǎng)易云音樂本身是一款帶有非常強烈的“社交基因”的一款APP,我個人覺得如果要賦予新的交互的話,也必然要從這方面考慮,但是這樣一來整個設計的重心就會發(fā)生偏移,畢竟要學的東西還有很多。我在交互上盡量遵守原有的交互體系和邏輯,這樣使得工作重心可以放在設計上。

  • 利用顏色傳達情感和信息

</br>我在設計之前想過“我要表達怎樣的云音樂的主題”,那么在我心中,“清爽、簡潔”成為了我最后確定的主題,那么配色上也自然要遵守這一主題。我在《配色設計原理》上確定了以藍色和白色作為主色調。在藍色的選擇上,放棄了明度比較高的藍色,因為會和白色拉不開色差,產(chǎn)生視覺疲勞,因而選色了對比度稍微高一點的藍色。但是依然傳達出一種“清爽、簡潔”的主題

  • 人機交互的一點想法

</br>在“發(fā)現(xiàn)頁”除了配色上的改動,基本上沒有做大的改動,只是讓專輯封面由矩形變?yōu)閳A形。
</br>但是在播放頁面,我借由這個設計表達了我的一些思考。
</br>CD機這個設計是參考了MUJI的CD機,但是我這個頁面最底層的創(chuàng)意來自我在dribbble上看到的一張UI飛機稿:


data-usage.png

</br>我非常喜歡這種把icon和按鈕相結合的設計理念,它會在潛意識中讓人喚起我們對現(xiàn)實生活中的某些記憶,繼而誘導用戶去進行某些行為活動。我覺得深澤直人的“無意識設計”是對這種理念最好的詮釋。我在播放頁面的設計中,也采用這樣一種理念,想去引導用戶的潛意識行為,想讓用戶下意識的把CD機和播放按鈕聯(lián)系起來。

  • 一些克制

</br>由于要表達“清爽、簡潔”,我對CD機的設計并沒有往擬物化上面靠,我覺得一個設計的成功與否的標準就是設計能否符合預先設定的主題。專輯頁面我也沒有按照真正的CD那樣中間挖個洞,同樣也是如此。在最終成稿前做了很多次修改,放棄掉原本覺得酷炫、精致但是卻和主題相違背的設計,也算是對于UI設計有著更深的理解。

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,978評論 25 709
  • 發(fā)現(xiàn) 關注 消息 iOS 第三方庫、插件、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 15,204評論 4 61
  • 334天。今天不知是因為喝的比往常多,還是因為“家庭會議”的緣故,很多之前的回憶像是可以播動的幻燈片一樣清晰的展現(xiàn)...
    黑兔子Gary閱讀 373評論 0 0
  • 雨過秋風冷,樓寒月掛空。 青霜披怨柳,寂寞落枯坪。 作者王永豪
    王永豪閱讀 192評論 0 0
  • 簡評:蘋果官方手寫識別團隊的技術文章,講解了如何用機器學習的方法實現(xiàn)中文的手寫識別。 以下「 我們」都代表「 蘋果...
    極小光閱讀 3,124評論 0 3

友情鏈接更多精彩內(nèi)容