今天这个小案例是直播首页的两个小触点，个人觉得还是稍微有点小难度，可以和大家分享下过程。

第一个触点：直播tab选中状态样式

最开始的时候，选中状态就是这个最基础的样式：

但是因为是新模块，需求那边希望能稍微改下样式，变得不一样的一点，于是我就咔咔开始思索了！

做成下面这样？

好想太普通了！换思路！

最简单的思路，其实就是电视元素加上直播两个文字了，我也是这样做的，大概效果如下：

但是总感觉还是有点普通，因为从直播联想到电视应该很多人都能想到，于是我又咔咔的二次思索，这时候突然想到了新增的青蛙形象，尤其是那两个眼镜，是否可以和这个电视结合一下呢。

最后捣鼓半天，就把眼镜和直播的播字组合在一起了，效果如下：

还可以，最后也就定了这一版。

第二个触点：我的关注入

这个小触点给我难够呛，最开始的交互稿大概是这样的：

我的思维可能也是被限制住了，想出来的解决方案就是把背景加上纹理，纹理就用眼镜的形状，大概效果如下：

结果反馈是什么呢？有点像秋裤！！！！！！

然后我多看了几遍，好像确实有点像小时候穿的秋裤！！！！！！！！！

我以为是颜色问题，于是从紫色换成黄色：

结果效果也不是很理想。

最后一发力，突然想到，是不是可以把形象结合上，然后我把青蛙的形象放在横条左侧，为了更加协调，整体颜色使用绿色，大小效果如下：

现在看起来，横条右侧有点空，不够饱满，于是新增了几个字的文案：查看我的关注列表。

效果如下：

这里强调一点，有时候需求方给的内容并不一定就是固定的，我们作为项目成员之一，是有权利提出一些文案、结构调整建议的，千万不要把自己当作局外人或者乙方，很多时候只要想法合理，需求方是可以接受的。

回到案例，我们做到现在，感觉背景还是可以加一点纹理，但是之前的眼镜感觉效果并不是很好，所以就加了一点相关联的元素荷叶：

但是感觉有点风格不搭，其实主要是因为背景纹理太干净了，只要我们加上描边，风格就会搭很多：

最后，右侧的文案使用灰色感觉有点糊，于是直接也变成黑色：

这样整体风格也就更加和谐了：

好了，以上就是这个案例的一些思考过程啦，做的很开心，么么扔！

本文原创，未经作者允许不可转载！

更多内容，欢迎关注作者微信公众号：菜心设计铺！