网页中箭头的用法(1)—从生活中说起

最近在梳理网页中箭头的用法,发现不仅各种网站中箭头的使用混乱,生活中关于箭头的使用也比较混乱,从地铁指引,到小区路标,“→”“►”“↔”等等各种符号花枝招展,迷乱得不知所措。最后只好取了交通标志,通用的电器按键等作为参考,以此将思考延伸到网页端。

一.关于符号:
1.“<”,“>”:大于与小于符号,例如5>3,可以理解为一种包含与被包含的关系。
2.“>>”:远大于 符号,表示两侧数量级不对称的关系。
3.“>>”:双书名号,表示书名的结尾。
4.“^”:代表运算符号。

二.关于图形:
1.交通指示标志中——带尾巴的箭头:
尾巴的末端代表你在哪里,箭头表示你将可以去哪里,起到的是一个心里预知的作用,变化还有一段时间;

特点:提醒信息复杂度较高,但操作不紧迫。

2.交通诱导标志中——连续的不带尾巴的箭头:
转向诱导标,强调路面在这里有大调整(转弯),你需要立即进行操作上的变化。

特点:提醒信息单一,但操作紧迫。

3.传统收录机中的播放按键:

特点:箭头除了提醒之外,本身会触发动作。

4.传统设计中的展开操作符号:

特点:箭头除了提醒之外,本身会触发展开动作。

三.由此得到的结论:
1.图形化的箭头可以引导方向,而文字符号中的“>”“<”“^”不能影射方向;
2.文字符号中的“>”有包含的意义;
3.表示预先通知的箭头图形应该带有尾巴;
4.前面方向有分支的箭头图形必须带有尾巴;
5.图形中的“>”必须批量出现;
6.表动作,可点击的三角形必须做成实心“►”;
7.“|►”为可展开操作的对应图形。

网页中箭头的用法(2)—将生活中的经验应用到网页

Leave a Reply