总结 B 端产品里不同箭头的含义
输入“/”快速插入内容
总结 B 端产品里不同箭头的含义
总结 B 端产品里不同箭头的含义
❤️
❤️
作者：CE青年
❤️
微信公众号：CE青年Youthce
❤️
发布时间：2022-12-07 08:49
一图读懂
正文
最近有读者来问这样一个问题：“在 B 端系统当中，不同的箭头到底代表着什么含义？”因为看似它们基本相同，但实际使用差距较大。今天我们就尝试着来梳理一下系统当中的箭头，方便大家对其有一个了解。
跳转箭头丨辅助链接信息
如何去表达页面需要跳转，我相信很多同学都有自己的设计方式。通常我们会给一个链接蓝色，提示用户这里需要跳转。再者，我们可以考虑给它加上一个美丽的下划线，虽然这种方式看上去有些传统，但仍然是非常有效的方式。
如果还不行？那来一个箭头可能效果也不错。这个箭头可是大有讲究，我打开 Remixicon 关于箭头的图标一共有 18 个，跳转的通常只会有我们这里的右侧箭头，英文备注可以叫做：arrow-right-s、arrow-drop-right
它的含义主要是提示用户，需要跳转到其他页面。这种形式其实在移动端的设计当中较为常见，因为移动端 hover 状态的缺失，所以很容易就会无法提示，而桌面端就会保留这种交互形式。
新开标签页丨页签的更多选择
因为在 B端产品里面，大多数都是依托于浏览器的系统，我们俗称 BS 架构。因此我们在设计时需要考虑浏览器页签的处理。其实浏览器的页签，自古以来都是一个难题，我们可以从各大浏览器的设计来看，目前浏览页签的处理主要有几种方式：
分组：以 Chrome 浏览器为主，通过分组能够优化页签过多的情况，同时 Edge 浏览器 等都有类似功能