E83bb84eebf59f998c59e0df558d7e41
8. 链接与按钮

初识

产品中随处可见的点击操作:
有的是一小行蓝色文字;
有的是一个矩形的按钮;
……
仔细看,形式很多,概况一下:文字、图标、背景色、背景边框的各种排列组合。
我们回看一下历史,或许可以更好的理解现在这些纷繁的“可点击样式”。
 


在古代

最最最初的互联网,访问的是ftp,与现在电脑的文件夹管理器差不多,一层层的文件夹目录,要看什么文件,就逐层的打开文件夹,最终找到那个文件。
这样很辛苦,于是发明出了一个很厉害的功能:超链接(Hyperlink),一个文字链接,可以指向任意一个文件。于是,就可以在文件之间直接的、迅速的跳转了,方便~
这种超链接,约定为一个特定的样式:蓝色文字+下划线。

另外一种可以点击的是:按钮。
代码写出来是:< button >……< /button >
中间写下这个按钮要实现的功能,比如:
搜索按钮,是将前面文本输入框里的内容提交给服务器;
发送邮件按钮,把写好的邮件发送出去;
删除按钮,把一张照片从相册里删除。
这样的可点击对象,写代码需要用< button >标签,于是成了按钮。
按钮,有系统默认的样式:矩形或圆角矩形或圆形,立体的,鼠标经过、按下、释放几种状态有对应的样式。按钮里也可以加个图标,或者只用图标。

下图是google早期的页面,可以清晰的看到链接与按钮。

在远古的时候,链接与按钮是可以区分的比较清楚。不过,后来,互联网产品发展的越来越复杂,就用乱了。
 


现在

现在的互联网产品中,链接与按钮的样式,并不太遵循上面所说的技术性定义,有这么几个原因:

原因一. 要表达的信息更复杂了
现在的互联网产品要传达的信息很多,信息要区分主次,才能传达的更有效,比如:当前页面上有一个超链接,是最最重要的,同时还有几个很不重要的按钮,但链接的样式怎么也不如按钮明显,按钮有立体的背景色,在页面里很抢眼。要遵守技术规范,就没法正确的传达信息主次了。

原因二. 用户压根儿没搞懂过
上面说的什么是链接,什么是按钮,用户通常搞不清楚,也没打算去搞清楚。用户只需要知道“哪里可以点击”就好了。至于有没提交数据给服务器之类的事儿,多数用户恐怕根本不知道服务器是怎么回事儿。
既然用户根本不知道这回事儿,干嘛要区分?

top Created with Sketch.