百度有个桌游平台叫「一局」，本来长这样，看起来更像是小众游戏社区：
可能是业务策略想向游戏平台转型，于是有了百度 MEUX 公众号发布的这次改版：一局APP首页体验升级
我发现一局这次改版不简单，表面上是风格大变，其实是产品策略改变导致的设计转型，而转型的方向就是：
内容导向设计
很多小众产品在发展初期，往往设计得很有趣，前卫的设计风格加上动效，能够一眼抓住新用户的眼球。
除了上面提到的一局，猜歌星球也是这类：
但是随着体量的增长，或者策略的调整，产品向平台转型，内容成为了吸引用户的关键。
这就导致平台本身不能有太明显的风格倾向，否则就无法很好地凸显里面的内容。
这就是为什么，一局原本的卡通风格，会需要向内容导向设计转型。
如果不调整设计方向，平台上如果需要展示非卡通风格的游戏内容，就会看起来很奇怪，和平台本身格格不入。
以下我以一局这次改版为例，讲从以下四个角度来分析一下内容导向设计：
? 配色
? 布局
? 信息
? 模板
? 配色
内容导向的产品，为了凸显内容，必须弱化自身。
一局原本走个性趣味路线，界面上色彩丰富，5 种主题颜色分别对应不同的游戏类型，而且还大面积使用。
改版后色彩上更加克制，用色面积大大缩小的同时，主题色还从 5 种减到 3 种。
? 布局
内容导向的产品，最大的一个区别，就是内容更多。
以往首页只需展示个位数的入口，但内容导向的产品可能需要展示两位数的入口，否则是过不了产品经理和运营那一关的。
在界面展示更多的内容入口，通常有三个方法：
加大空间
把非内容区缩小，为内容区腾出地方，就能放更多内容入口了。
抓大放小
把重要内容尺寸加大一些，而不重要的内容就可以缩小很多，总体上节约更多空间。
横向滑动
虽然屏幕尺寸是有限的，然而一旦允许滑动，就可以延展出一大截，几乎所有内容平台都会用这招。
一局这次改版，就是把这三种方法都用上了，效果很明显：
? 信息
内容导向的产品，由于内容的不确定性，所以在信息展示上需要有更好的兼容性。
一局原本用半屏宽的方块来展示房间入口，这样文字区域过小，展示上太过依赖图片，改成长条后兼容性就好多了。
由于空间更多，就能展示更多用户感兴趣的社交信息。
例如一局的这个改版方案，就把房主说的话和房间其他人的动态头像都展示上去了，看起来更有社交吸引力了。
? 模板
内容导向的产品，在增加大量内容后，为了能够应对各种各样的内容，所以必须要模板化。
这么模板也是要有讲究的，关键有以下三点：
多样化
通常很难一个招数走遍天下，产品里面需要多少类模板，得梳理出来。
一局这次改版就还比较简单，只有两种游戏入口的模板。
识别性
内容导向的产品，虽然凸显自己已经不再重要，但还是需要有一定的品牌识别性，才能在众多平台类产品中让人记住。
而重复出现的模板，就是展示品牌识别性的机会。
一局将游戏机的形状特色抽离出来，作为统一的设计语言运用在模板中。
个性化
虽然模板可以让展示内容更加方便，但这并不是一劳永逸的。
内容怎样和模板结合，才能发挥最大效用，很好地凸显出不同内容的个性化特色，也是一个问题。
一局给入口图片进行了规范，要能展现游戏的主题或玩法，并区分了 IP 角色和非 IP 角色两种入口图的排版方式。
总结
很多产品的设计改版，风格只是表象，更深层的原因，是业务策略的转变。
我们设计产品时，不能简单地从审美、体验、效率等方面进行评判。
只有与业务策略密切结合，才能凸显更多的设计价值。
本月我们知识星球有一个专门针对 UX/交互作品集的训练营，尤其适合 UI 转 UX/交互的同学，有兴趣的可以看看：
和以往一样，这个训练营对知识星球成员免费开放：
如果你只是想要多认识一些同行，也可以加入我们无广告的纯粹体验研讨微信群：
本篇文章来源于微信公众号: 体验进阶
