大光標:為更好的 Web 指明道路
已發表: 2020-04-29這些天用鼠標指針進行了各種實驗。 考慮一下我們最近關於光標效果和網頁設計中使用圓形光標的帖子。 感覺就像我們沉迷於這個指示我們在計算機屏幕上移動的微型設備。 毫無疑問,對這個主題有一個固定。
野外有許多令人興奮的解決方案,但其中大多數只是裝飾性的盛會,其目的是給人留下深刻印象。 但是如何讓網絡變得更好呢? 這個領域有一個小解決方案,旨在增強用戶體驗,而不是為項目的娛樂性做出貢獻。 讓我們仔細考慮一下。
更大的光標——更好的用戶體驗
有兩件重要的事情使這一趨勢具有相關性。
首先,在大多數情況下,這些開發人員已經拋棄了瑣碎的箭頭,轉而支持圓形。 偏好不可避免地會轉向圓形鼠標光標,因此這裡沒有任何意外。
第二件事是關於鼠標行為本身。 像所有偉大的想法一樣,這個想法很簡單。 當光標進入徽標、鏈接、社交媒體圖標、導航等關鍵區域時,它會變得更加突出,以突出它們的重要性。 它可以改變大小、顏色或透明度。
該解決方案以多種方式使界面受益,例如:
- 它使事情變得更有趣;
- 它使界面免於平凡;
- 它改善了用戶交互;
- 它使網站的探索比平時更直觀。
從本質上講,這並不是什麼新鮮事。 我們習慣於使用懸停效果來使網站的微小細節,例如導航鏈接或按鈕在交互時突出。
不過下面的美工們走得更遠了一點,從另一側強制光標增強了交互。 這個想法很棒。 讓我們考慮這些奇妙的例子。
珠穆朗瑪峰機構
考慮珠穆朗瑪峰機構作為這一趨勢的代表性例子。
這是一個典型的現代網站。 在最新技術的幫助下建造,它看起來精緻而優雅。 有一個小而復雜的滑塊,可以產生良好的印象。 該網站充滿了時尚的功能。
至於鼠標光標,它是一個普通的箭頭指針——有一個扭曲。 它由一個簡單的圓圈勾勒出來。 當光標碰到菜單的某個區域時,圓形尾部會變大並將元素帶到聚光燈下。 在這裡,解決方案讓人感到賓至如歸。
媒體樹
Media Tree 擁有真正乾淨和朴素的美學。 登陸頁面感覺清新,清爽,令人難以置信的通風。 起到鼠標光標作用的實心中等大小的紅色圓圈落入了這裡的自然焦點。 它不僅影響網站的導航元素,還影響內容。 更重要的是,它甚至提供了微小的提示,向用戶展示他們需要做什麼才能看到更多。 在這樣一個極簡主義的環境中,這些俏皮的澄清正是醫生所要求的。
快樂在線
快樂在線從幾何吸引力中獲得美感。 一堆五顏六色的,相對較大的三角形豐富了設計。 有很多盒子和條紋。 在這裡,帶有圓形軌蹟的光標完美地融入其中。每個鏈接在懸停時都會得到額外的關注。 簡單、優雅、樂於助人。
Uptec
與前面的示例非常相似,使用具有額外功能的圓形光標對於 Uptec 來說是完全合乎邏輯的。 請注意散佈在英雄區域的巨大空心圓圈。 他們使歡迎部分看起來很無聊。
還有豎線和空心排版。 在這裡,圓形光標非常適合隨行人員。 該團隊還添加了脈動效果,使其看起來像一個小型跟踪設備,您可以在需要時快速找到它。 當它懸停在徽標、鏈接、語言切換器和圖像上時,它會改變其大小、透明度和行為——表明其中隱藏了一些有趣的東西。
德容根斯·范博文
雖然在前面的例子中,這種趨勢感覺像是一個令人愉快的獎勵,但在德容根斯范博文的例子中,它是一種必需品。 該網站有一個視覺沉重的英雄區域,有很多層次、幾何細節和裝飾效果。 因此,您可以輕鬆跟踪的相對較大尺寸的充滿活力的指針是必備的。
在這裡,您可以看到一個由兩個圓圈組合而成的鼠標光標。 第一個小而堅固,而第二個大而半透明。 它通過更改其大小來突出顯示導航組件。 它還根據幻燈片改變顏色,增強設計的一致性。
威沃
很像前面的例子,Wewo也有一個複雜的英雄區域。 雖然沒有奇怪的動畫,但額外的圖層足以讓跟踪你的動作有點挑戰性。 因此,該解決方案非常適合。
請注意兩點:第一是團隊使用各種大小的光標來精確定位基本區域。 其次,紅外線效果可以豐富互動並使其變得有趣。
多米尼克·伯津斯
如果您覺得一個小圓圈不會對您的網站產生任何影響,您可以隨時採取極端措施,將其放大一百倍並迫使其留下引人注目的痕跡。 Dominic Berzins 在他傑出的個人作品集中體現了這一點。
他網站的美學以極簡主義為標誌,你當然不需要額外的幫助來突出重要的細節。 儘管如此,藝術家還是決定讓光標引人注目。
有些人可能認為這太過分了。 然而,它不僅在這裡像手套一樣適合,有助於整體主題,而且還可以作為“哇”的因素。 也就是說,沒有什麼要從字面上畫出你的運動軌跡。 聰明的。
變得更大更大膽
這一趨勢既令人興奮又充滿希望。 它的主要特點在於它既實用又有趣。 它肯定有利於用戶體驗。
我不能說鼠標光標是不可替代的東西,因為最近的研究表明,越來越多的人通過手機和平板電腦瀏覽互聯網。 但是,無論如何,都會有一類人更喜歡老式 PC 或筆記本電腦。 因此,它在陽光下永遠有自己的位置。
告訴我們,您如何看待大游標的使用? 你覺得有趣嗎? 有幫助嗎? 還是只是沒用?