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