中较系统的讲解了视觉设计师应该如何进行大视觉改版。有方法论归纳，有实例讲解，希望给设计师们一些帮助。
对所有的设计师来说，项目要进行大型视改版是很重视很头疼的一件大。有幸我在2018年年初完整的跟进推动全民K歌5.0的大改版。此次改版是k歌项目成立来最大的一次改版，获得了较好的界口碑。而我自己全程参与，收获很多。
我在鹅工数年，经历 QQ音乐到民K歌到音兔项目，大大小小数次视大改版。我得能驾驭大型视改版需要的识、流程、套路是复学习的。它就像是数学是一种工具。所以我将我的感悟，我的经验写下来形成文字。因为我得识只有付诸文字或是语言，才是最大挥它的价值。同时也希望我的经验能给正在进行着视改版或即将进行视改版的设计师们一启，一帮助。
1. 为么要做5.0视觉大改版
至2018年年初全民k歌已经年了。经历了3年的全民K歌逐渐暴露了问题：
- 交互方面，框架拓展性不足，优质内缺少曝光；
- 基础体验方面，功堆叠较多，急需梳简；
- UI方面，样式陈旧，缺乏一致。
而作为年终的大版本，想借此机会对全K歌的视觉做一次大的升改造。
1. 我们要做哪些，如何进行？
万开头难，对一个大的改版，定规划尤为重要，我在里是么做的。
确定改版内容
产品方的主要诉求是对 app UI的升级。但是我得为一个大的、关键的改版，仅仅 UI 升级是不够的，是我想将5.0的改版拔高一个高度，不仅 UI，而是一个整的面的改版。我将改版内容分为三部分：UI升级、品牌升级、VIP升级。两者是设计主动提出推动的。品牌升级是因为民K歌往期没有健的品牌KV系，外部宣传时设计随意太大，想次改版完善品牌系。VIP升级是因为之前K歌的 VIP 没有独立的视系，随着增值营收业务的增长，部分诉求逐渐增长，现有的视样式尊贵感不够。
确定时间规划、及老汇报规划
大改版一大确定因素就是前期发散方向上的确定，这分确定会使得项目的时间可控。这种可控往往使得改版进一拖再拖，陷入改版泥沼。
在我看来里的进程也是有规律循的。
里的规律是散 – 收紧 – 散 – 收紧的程。
从最初的启动项目最终的定稿普遍要经历至三轮发散 – 收紧的过程。
而这里般至少会有两轮板汇报过程。在初期设计发散时候往往是交互没有定型时候，这时候视觉束缚可以小些，任由设计自己理解自由发挥。这里尝试可以是更大胆性探索，到第轮第三轮出需要回归到交互，依托于交互进发挥。
度通常我会制一致的时间规划。每周一次小会议沟通度，约两轮碰面后积累足够的产出再找老板汇报收拢方向。
临时组队战副本
一人的能力再强，效率再高，精力也限的。不可能凭借一人去完这样一的改版。必须团队合作，协调家一起去完任务。我的理解中5.0改版就一的游戏副本，面对这样的一副本我们就需拉起一支队伍去应对这样一副本，就必须分规划。
在初期有人一起探索方案，大致方向确定之后，我们就分了3组人来应对UI升级、牌升级、VIP升级这3分任务。
1. 多方探索，集思广益
我我的小伙伴们出了众多的视觉探索方向稿设稿。具体内如下。
方案1:
方案2:
方案3:
在此方案的基础上我们对 BOSS 进行了汇报，得到了示反馈，再此基础上延展了后续定稿。
1. 过几轮探索，终方向收拢以下方案
将品牌调性义：丰富多彩、活力、感、乐趣。
解决思：轻化、简洁性、一致性。并非只轻人喜欢轻化。
设的理念因子：活力、简洁、高效、自然。
设迭的思本质解决下述两问题：
- 框架临扩展性不足、优质内容缺少曝；
- 基础体验需优化、点歌体验、听歌体验、社交体验。
整体框架了这样一改动。依然保留品牌识别性较高的色标题栏，但采用了新品牌相同的渐变色处理。底部导航采用面性图标简洁也能压得住。
1. 动态改版
动态改版着需要满足是视频内容更好支持。原有样段杂乱，需要展示信息作梳理，简化段。
K歌 feed类型常复杂，将它梳理成2大类，8小类，共26。
动态的整体视觉：
原的推荐直达区模块用颜色去区分类型，对普通用户效果视觉感知很弱，且效果不可控，故此了优化。
简化了 feed结构，梳理了展示字段。
去掉了之的卡片间隔，给人一种连续不断使人下翻的感觉。
因5.0新增了 POPUP 持续浏览的功能，不需当界面播视频，所以视频feed 也不再占用整屏宽度的空间。
MV feed相对原来的会更效。
短视频feed 对它的展示尺寸做了优。短视频本身有1:1、16:9、9:16种例，直接该例显示的话在 feed流里会显得16:9的 feed 特别小，9:16的 feed 特别大。故此做了分裁剪，16:9裁成4:3。9:16裁成3:4。裁剪区域多影响整性，识别横屏竖屏。
将歌房和直播梳成跟 mv 一致的尺寸。减 Feed流中同规格的 feed 带来的界面混乱，升一致性。
2. 发的改版
如果「动态」承载的熟人社交，那么「发」承载的就提升内的分发，促优质的内能得到足够的曝光。
满足想发现优质容的户，他们在这里持续的消优质容。
发现页的整体视觉：
3. 详情页的改版
详情页承载的是作品的播放以及社交互动的页面。所以这次优化一方面要梳理息统一体验，另一方面要给更多的相关内容推，形成浏览的体验闭环。
4. 个人页的改版
原来的个人页既要承载人态的管诉求，又要承担个人信息展示的诉求，容非繁多信息非复杂。然而人态和客人态他们的诉求是全同的，个人页的改点就是客态分离，针对客们的同诉求做同展示。
这部分由于开发资有限5.0改版时候并没有上线个主页改版。是这部分作为储备依然会后续个主页改版生影响。
1. 统一的视觉风格是由一系列详尽的规则取舍组成的
风格稿确定虽然是改版中最重要的环节但并不是全部，风格稿确定的只是关键界面。K歌的功能界面纷繁芜杂，将关键界面的计延展所有界面并保证其一致性需要一套简介确的规则。而规则就是一系列判断取舍的集体。好的规则应该是简洁洽的，是为美。
K歌规范我准备从以下几着手优化。
2. 文字
将字号收拢为四种。默认字选用苹方的 light字重，标题以及操文案采用 medium字重。拉开粗细差距，来做信息级区分。
3. 图标
我们规范了有图标的切图尺寸，将有图标切图都收拢为方形的六个尺寸。这样后维护替换图标会更方。并且了一套详细的图标设计指引，来统一同一 APP 里的多名设计师的输的一致性。
4. 图片
收拢减少了图片规格，统一了图片的圆角处理。并且考虑到k歌的用户作品封面常会遇到白色的图片 UI 相融，了解决这一况我们将所图片都加了一层3%的黑。
5. 列表
减少了横向列表中间的间距，让区块化明显，统一了图文列表的展示规则，字段限制。例如图片尽不压文字保持图片简洁；图文列表的用户展示尽用替用户规避 emoji 的界面杂乱；图片下的文字字段不超过两。
1. 好视觉改版应该是从UI到品个完体系
前说到过，在我规划，全民k歌大改版，由UI改版、品改版、VIP体系改版三部分组成。在这三部分里我参与较多是UI改版。品改版和VIP改版我是少量参与意见。是组内小伙伴们他们都完成常出色。小伙伴们努力起构了完新全民K歌视觉体系。
2. 全民K歌新品
3. 全民K歌VIP体系
掌控大型视觉改版的秘诀：前期规划 + 节奏推动 + 协调作 + 方案落地 + 规范拓展 + 完整体系。
路跟完个5.0改版，在改版过程我用前文法，路把控个改版节奏以及输出质量，应用起来心应手。这些法以前仿佛像河边粒粒珍珠。这结这个过程是收这些珍珠过程，最终形成漂亮首饰。所以写下这些我知识经验与大家分享。希望我这些经验能那些正在进着视觉改版或即将进视觉改版设计师们些启发，些帮助。
欢迎关注作者的微信公众：「高设之」
浙公网安备33011002017549号