相关分类
photoshop教程
Illustrator教程
CorelDraw教程
painter教程
Indesign教程
UI设计教程
sketch教程
设计理论
飞特网 顶部通栏广告

如何做好大型视觉改版——全民K歌5.0改版经验总结

张强发布于:2019-2-11 00:03
张强
辽宁省 葫芦岛市 GUI设计师
发私信 + 关注
简介: 对于所有的设计师来说项目要进行大型视觉改版都是很重视很头疼的一件大事。有幸我在2018年年初完整的跟进推动了全民K歌5.0的大改版。此次改版是k歌项目成立以来最大的一次改版,获得了较好的业界口碑。而我自己全程参与,收获很多。我在鹅厂工作数年,经历过QQ音乐到全民K歌再到 ...


如何做好大型视觉改版——全民K歌5.0改版经验总结 飞特网 设计理论

改版的整体风格

整体框架做了这样一个改动。依然保留品牌识别性较高的红色标题栏,但是采用了跟新品牌相同的渐变色处理。底部导航采用面性图标更简洁也更能压得住。

如何做好大型视觉改版——全民K歌5.0改版经验总结 飞特网 设计理论

动态的改版

动态的改版着重需要满足的是对视频内容的更好支持。原有样式字段杂乱,需要对展示信息作梳理,简化字段。

如何做好大型视觉改版——全民K歌5.0改版经验总结 飞特网 设计理论

K歌的feed类型非常复杂,将它梳理成2大类,8小类,共26种。

动态的整体视觉:

如何做好大型视觉改版——全民K歌5.0改版经验总结 飞特网 设计理论

原来的推荐直达区模块用颜色去区分类型,对普通用户效果视觉感知很弱,且效果不可控,故此做了优化

如何做好大型视觉改版——全民K歌5.0改版经验总结 飞特网 设计理论

简化了feed结构,梳理了展示字段。

如何做好大型视觉改版——全民K歌5.0改版经验总结 飞特网 设计理论

去掉了之前的卡片间隔,给人一种连续不断使人下翻的感觉。

如何做好大型视觉改版——全民K歌5.0改版经验总结 飞特网 设计理论

因为5.0新增了POPUP持续浏览的功能,不需要在当前界面播放视频,所以视频feed也不用占用整屏宽度的空间。

25

好评
21

差评

刚表态过的朋友 (46 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

张强
辽宁省 葫芦岛市 GUI设计师
+关注 发私信

最新评论

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计