深入探讨 | 其实你并不懂产品标签机制

初来乍到：标签与分类的区别先来点开胃菜，也是烂大街的理论，不过磊叔做了小小新的诠释。标签和分类的区别，相信大家知道的比磊叔多得多，不过下面这几个核心区别还是分享给大家:标签是扁平的，分类是层级的标签是精确的，分类是粗糙的标签是多维的，分类是一维的这里不是重点，不做过多解析，正文从以下开始:本质：元数据标签和分类的区别是大家喜闻乐见的，但是不够深度和震撼，我们深入一点点。事实

产品经理 2016年07月22日

正确使用标签选项卡的12个姿势

这里是关于标签选项卡的12个设计准则：1、使用标签选项卡在相同容器不同内容下的视图间切换，而不是作为导航将用户带到不同的区域。这是最重要的一点，因为在不同的标签视图下切换时保持内容容器的一致是我们在开始使用标签选项卡时最主要的原因。2、每一个标签背后的内容要合乎逻辑，好让用户能够轻而易举的预见到选择一项后会发现些什么。 (卡片分类是研究这类“微型信息架构”问题的方法之一。

产品设计 2016年07月13日

HTML语义化和SEO优化

什么是HTML语义化？　　根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。为什么要语义化？为了在没有CSS的情况下，页面也能呈现出很好地内容结构、代码结构:为了裸奔时好看；用户体验：例如title、alt用于解释名词或解释图片信息、label标签的活用；有利于SEO：和搜索引擎建立良好沟通，有

业界 2016年07月08日

讨论：A标签要不要避免使用 javascript:void(0)

甲是我的同事，乙是我。某天讨论了要不要避免 a 标签加 javascript: void(0)，最后还是决定加！甲：在某些IE里是bug。使用 更好，这样页面还不会跳转到最顶端乙：使用 有个问题，点击后 windows.location 变了。这个被记录到浏览器的 history 了，这样不利于浏览器后退前进操作。还有 在 IE 下可能会在点击后出现虚线外框，这个样式

业界 2016年07月06日

游戏网站的bets是如何下的

游戏网站投赌注，点击选择数字显示在文本框，如何实现的，首先想到的很可能就是给button绑定事件，如下：button{display: block;width: 40px;height: 30px;margin-bottom: 10PX;text-align: center;background-color: # 000;color: # fff;border: 0;lin

业界 2016年07月04日

「色彩标签」设计，扁平化之路

从 苹果公司发布iOS7开始，「扁平化」就成了当下最为流行的设计风格，简约而华丽的扁平化让人眼前一亮。而「标签」是通常用于画册、海报等详细内容分类的 设计，简约的标签设计让人更有耐心阅读详细内容，所以不妨将「扁平化」融入标签设计中，让其简约鲜明的色彩关系易于用户接受。「渐变」常常被设计师们用作标签设计表达色彩关系的手法，让人觉得平滑与统一，适当的「阴影」则能让标签整体显得有

产品设计 2014年09月18日