|
2021年讓您體驗別樣的光標(biāo)效果
當(dāng)涉及到網(wǎng)站設(shè)計中最微小的趨勢時,光標(biāo)的操縱絕對是贏家。它不辜負標(biāo)題,并為體驗做出了重要貢獻。 關(guān)于鼠標(biāo)技巧的妙處在于,您可以確定它們不會被忽視或忽略,因為訪問者一定會在屏幕上拖動光標(biāo)。無論您選擇哪種方式來娛樂聽眾,用戶的手都可能滑倒,并且鼠標(biāo)光標(biāo)至少會移動以關(guān)閉瀏覽器選項卡。而且,您基于鼠標(biāo)交互的巧妙解決方案將被世人了解,從而為您提供額外的機會來增強效果或贏得用戶。 寂寞而引人注目的效果 我們已經(jīng)目睹了與鼠標(biāo)有關(guān)的幾個令人興奮的最重要的趨勢。有了開創(chuàng)性的庫以良好的方式加油,不抓住機遇是一個罪過。 起初,由于尺寸小和其他限制,這似乎不太可能讓您的想象力瘋狂。但實際上,您可以做很多事情。這方面的嶄新趨勢清楚地證明了這一點。 當(dāng)您偶然發(fā)現(xiàn)黑屏?xí)r(如下面的屏幕截圖所示),您可能會想到離開。從離開到永不回來的唯一方法就是這種小小的鼠標(biāo)交互作用。是的,它很小。是的,這只是一個圓圈。是的,它以其趣味性和易用性節(jié)省了一天的時間。 它花時間,并給網(wǎng)站多幾秒鐘的時間來使自己團結(jié)起來,并展示其所能提供的最好的服務(wù)。這是一個簡單而優(yōu)雅的解決方案,它帶來了與眾不同的世界,不用說增加用戶體驗了。
Yukie Nail New York 以Yukie Nail New York為例,光標(biāo)不僅被轉(zhuǎn)換為空心的中型圓圈,而且還提供了與畫布互動的機會。移動光標(biāo)會在整個位置留下漣漪,大大增加了逼真的水面。
Flixxo Flixxo是致力于視頻分發(fā)的網(wǎng)站。在這里,選擇了一個光滑邊緣的三角形,使我們想起“播放”按鈕,以此作為裝飾元素。隨處可見,鼠標(biāo)光標(biāo)也不例外。它還具有三面形狀。問題在于,這個微小的基本多邊形完美地融合在一起,很難注意到。為了使它脫穎而出,團隊增加了一個明亮的中型圓圈,自然會引起人們的注意。
BLKOUT BLKOUT背后的團隊使用相同的技巧。在這里,主頁有點不知所措。視頻背景嘈雜,視差效果和晃動的標(biāo)語。一切都聚集在主屏幕之下,一開始就看不見鼠標(biāo)光標(biāo)。但是,由于它的圓形朋友,我設(shè)法找到了它。解決方案是挽救生命。
Niccolo Miranda/ Sarto自行車 在第一個示例中,鼠標(biāo)光標(biāo)會在黑暗的界面中引導(dǎo)游客,就像陽光下的舞動斑點一樣。它還補充了整個美學(xué),增加了創(chuàng)造力。
Sarto自行車背后的團隊使用兩種類型的鼠標(biāo)尾巴。第一個向觀眾致意。這是一個相對較大的圓圈,里面寫有說明。當(dāng)用戶進入網(wǎng)站時,第二個出現(xiàn)。它具有菱形形狀和顏色,根據(jù)表面的不同,其色調(diào)會從白色變?yōu)楹谏_@樣,鼠標(biāo)始終與背景形成對比。
游標(biāo)作為純裝飾 盡管在前面的示例中,光標(biāo)操作在為用戶創(chuàng)建舒適的環(huán)境中起著至關(guān)重要的作用,但在某些情況下,它僅僅是純粹的裝飾元素,為總體設(shè)計增添了色彩。 Ambitious Zevenbergen/Denton Design/Icone Ambitious Zevenbergen具有美麗的女性美感。它在內(nèi)容和圖形填充之間取得了平衡。在這里,不斷嘗試捕捉小點的可愛的大粉紅色圓圈只是完成設(shè)計的迷人細節(jié)。
在Denton Design的網(wǎng)站上,光標(biāo)的形狀是雞蛋,與放置在前面的鳥的大圖片非常吻合。此外,著色與通用方案相呼應(yīng)-很好地配合了設(shè)計。
Icone背后的團隊避免使用原始的鼠標(biāo)光標(biāo)形狀(又稱箭頭)。在這里,它是帶有次要音調(diào)的獨特邊框的戒指。光標(biāo)的空心設(shè)計與線條樣式圖形和輪廓版式一起使用,實現(xiàn)了設(shè)計的和諧。您當(dāng)然可以在這里沒有它,但是它有其魅力。 提出你的觀點 在使Web項目交互時,開發(fā)創(chuàng)意是不可阻擋的。鼠標(biāo)交互不僅有助于維持用戶的等待狀態(tài),而且還有助于在UI與用戶之間建立有效的通信模式。 |