整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          技術貼:一篇文章看懂鏈接(超鏈接)設計

          人人都是產品經理【起點學院】,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 的三個管理自己授權賬號的方法。

          值得一提的是,這些被我們刪除掉的授權管理,我們統統可以再次綁定回來。

          差友們可以通過以上三個方法檢測一下自己的授權登錄,刪除掉那些不會再用到的授權。

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


          主站蜘蛛池模板: 亚洲国产一区二区a毛片| 亚洲爆乳无码一区二区三区| 亚洲中文字幕丝袜制服一区| 日韩精品区一区二区三VR| 久久99国产一区二区三区| 手机福利视频一区二区| 亚洲Av永久无码精品一区二区| 久久4k岛国高清一区二区| 综合人妻久久一区二区精品| 日韩一区二区三区在线精品| 国产激情一区二区三区在线观看| 九九无码人妻一区二区三区| 亚洲一区中文字幕在线观看| 无码人妻一区二区三区免费n鬼沢| 激情内射日本一区二区三区| 国产一区三区二区中文在线 | 国产午夜精品一区二区| 一区二区三区内射美女毛片 | 一区二区在线视频| 中文字幕无码一区二区免费| 中文字幕在线观看一区| 狠狠色成人一区二区三区| 久夜色精品国产一区二区三区| 一区二区三区在线|日本| 国产精品一区二区av不卡| 无码精品人妻一区二区三区影院| 国产一区二区三区无码免费| 亚洲高清成人一区二区三区| 中文国产成人精品久久一区| 水蜜桃av无码一区二区| 中文乱码人妻系列一区二区| 国产小仙女视频一区二区三区| 国产精品一区二区三区高清在线 | 精品人妻无码一区二区色欲产成人| 51视频国产精品一区二区| 日本福利一区二区| 国产精品小黄鸭一区二区三区 | 国产一区二区不卡老阿姨| 人妻无码一区二区三区| 精品国产一区二区三区免费| 亚洲香蕉久久一区二区|