于Windows 10系統(tǒng),喜歡它的人很多,討厭它的人也很多。這兩種極端態(tài)度不由得讓我們思考,Windows 10的這些改變真的好用嗎?基于這種思考,筆者在春節(jié)期間特別籌劃了一個(gè)小專題,從八個(gè)方面說一說Windows 10到底哪好哪不好。每日更新兩個(gè)話題,持續(xù)四天。第七個(gè)話題是關(guān)于Windows 10的虛擬桌面。
上一期話題為微軟小娜:http://nb.zol.com.cn/678/6783561.html
在Windows 10推出之前,虛擬桌面是很多用戶希望系統(tǒng)能夠集成的功能。Windows 10推出虛擬桌面之后,獲得了一致好評。甚至一些忠實(shí)的Windows 7用戶認(rèn)為,Windows 10唯一一個(gè)優(yōu)點(diǎn)就是虛擬桌面。
虛擬桌面在Windows 10中的優(yōu)先級還是蠻高的,被放置在了任務(wù)欄上,點(diǎn)擊即可進(jìn)入多任務(wù)界面,然后用戶就可以建立虛擬桌面了。虛擬桌面的數(shù)量并沒有具體限制,筆者無聊的時(shí)候開了151個(gè)虛擬桌面。
筆者嘗試開啟了151個(gè)虛擬桌面
通過Windows+tab鍵也能進(jìn)入多任務(wù)界面,通過ctrl+Windows+左右方向鍵可以切換虛擬桌面,筆記本的話可以通過四指在觸控板上左右滑動(dòng)切換。從實(shí)際使用效果上看,Windows 10的虛擬桌面還是非常好用的,與Linux上的虛擬桌面使用感受已經(jīng)非常接近了。
筆者認(rèn)為,虛擬桌面確實(shí)是Windows 10的加分項(xiàng)。無論是功能實(shí)現(xiàn)上還是操作的便利性上,Windows 10的虛擬桌面已經(jīng)十分成熟了,大贊!
本文轉(zhuǎn)自“Google開發(fā)者")
I/O 期間我們迎來 Flutter 框架的一個(gè)重要里程碑,因?yàn)槲覀兊拈_發(fā)重點(diǎn)從移動(dòng)平臺擴(kuò)展到了更廣泛的設(shè)備和機(jī)型。在 I/O 大會(huì)上,我們發(fā)布了 Web 版 Flutter 的首個(gè)技術(shù)預(yù)覽版,宣布 Flutter 將為包括 Google Home Hub 在內(nèi)的 Google Smart Display 平臺提供技術(shù)支持,并邁出利用 Chrome 操作系統(tǒng)支持桌面級應(yīng)用的第一步。
Flutter 框架: https://flutter.dev/ Web 版 Flutter: https://flutter.dev/web
長期以來,F(xiàn)lutter 團(tuán)隊(duì)的使命一直是為開發(fā) iOS 和 Android 版移動(dòng)應(yīng)用構(gòu)建最佳框架。我們認(rèn)為對移動(dòng)開發(fā)作出改進(jìn)的時(shí)機(jī)已經(jīng)成熟,因?yàn)楝F(xiàn)在開發(fā)者不得不選擇在兩個(gè)平臺上構(gòu)建相同的應(yīng)用兩次,或者作出某些妥協(xié)以使用跨平臺框架。Flutter 提供了一種最有效的方式,使單個(gè)代碼庫能夠?yàn)閮蓚€(gè)平臺提供美觀、快速和量身定制的體驗(yàn),并提高開發(fā)者的工作效率。我們很高興能夠看到早期的努力成功催生出目前最熱門的開放源代碼項(xiàng)目之一。
從去年開始著力開發(fā) 1.0 版本時(shí),我們就開始嘗試將 Flutter 的范圍擴(kuò)展到其他平臺。這是基于兩方面考慮: 一是 Google 內(nèi)部團(tuán)隊(duì)越來越依賴于 Flutter,二是 Dart 平臺有提供便捷式體驗(yàn)的潛力。特別是,已經(jīng)著手為 Dart 構(gòu)建 Web 框架以供內(nèi)部使用的小型團(tuán)隊(duì)啟動(dòng)了一個(gè)探索性項(xiàng)目 (代號為 "Hummingbird"),以評估移植 Flutter 引擎以支持基于標(biāo)準(zhǔn)的 Web 有何技術(shù)優(yōu)勢。
該項(xiàng)目的成效令人驚嘆,這在很大程度上要?dú)w功于 Chrome、Firefox 和 Safari 等網(wǎng)絡(luò)瀏覽器的快速發(fā)展。這些瀏覽器廣泛地提供了硬件加速的圖形、動(dòng)畫和文本,以及較快的 JavaScript 執(zhí)行速度。在項(xiàng)目剛開始的幾個(gè)月內(nèi),我們就成功構(gòu)建了 Flutter 的核心框架原語。不久之后,我們在移動(dòng)和桌面瀏覽器上運(yùn)行了演示版本。長期以來,Dart 語言經(jīng)常用于編譯網(wǎng)頁內(nèi)容,這證明我們也能在 Web 端運(yùn)行 Flutter 框架和應(yīng)用。
與此同時(shí),F(xiàn)lutter 核心項(xiàng)目不斷取得進(jìn)展,進(jìn)而推動(dòng)桌面級應(yīng)用的發(fā)展,其中包括鍵盤和鼠標(biāo)等輸入工具、窗口大小調(diào)整,以及適用于 Chrome 操作系統(tǒng)應(yīng)用開發(fā)的調(diào)試工具。針對在 Windows、Mac 和 Linux 上運(yùn)行的桌面級應(yīng)用,我們嵌入了 Flutter,而這項(xiàng)探索性工作已逐步演變成 Flutter 的核心引擎。
最熱門的開放源代碼項(xiàng)目之一:https://github.com/flutter/flutter 1.0 版本:https://developers.googleblog.com/2018/12/flutter-10-googles-portable-ui-toolkit.html Dart 平臺:https://dart.dev/
毋庸置疑,高性能的便攜式界面框架具有巨大的商業(yè)潛力。該框架可以通過單個(gè)代碼庫來為各種設(shè)備提供量身定制的出色體驗(yàn)。
對于創(chuàng)業(yè)公司來說,這讓他們能夠通過同一個(gè)應(yīng)用在移動(dòng)端、Web 端或桌面端接觸用戶。如此一來,他們從一開始就能全面覆蓋所有用戶,而不會(huì)受到技術(shù)上的限制。對于大型組織來說尤其如此,因?yàn)樗麄兡軌蚴褂猛粋€(gè)代碼庫為所有用戶提供相同的體驗(yàn),而這會(huì)降低工作復(fù)雜度和開發(fā)成本,更加專注于提升相關(guān)體驗(yàn)的質(zhì)量。
實(shí)現(xiàn)對移動(dòng)、桌面和網(wǎng)絡(luò)應(yīng)用的支持后,我們肩負(fù)更大的使命: 我們要構(gòu)建最佳框架,以便為所有屏幕開發(fā)出色體驗(yàn)。
我們即將發(fā)布 Web 版 Flutter 的首個(gè)技術(shù)預(yù)覽版。雖然這項(xiàng)技術(shù)還在開發(fā)中,但我們準(zhǔn)備邀請嘗鮮者來試用并提供反饋。對于 Web 版 Flutter,我們的最初設(shè)想并不是將其用作文檔體驗(yàn) (針對其優(yōu)化 HTML ) 的通用替代品;相反,我們打算通過這種有效方式構(gòu)建高度交互和圖形豐富的內(nèi)容,從而切實(shí)感受到成熟界面框架所帶來的益處。
為了展示 Web 版 Flutter,我們與《紐約時(shí)報(bào)》合作構(gòu)建了一個(gè)演示版本。《紐約時(shí)報(bào)》不僅是世界一流的新聞媒體,而且以設(shè)計(jì)縱橫字謎等益智游戲而聞名。由于狂熱的解謎玩家希望能在當(dāng)時(shí)使用的任何設(shè)備上玩游戲,所以《紐約時(shí)報(bào)》的開發(fā)團(tuán)隊(duì)把目光轉(zhuǎn)向 Flutter,將其作為滿足讀者需求的潛在解決方案。發(fā)現(xiàn)能夠利用同一組代碼訪問網(wǎng)頁給他們帶來了巨大裨益。在 Google I/O 大會(huì)上,您可以率先了解他們最近更新的 KENKEN 解謎游戲。該游戲利用同一組代碼在 Android、iOS、Web、Mac 和 Chrome 操作系統(tǒng)上運(yùn)行。
以下是《紐約時(shí)報(bào)》解謎游戲執(zhí)行總監(jiān) Eric von Coelln 對 Flutter 使用體驗(yàn)的看法:
"《紐約時(shí)報(bào)》縱橫字謎游戲的單獨(dú)訂閱數(shù)量已超過 40 萬份,玩這款游戲已經(jīng)成為解謎者每天必做的事情。除了縱橫字謎游戲,我們還開發(fā)了數(shù)字解謎游戲,每個(gè)月都吸引了超過 200 萬名解謎者。
我們已經(jīng)開始探索 Flutter,并將其作為快速開發(fā)有趣和優(yōu)質(zhì)的移動(dòng)體驗(yàn)這一挑戰(zhàn)的潛在解決方案。現(xiàn)在,我們能夠在 Web 端發(fā)布游戲,這使 Flutter 成為在所有用戶平臺快速部署內(nèi)容的更具吸引力的選擇。之前基于 Flash 的 KenKen 游戲經(jīng)過更新,能夠提供多平臺的暢玩體驗(yàn)。今年我們很高興能為解謎者帶來全新體驗(yàn)。"
由于篇幅有限,我們無法在此一一詳述 Web 版 Flutter。若有興趣,請前往 Flutter 博客,閱讀專門介紹 Web 版 Flutter 的文章。
鑒于目前處于早期開發(fā)階段,我們非常希望收到您的反饋,了解您希望如何使用 Web 版 Flutter。我們希望以性能為重中之重,快速開發(fā)代碼,并與 Flutter 項(xiàng)目的其他部分協(xié)調(diào)代碼庫。
更新的 KENKEN 解謎游戲:https://www.nytimes.com/games/prototype/kenken#/ 專門介紹 Web 版 Flutter 的文章:https://medium.com/flutter-io/bringing-flutter-to-the-web-904de05f0df0
我們還會(huì)升級核心 Flutter 框架,并會(huì)在穩(wěn)定版渠道立即提供 Flutter 1.5。根據(jù)開發(fā)者的反饋,我們對 Flutter 1.5 進(jìn)行了數(shù)百處更改,包括對全新應(yīng)用商店 iOS SDK 要求、iOS 和材料微件的更新,新增對新設(shè)備類型的引擎支持,以及對具有最新 UI-as-code 語言特征的 Dart 2.3 作出改進(jìn)。
隨著框架本身逐漸成熟,我們正在設(shè)法構(gòu)建支持生態(tài)系統(tǒng)。Flutter 的架構(gòu)模型一貫優(yōu)先考慮小型核心框架,并輔以豐富的軟件包社區(qū)。在過去的幾個(gè)月,Google 為網(wǎng)頁視圖、Google 地圖和 Firebase ML Vision 提供了產(chǎn)品級質(zhì)量的軟件包。我們還將新增對應(yīng)用內(nèi)支付的初步支持。得益于 2,000 多個(gè)適用于 Flutter 的開放源代碼軟件包,大多數(shù)場景均有合適的選擇。 在今年的 I/O 上,我們宣布推出一個(gè)尤其令人振奮的項(xiàng)目,即 ML Kit 自定義圖像分類器。該工具利用 Flutter 和 Firebase 構(gòu)建,可為創(chuàng)建自定義圖像分類模型提供基于應(yīng)用的簡易工作流。您可以使用手機(jī)的攝像頭收集訓(xùn)練數(shù)據(jù)、邀請他人為您的數(shù)據(jù)集貢獻(xiàn)素材、觸發(fā)模型訓(xùn)練以及使用訓(xùn)練過的模型,這些操作都可以在同一個(gè)應(yīng)用中實(shí)現(xiàn)。
Flutter 越來越受歡迎,使用人數(shù)也越來越多。有需求的客戶不斷增加,其中包括 eBay、Sonos、Square、Capital One、Alibaba 和 Tencent。這些公司正在利用 Flutter 開發(fā)應(yīng)用,并從中發(fā)現(xiàn)樂趣!以下是 eBay 的高級開發(fā)者 Larry McKenzie 對 Flutter 的看法:
"Flutter 運(yùn)行速度很快!過去需要很多天才能實(shí)現(xiàn)的功能,現(xiàn)在只需一天就能完成。過去我們花費(fèi)很多時(shí)間處理的問題,如今再也不會(huì)發(fā)生了。我們的團(tuán)隊(duì)現(xiàn)在可以專注于創(chuàng)建更出色的用戶體驗(yàn)和提供相關(guān)功能。Flutter 讓我們能夠超越期望!"
從更廣泛的角度上看,LinkedIn 最近進(jìn)行的一項(xiàng)研究顯示,根據(jù)網(wǎng)站成員在過去一年中所添加的個(gè)人資料,Flutter 是軟件工程師中增長最快的一項(xiàng)技能。在最近的 2019 年 StackOverflow 開發(fā)者調(diào)查問卷中,F(xiàn)lutter 被列為最受歡迎的開發(fā)者框架之一。
Flutter 目前也被用于桌面平臺。在過去幾個(gè)月,我們一直在研究桌面平臺這一實(shí)驗(yàn)性項(xiàng)目。但現(xiàn)在該項(xiàng)目逐漸演變成 Flutter 引擎,并將這項(xiàng)工作直接集成到 mainline repo 中。盡管這些目標(biāo)尚未在生產(chǎn)環(huán)境中部署,但我們已發(fā)布早期說明,以便開發(fā)在 Mac、Windows 和 Linux 上運(yùn)行的 Flutter 應(yīng)用。
另一個(gè)快速發(fā)展的 Flutter 平臺是 Chrome 操作系統(tǒng),每年售出的 Chromebook 多達(dá)數(shù)百萬臺,尤其是在教育領(lǐng)域。無論是運(yùn)行 Flutter 應(yīng)用,還是作為開發(fā)者平臺,Chrome 操作系統(tǒng)都為 Flutter 提供了絕佳環(huán)境,因?yàn)樵撓到y(tǒng)支持執(zhí)行 Android 和 Linux 應(yīng)用。借助 Chrome 操作系統(tǒng),您可以使用 Visual Studio Code 或 Android Studio 來開發(fā) Flutter 應(yīng)用,并在沒有模擬器的情況下使用同一臺設(shè)備本機(jī)測試和運(yùn)行應(yīng)用。您還可以在 Play Store 發(fā)布適用于 Chrome 操作系統(tǒng)的 Flutter 應(yīng)用,讓數(shù)百萬用戶因您的創(chuàng)作而受益。
實(shí)驗(yàn)性項(xiàng)目:https://github.com/google/flutter-desktop-embedding 早期說明:https://github.com/flutter/flutter/wiki/Desktop-shells
舉例說明 Flutter 便攜性的最后,我們將介紹可嵌入其他設(shè)備的 Flutter。最近我們發(fā)布了一些示例,演示了直接在 Raspberry Pi 等小型設(shè)備上運(yùn)行 Flutter 的情況。我們還為 Flutter 開發(fā)了一個(gè)嵌入式 API,以便將其用于家庭和汽車等場景。
Smart Display 操作系統(tǒng)或許是 Flutter 目前已運(yùn)行的最常見嵌入式平臺之一,其為類似于 Google Home Hub 的設(shè)備提供技術(shù)支持。
目前在 Google 中,Smart Display 平臺的部分 Google 自建功能由 Flutter 提供技術(shù)支持。Google 助理團(tuán)隊(duì)很高興能夠在接下來的幾個(gè)月繼續(xù)擴(kuò)展通過 Flutter 為 Smart Display 構(gòu)建的各項(xiàng)功能;而今年的目標(biāo)是利用 Flutter 來驅(qū)動(dòng)整個(gè)系統(tǒng)界面。
示例:https://medium.com/flutter-io/flutter-on-raspberry-pi-mostly-from-scratch-2824c5e7dcb1 嵌入式 API:https://github.com/flutter/flutter/wiki/Custom-Flutter-Engine-Embedders
開發(fā)者經(jīng)常詢問我們?nèi)绾瓮瓿?Flutter 入門。現(xiàn)在我們很高興地宣布推出全新的綜合性 Flutter 培訓(xùn)課程。該課程由 Udemy 上評分最高的 iOS 培訓(xùn)課程的制作者 The App Brewery 構(gòu)建。他們的最新課程涵蓋 30 多個(gè)小時(shí)的 Flutter 內(nèi)容,其中包括視頻、演示和實(shí)驗(yàn)。在 Google 的贊助下,The App Brewery 宣布推出此課程的限時(shí)折扣,原來的零售價(jià)為 199 美元,現(xiàn)只需 10 美元。
許多開發(fā)者正在利用 Flutter 開發(fā)振奮人心的應(yīng)用。在 Google I/O 大會(huì)的籌備階段,我們舉辦了名為 Flutter Create 的挑戰(zhàn)賽,鼓勵(lì)開發(fā)者使用不超過 5KB 的 Dart 代碼通過 Flutter 構(gòu)建內(nèi)容。我們收到來自世界各地的 750 多個(gè)獨(dú)特參賽作品,其中一些作品讓我們大開眼界,誰能想到如此少的代碼竟然能創(chuàng)造出如此精彩的作品。
我們在此宣布獲勝者,您可前往 flutter.dev/create 查看獲勝名單。祝賀總冠軍 Zebiao Hu,其將榮獲價(jià)值超過 1 萬美元的全加載式 iMac Pro!
Flutter 不再只是一個(gè)移動(dòng)框架,更是一個(gè)多平臺框架,可幫助您觸及任何地方的用戶。我們迫不及待地看到您利用 Flutter 在 Web、桌面、移動(dòng)及其他平臺上構(gòu)建的內(nèi)容!
全新的綜合性 Flutter 培訓(xùn)課程:https://www.appbrewery.co/p/flutter-development-bootcamp-with-dart/ The App Brewery:https://www.appbrewery.co/ flutter.dev/create:https://flutter.dev/create 多平臺框架:https://www.youtube.com/watch?v=5VbAwhBBHsg&feature=youtu.be
大家如何看待Flutter的出現(xiàn),它有可能顛覆傳統(tǒng)的技術(shù)棧嗎?
人人都是產(chǎn)品經(jīng)理【起點(diǎn)學(xué)院】,BAT實(shí)戰(zhàn)派產(chǎn)品總監(jiān)手把手系統(tǒng)帶你學(xué)產(chǎn)品、學(xué)運(yùn)營。
產(chǎn)品設(shè)計(jì)時(shí)細(xì)節(jié)是產(chǎn)品經(jīng)理最頭疼的問題,一個(gè)button,一個(gè)鏈接都要考慮太多的細(xì)節(jié)問題。作者整理了常見的一些功能設(shè)計(jì)問題,一篇文章看懂這些功能設(shè)計(jì)。來學(xué)習(xí)吧。
鏈接也稱為超鏈接,所謂的超鏈接是指從一個(gè)網(wǎng)頁指向一個(gè)目標(biāo)的連接關(guān)系,這個(gè)目標(biāo)可以是另一個(gè)網(wǎng)頁,也可以是相同網(wǎng)頁上的不同位置,還可以是一個(gè)圖片,一個(gè)電子郵件地址,一個(gè)文件,甚至是一個(gè)應(yīng)用程序。而在一個(gè)網(wǎng)頁中用來超鏈接的對象,可以是一段文本或者是一個(gè)圖片。當(dāng)瀏覽者單擊已經(jīng)鏈接的文字或圖片后,鏈接目標(biāo)將顯示在瀏覽器上,并且根據(jù)目標(biāo)的類型來打開或運(yùn)行。
鏈接可以是一個(gè)字或是一段字這樣的文本,也可以是一個(gè)按鈕,一張圖片,當(dāng)你點(diǎn)擊后跳轉(zhuǎn)到另一個(gè)目標(biāo),當(dāng)你把鼠標(biāo)指針移到某個(gè)鏈接時(shí)會(huì)變成一個(gè)小手,當(dāng)然在手機(jī)上沒有這一特點(diǎn)。
文本樣式的鏈接一般在搜索引擎的網(wǎng)站呈現(xiàn)藍(lán)色字樣,大多會(huì)在下面加上下劃線以便識別,不過現(xiàn)如今考慮到不影響文本的可讀性與用戶體驗(yàn),逐漸取消了下劃線。而在一些別的網(wǎng)站考慮到界面設(shè)計(jì)風(fēng)格各方面的因素而不用藍(lán)色。
谷歌的文本鏈接是藍(lán)色,沒有下劃線
百度的文本鏈接也是藍(lán)色,關(guān)鍵詞是紅色,有下劃線
而京東的文本鏈接有灰色,有白色,有黑色
按鈕樣式的鏈接比文本樣式的更容易識別,每一個(gè)按鈕都是一樣鏈接。
按鈕樣式鏈接
圖片樣式的鏈接可以是單獨(dú)的一張圖片,也可以是文字與按鈕一起組成一張圖片,只是鼠標(biāo)指針掃過圖片的任何一個(gè)部位都會(huì)變成小手。
如桌面彈出這種游戲小窗口的圖片式鏈接
由文字/圖/按鈕樣式一起構(gòu)成的一張圖片式按鈕,鼠標(biāo)可以點(diǎn)擊圖中任何一部位
鏈接打開的方式有三種:第一種是在當(dāng)前頁面刷新跳轉(zhuǎn),國外的網(wǎng)站大多是這樣的打開式;第二種是在新標(biāo)簽頁面打開鏈接,國內(nèi)大多采用這種;第三種是提示用APP打開。當(dāng)然現(xiàn)在出現(xiàn)了一種新的打開方式,那就是二維碼掃描。
提示用美拍APP打開
按照連接路徑的不同,網(wǎng)頁中超鏈接一般分為以下3種類型:內(nèi)部鏈接,錨點(diǎn)鏈接和外部鏈接。
鏈接還可以分為動(dòng)態(tài)鏈接和靜態(tài)鏈接。動(dòng)態(tài)超鏈接指的是可以通過改變HTML代碼來實(shí)現(xiàn)動(dòng)態(tài)變化的鏈接,例如我們可以實(shí)現(xiàn)將鼠標(biāo)移動(dòng)到某個(gè)文字鏈接上,文字就會(huì)象動(dòng)畫一樣動(dòng)起來或改變顏色的效果,也可以實(shí)現(xiàn)鼠標(biāo)移到圖片上圖片就產(chǎn)生反色或朦朧等等的效果。而靜態(tài)鏈接,顧名思義,就是沒有動(dòng)態(tài)效果的鏈接。
與外部鏈接(即反向鏈接)相反,內(nèi)部鏈接是指同一網(wǎng)站域名下的內(nèi)容頁面之間互相鏈接。如頻道、欄目、終極內(nèi)容頁之間的鏈接,乃至站內(nèi)關(guān)鍵詞之間的Tag鏈接都可以歸類為內(nèi)部鏈接,因此內(nèi)部鏈接我們也可以稱之為站內(nèi)鏈接,對內(nèi)部鏈接的優(yōu)化其實(shí)就是對網(wǎng)站的站內(nèi)鏈接的優(yōu)化。
HTML中的鏈接,正確的說法應(yīng)該稱作"錨點(diǎn)",它命名錨點(diǎn)鏈接(也叫書簽鏈接)常常用于那些內(nèi)容龐大繁瑣的網(wǎng)頁,通過點(diǎn)擊命名錨點(diǎn),不僅讓我們能指向文檔,還能指向頁面里的特定段落,更能當(dāng)作"精準(zhǔn)鏈接"的便利工具,讓鏈接對象接近焦點(diǎn)。便于瀏覽者查看網(wǎng)頁內(nèi)容。類似于我們閱讀書籍時(shí)的目錄頁碼或章回提示。在需要指定到頁面的特定部分時(shí),標(biāo)記錨點(diǎn)是最佳的方法。
外部鏈接,又常被稱為:“反向鏈接”或“導(dǎo)入鏈接”,是指通過其他網(wǎng)站鏈接到你的網(wǎng)站的鏈接。
外部鏈接指的是針對搜索引擎,與其它站點(diǎn)所做的友情鏈接。高質(zhì)量的外部鏈接指:和你的網(wǎng)站建立鏈接的網(wǎng)站知名度高,訪問量大,同時(shí)相對的外部鏈接較少,有助于快速提升你的網(wǎng)站知名度和排名的其他網(wǎng)站的友情鏈接。
如果按照使用對象的不同,網(wǎng)頁中的鏈接又可以分為:文本超鏈接,圖像超鏈接,E-mail鏈接,錨點(diǎn)鏈接,多媒體文件鏈接,空鏈接等。
鏈接是一種對象,它以特殊編碼的文本或圖形的形式來實(shí)現(xiàn)鏈接,如果單擊該鏈接,則相當(dāng)于指示瀏覽器移至同一網(wǎng)頁內(nèi)的某個(gè)位置,或打開一個(gè)新的網(wǎng)頁,或打開某一個(gè)新的WWW網(wǎng)站中的網(wǎng)頁。
鏈接在交互上一般會(huì)呈現(xiàn)4種狀態(tài),即默認(rèn)狀態(tài)/懸停時(shí)狀態(tài)/點(diǎn)擊時(shí)狀態(tài)/點(diǎn)擊后狀態(tài)。比如谷哥網(wǎng)站的交互體驗(yàn)。如下圖:
點(diǎn)擊前
懸停時(shí),下面浮現(xiàn)半透明線條
點(diǎn)擊時(shí),有波紋暈開的動(dòng)態(tài)效果
點(diǎn)擊后,下面線條粗
有時(shí)候是3種狀態(tài),比如百度網(wǎng)和知乎應(yīng)用:
默認(rèn)狀態(tài)
點(diǎn)擊時(shí)鏈接變紅
點(diǎn)擊后鏈接變成紫色
IOS系統(tǒng)知乎應(yīng)用的3種狀態(tài),而在Android系統(tǒng)沒有用力點(diǎn)擊這一狀態(tài)。
默認(rèn)狀態(tài)
點(diǎn)擊狀態(tài)
用力點(diǎn)擊會(huì)彈出預(yù)覽小窗口
有些時(shí)候只有2種狀態(tài),如下圖谷歌網(wǎng):
默認(rèn)和點(diǎn)擊后狀態(tài)一樣
鼠標(biāo)懸停時(shí)出現(xiàn)下劃線
默認(rèn)狀態(tài)
點(diǎn)擊時(shí)
而有時(shí)候比如在APP里有時(shí)候就一直只有一種狀態(tài),也可以稱靜態(tài)鏈接,之前的可以稱之為動(dòng)態(tài)鏈接。在不同的使用場景會(huì)因?yàn)楫?dāng)時(shí)的情況選擇最合適的交互體驗(yàn)設(shè)計(jì)。有的情況下還會(huì)加上點(diǎn)擊的音效,使用戶體驗(yàn)更暢快,這在移動(dòng)端用的使用情況多一些。
總之鏈接是網(wǎng)頁不可缺少的構(gòu)成部分,每一個(gè)鏈接的呈現(xiàn)都是經(jīng)過深思熟慮的。
作者:潘瑤瓊(簡書作者)
本文由 @潘瑤瓊 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。
*請認(rèn)真填寫需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。