不纠结不是好设计师——标签栏的设计
2019-04-03 来源：elya妞
交互设计师的纠结有时候挺惹人讨厌的，大量的口水浪费在小的细节上了，有时候我也会告诫自己，要着眼大局分清主次，一些小的细节干脆就不要太纠结了，可是我又相信，好的交互设计师一定要对细节有一针见血的判断力，不疯魔不成活，不纠结出不来好设计。
一、一个案例的反思
这里想聊聊腾讯微博iPhone新版的一个设计细节。
事件起源于我们的一个设计师提供了一个新版的视觉设计方案，整体很大气，可是有一个地方别扭，他把选中的标签栏暗掉了，未选中的标签栏高亮了，我说是不是反了？他说没反啊，腾讯微博就是这样的。于是我去看了新版腾讯微博，竟然真是这样。
图1 腾讯微博的标签栏
那么，让我们从以下三个角度看看，这样做到底对不对：
1.HIG怎么说？
那么让我们来对比一样IOS系统的标签栏的样式：
图2 系统的标签栏样式
iOS Human Interface Guidline里有对于Tab Bar的行为有这样一句话的描述“When users select a tab， such as Search in YouTube， the tab’s background lightens and its image is highlighted”，选中的标签栏背景亮起，图标高亮。
2.其他应用怎么做的？
既然是微博，对比一下其他微博客户端，有哪个是选中状态的标签暗掉的？
图3 其他微博类客户端
再对比一下其他的优秀客户端的设计，有哪个选中的标签是暗掉的？
图4 其他优秀客户端
再对比一下Web端的标签模式，有哪个是选中的标签暗掉的？
图5 Web版的一些标签设计
3.用户怎么理解的？
于是我到腾讯微博上反馈了意见，看到了有些人跟我一样纠结了，包括麦田老师，但也有些人还是觉得这里可以接受的，原因不外乎以下几种：
“这里用补色来标注选中状态，表示不可点，其他的是可点的，所以高亮”
“等你选的当然高亮，不需要再选的当然暗啦”
“明暗比例1：4，应该能分辨出来哪个是选中的，只要不是1：1就行，用户能理解就行”
“谁规定的？用户能理解就行呗”
版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点！
本站所提供的图片等素材，版权归原作者所有，如需使用，请与原作者联系。
