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