云课堂UI微专业修炼技法作业(3)

未标题-1.png

未标题-2.png

设计思路

</br>

  • 不破坏原有的交互设计

</br>网易云音乐本身是一款带有非常强烈的“社交基因”的一款APP,我个人觉得如果要赋予新的交互的话,也必然要从这方面考虑,但是这样一来整个设计的重心就会发生偏移,毕竟要学的东西还有很多。我在交互上尽量遵守原有的交互体系和逻辑,这样使得工作重心可以放在设计上。

  • 利用颜色传达情感和信息

</br>我在设计之前想过“我要表达怎样的云音乐的主题”,那么在我心中,“清爽、简洁”成为了我最后确定的主题,那么配色上也自然要遵守这一主题。我在《配色设计原理》上确定了以蓝色和白色作为主色调。在蓝色的选择上,放弃了明度比较高的蓝色,因为会和白色拉不开色差,产生视觉疲劳,因而选色了对比度稍微高一点的蓝色。但是依然传达出一种“清爽、简洁”的主题

  • 人机交互的一点想法

</br>在“发现页”除了配色上的改动,基本上没有做大的改动,只是让专辑封面由矩形变为圆形。
</br>但是在播放页面,我借由这个设计表达了我的一些思考。
</br>CD机这个设计是参考了MUJI的CD机,但是我这个页面最底层的创意来自我在dribbble上看到的一张UI飞机稿:


data-usage.png

</br>我非常喜欢这种把icon和按钮相结合的设计理念,它会在潜意识中让人唤起我们对现实生活中的某些记忆,继而诱导用户去进行某些行为活动。我觉得深澤直人的“无意识设计”是对这种理念最好的诠释。我在播放页面的设计中,也采用这样一种理念,想去引导用户的潜意识行为,想让用户下意识的把CD机和播放按钮联系起来。

  • 一些克制

</br>由于要表达“清爽、简洁”,我对CD机的设计并没有往拟物化上面靠,我觉得一个设计的成功与否的标准就是设计能否符合预先设定的主题。专辑页面我也没有按照真正的CD那样中间挖个洞,同样也是如此。在最终成稿前做了很多次修改,放弃掉原本觉得酷炫、精致但是却和主题相违背的设计,也算是对于UI设计有着更深的理解。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,678评论 25 708
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,259评论 4 61
  • 334天。今天不知是因为喝的比往常多,还是因为“家庭会议”的缘故,很多之前的回忆像是可以播动的幻灯片一样清晰的展现...
    黑兔子Gary阅读 329评论 0 0
  • 雨过秋风冷,楼寒月挂空。 青霜披怨柳,寂寞落枯坪。 作者王永豪
    王永豪阅读 157评论 0 0
  • 简评:苹果官方手写识别团队的技术文章,讲解了如何用机器学习的方法实现中文的手写识别。 以下「 我们」都代表「 苹果...
    极小光阅读 2,964评论 0 3