整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

技术贴:一篇文章看懂链接(超链接)设计

人人都是产品经理【起点学院】,BAT实战派产品总监手把手系统带你学产品、学运营。

产品设计时细节是产品经理最头疼的问题,一个button,一个链接都要考虑太多的细节问题。作者整理了常见的一些功能设计问题,一篇文章看懂这些功能设计。来学习吧。

定义

链接也称为超链接,所谓的超链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是一个图片,一个电子邮件地址,一个文件,甚至是一个应用程序。而在一个网页中用来超链接的对象,可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后,链接目标将显示在浏览器上,并且根据目标的类型来打开或运行。

样式

链接可以是一个字或是一段字这样的文本,也可以是一个按钮,一张图片,当你点击后跳转到另一个目标,当你把鼠标指针移到某个链接时会变成一个小手,当然在手机上没有这一特点。

1. 文本样式的链接

文本样式的链接一般在搜索引擎的网站呈现蓝色字样,大多会在下面加上下划线以便识别,不过现如今考虑到不影响文本的可读性与用户体验,逐渐取消了下划线。而在一些别的网站考虑到界面设计风格各方面的因素而不用蓝色。

谷歌的文本链接是蓝色,没有下划线

百度的文本链接也是蓝色,关键词是红色,有下划线

而京东的文本链接有灰色,有白色,有黑色

2. 按钮样式的链接

按钮样式的链接比文本样式的更容易识别,每一个按钮都是一样链接。

按钮样式链接

3. 图片样式的链接

图片样式的链接可以是单独的一张图片,也可以是文字与按钮一起组成一张图片,只是鼠标指针扫过图片的任何一个部位都会变成小手。

如桌面弹出这种游戏小窗口的图片式链接

由文字/图/按钮样式一起构成的一张图片式按钮,鼠标可以点击图中任何一部位

打开方式

链接打开的方式有三种:第一种是在当前页面刷新跳转,国外的网站大多是这样的打开式;第二种是在新标签页面打开链接,国内大多采用这种;第三种是提示用APP打开。当然现在出现了一种新的打开方式,那就是二维码扫描。

提示用美拍APP打开

类型

按照连接路径的不同,网页中超链接一般分为以下3种类型:内部链接,锚点链接和外部链接。

链接还可以分为动态链接和静态链接。动态超链接指的是可以通过改变HTML代码来实现动态变化的链接,例如我们可以实现将鼠标移动到某个文字链接上,文字就会象动画一样动起来或改变颜色的效果,也可以实现鼠标移到图片上图片就产生反色或朦胧等等的效果。而静态链接,顾名思义,就是没有动态效果的链接。

1. 内部链接

与外部链接(即反向链接)相反,内部链接是指同一网站域名下的内容页面之间互相链接。如频道、栏目、终极内容页之间的链接,乃至站内关键词之间的Tag链接都可以归类为内部链接,因此内部链接我们也可以称之为站内链接,对内部链接的优化其实就是对网站的站内链接的优化。

2. 锚点链接

HTML中的链接,正确的说法应该称作"锚点",它命名锚点链接(也叫书签链接)常常用于那些内容庞大繁琐的网页,通过点击命名锚点,不仅让我们能指向文档,还能指向页面里的特定段落,更能当作"精准链接"的便利工具,让链接对象接近焦点。便于浏览者查看网页内容。类似于我们阅读书籍时的目录页码或章回提示。在需要指定到页面的特定部分时,标记锚点是最佳的方法。

3. 外部链接

外部链接,又常被称为:“反向链接”或“导入链接”,是指通过其他网站链接到你的网站的链接。

外部链接指的是针对搜索引擎,与其它站点所做的友情链接。高质量的外部链接指:和你的网站建立链接的网站知名度高,访问量大,同时相对的外部链接较少,有助于快速提升你的网站知名度和排名的其他网站的友情链接。

如果按照使用对象的不同,网页中的链接又可以分为:文本超链接,图像超链接,E-mail链接,锚点链接,多媒体文件链接,空链接等。

链接是一种对象,它以特殊编码的文本或图形的形式来实现链接,如果单击该链接,则相当于指示浏览器移至同一网页内的某个位置,或打开一个新的网页,或打开某一个新的WWW网站中的网页。

链接状态

链接在交互上一般会呈现4种状态,即默认状态/悬停时状态/点击时状态/点击后状态。比如谷哥网站的交互体验。如下图:

点击前

悬停时,下面浮现半透明线条

点击时,有波纹晕开的动态效果

点击后,下面线条粗

有时候是3种状态,比如百度网和知乎应用:

默认状态

点击时链接变红

点击后链接变成紫色

IOS系统知乎应用的3种状态,而在Android系统没有用力点击这一状态。

默认状态

点击状态

用力点击会弹出预览小窗口

有些时候只有2种状态,如下图谷歌网:

默认和点击后状态一样

鼠标悬停时出现下划线

默认状态

点击时

而有时候比如在APP里有时候就一直只有一种状态,也可以称静态链接,之前的可以称之为动态链接。在不同的使用场景会因为当时的情况选择最合适的交互体验设计。有的情况下还会加上点击的音效,使用户体验更畅快,这在移动端用的使用情况多一些。

总之链接是网页不可缺少的构成部分,每一个链接的呈现都是经过深思熟虑的。

作者:潘瑶琼(简书作者)

本文由 @潘瑶琼 授权发布于人人都是产品经理,未经作者许可,禁止转载。

署无线网络前的准备工作

在部署与调试无线网络的时候,之前提到过要了解好整个网络的拓扑,然后客户的需求,采取什么样的转发方式,以及对接交换机的口怎么配置,在这之前还有更重要的事情,那就是授权,主流厂商 思科、华为、H3C、aruba等,你购买了对应厂商的AC与AP后,还的买授权,没有授权的AC等于跟没有一样,无法让AP上线,所以在实际实施中有多少个AP,那么就买对应数量的授权,第一件事情是导入授权,然后在开始配置。


license购买与型号

license的购买直接是联系当地的代理商或者某宝跟某东都可以购买到,它的型号有几种,适合不同数量的AP。


1、像中低端的AC型号6005、9700-s、6507、6508、6605、6003这些,授权的型号分为1AP、8AP、16AP、32AP,也就是你可以购买对应数量的授权,比如你目前项目中有22个AP,那么你可以采购一份16AP跟一份8AP的,也可以是3份8AP的,这里不太建议采购1AP,因为1AP价格贵,不如8AP与16AP性价比高。

2、高端的AC型号6805、9700-m、6800V、ACU2这些,除了支持1、8、16、32的选择外,还有64、128、512、1024、4096、6144等。

3、https://support.huawei.com/enterprise/zh/info-finder 官方提供的一个查找对应产品有哪些license的工具,这个网址不单单这些功能,包括3D设备的模型、硬件配置、配件都可以查,非常有用。


购买后如何激活与导入

通常购买license会有一个文件,文件可能是纸质的,或者是PDF的,里面有一个密码用于激活的,同时还需要获取到设备的ESN信息(序列号)

拿到的文件里面有一个Activation Password


序列号获取方式

1、display esn :命令行查看

2、WEB界面,不同版本有些差别,但都是在维护里面(下面是模拟器,所以没显示ESN)

3、设备上面贴有序列号的标签。


激活与导入过程

1、打开华为的官方网站e.huawei.com/cn/ 或者直接进入授权的网址 app.huawei.com/isdp/svrportal.html


这里输入授权文件上面的激活密码,如果有多个,是可以点击新增一次性添加的,然后打勾“我已了解以上信息”,下一步

输入设备的ESN信息,如果多个授权则每一份都需要输入相同的ESN

确认信息以及填写用户公司名称(可选,可以不填写)

下载即可。

最终在AC的维护里面----licese管理---点击…上传授权---激活,激活后AC会显示实际可接入的AP数与已经接入的AP数。

注意的事项

1、密码是区分大小写的,建议让代理商或者卖家发PDF文件, 可以直接复制PDF的密码,这样不会错

2、ESN一定不要填写错误,如果填写错误生成授权在这台设备是加载不上去的,需要联系400售后处理。

3、设备升级,授权是不会丢失的,包括清空配置。

4、如果实际的AP数量大于实际授权的数量,那么超过的部分则上线不了

5、新版本中的AC热备,有些方式是不需要两台都加载授权的,可以共用一套授权。

6、AC6005-8、AC6003-8这些默认出厂自带8个授权的机子,新的9700-s这些则默认没有授权,需要购买。

介绍

《带你学习华为企业无线网络应用》是博主原创的针对常见华为厂商无线AC AP组网系列应用部署为主的系列课程,结合实际环境出发,加上了博主部署经验以及会遇到哪些问题等进行综合,做到学以致用,给各位看官朋友一个不一样的学习体验。


如果大家有任何疑问或者文中有错误跟疏忽的地方,欢迎大家留言指出,博主看到后会第一时间修改,谢谢大家的支持,更多技术文章尽在网络之路Blog,版权归网络之路Blog所有,原创不易,侵权必究,觉得有帮助的,关注、转发、点赞支持下!~。


上一篇回顾

34、多分支无线网络架构下的广域网部署方案

多软件应用小技巧,欢迎点击右上角关注我~

不知道各位差友有没有关心过自己微信以及 QQ 的授权登录。

在注册新账号的相信大家都会图个方便直接用微信以及 QQ 的授权登入。

不过在使用授权登入的同时,这些 App 以及网站都通过微信( QQ )读取到了我们的一些个人信息。这样的习惯或多或少存在着一些信息安全隐患。

所以今天想和差友们分享的就是如何检查自己的微信、QQ 以及微博授权过的账号。

QQ 授权管理

首先和差友们分享的是 QQ 的授权账号管理。

如果差友们想要查查自己到底用 QQ 授权过多少账号,首先要登入一个叫做【 QQ互联 】的腾讯旗下网站。

接着点击右上角自己的登入账号,然后找到【 授权管理 】这个选项。

点进去之后,那么恭喜你。你成功打开了新世界的大门。

世超的 QQ 应该是授权管理的重灾区了,有整整十五页的授权账号。差友们可以在里面查看这些授权账号的【 授权时间 】以及管理这些授权。

当然了,这些被 QQ 授权的账号所拥有的权限也不太一样。

有一些只能读取你的【 昵称 】、【 头像 】以及【 性别 】。

有些的权限就要大的多,还能【发表日志到 QQ 空间 】、【 获得空间相册内容 】以及 【 获取移动支付相关信息 】。

想要取消掉这些授权也非常简单,只要点击左下角的【 取消全部授权 】就可以了。

世超在里面检查出来很多莫名其妙的账号授权,想要查查自己 QQ 授权信息的差友们可以直接点下面的链接:

https://connect.qq.com/manage.html#/appauth/user

微信授权管理

接着我们再来聊聊微信的授权管理。

差友们可以在微信里找到【 隐私 】→【 授权管理 】

接着就可以在里面找到你用微信授权过的账号了,并且还可以在里面取消掉它们。

不过需要注意的是,微信的这个【 授权管理 】功能,只能检测出腾讯旗下的一些绑定账号。

所以建议差友们在授权登入的时候尽量用 QQ 去授权,这样也方便管理。

微博的授权管理

最后一个就是微博的授权管理了。

差友们登录网页版微博后,可以在微博个人首页的【 管理中心 】→【 我的应用 】里找到它们。

里面有详细的授权账号,差友们可以点击【 垃圾桶 】删除掉这些账号的授权。

以上就是关于微信、微博以及 QQ 的三个管理自己授权账号的方法。

值得一提的是,这些被我们删除掉的授权管理,我们统统可以再次绑定回来。

差友们可以通过以上三个方法检测一下自己的授权登录,删除掉那些不会再用到的授权。

“ 不查不知道,一查吓一跳 ”