網(wǎng)頁設(shè)計(jì)師似乎傾向于使用我們唯一的設(shè)備來移動(dòng)屏幕。毫無疑問,游戲現(xiàn)在越來越受歡迎。造成這種情況的原因可能有所不同:從簡(jiǎn)單的遠(yuǎn)離一切普通的愿望開始,最后是燃燒的野心,使網(wǎng)絡(luò)變得更好。
我們已經(jīng)進(jìn)入了互動(dòng)界面的時(shí)代。鼠標(biāo)光標(biāo)是所有這些宏偉解決方案的組成部分。為了滿足當(dāng)前的需求并幫助創(chuàng)建無縫體驗(yàn),它經(jīng)歷了一些變化是合乎邏輯的。
似乎現(xiàn)在是通過拋棄無聊的箭頭并選擇更優(yōu)雅和精致的東西來進(jìn)行一些形狀實(shí)驗(yàn)的時(shí)候了,比如一個(gè)圓圈。圓形形狀理想地融入現(xiàn)代界面與交互式畫布和動(dòng)畫。感覺自然而親切。而且,它總是在逼近 - 不引人注意地吸引注意力。
最新藝術(shù)項(xiàng)目 / Maraka
讓我們考慮一下Last Art Projects和Maraka,他們的團(tuán)隊(duì)利用這一微小趨勢(shì)發(fā)揮優(yōu)勢(shì)。
Last Art Projects有一個(gè)漂亮的雙色主題,有線條插圖和空心裝飾。在這里,光標(biāo)與概念完美匹配。它由兩個(gè)圓圈組成。前面的環(huán)是一個(gè)光標(biāo),而后面的一個(gè)黑色圓圈是尾巴。它們看起來像一個(gè)自然將注意力集中在屏幕上的目標(biāo)。
Maraka改變了光標(biāo)形狀,但不僅僅是為了裝飾目的。在這里,它被用作在線訪問者的視覺提示。因此,當(dāng)它感覺到您想要在幻燈片中循環(huán)時(shí),它會(huì)顯示左箭頭或右箭頭。當(dāng)您點(diǎn)擊目標(biāo)區(qū)域(如鏈接,標(biāo)題或?qū)Ш剑r(shí),它會(huì)變成一個(gè)規(guī)則的實(shí)心圓(具有相對(duì)較大的半透明次圓)。
這兩個(gè)例子向我們展示了一個(gè)簡(jiǎn)單的圓形形狀如何創(chuàng)造奇跡。它的行為如此自然而優(yōu)雅,讓它感覺像是所有現(xiàn)代奢侈品的理想搭檔。我們還要考慮一些其他奇妙的例子。
郭寅麥
Kwok Yin Mak擁有寬敞的設(shè)計(jì),傳統(tǒng)的黑白色和垂直節(jié)奏。日本人在這里偷走節(jié)目。氣氛精致而真實(shí)。你必須承認(rèn),默認(rèn)箭頭形狀在這里看起來很原始,但圓形是另一回事。它與所有細(xì)節(jié)完美搭配,讓人感覺賓至如歸。
Prime Park Sessions
Prime Park Sessions的設(shè)計(jì)以美麗的幾何美學(xué)為標(biāo)志。復(fù)雜的多邊形大象,位于兩側(cè)的垂直導(dǎo)航,以及大量的白色空間。在這里,光標(biāo)的小黑點(diǎn)像手套一樣,巧妙地滿足主題。
Cartesiam
雄偉的波浪形狀為Cartesiam奠定了基調(diào)。英雄區(qū)域擁有明亮流暢的美麗抽象動(dòng)畫。這里鼠標(biāo)光標(biāo)是一個(gè)相對(duì)較大的圓圈,具有中等透明度。由于其神圣的曲線和平滑的行為,它自然吸引眼球,同時(shí)完美地適合漂亮的隨行人員。
Eum Ray
Eum Ray 的產(chǎn)品組合具有一定的個(gè)性。藝術(shù)家渴望展現(xiàn)他的內(nèi)心天才。因此,這里的所有內(nèi)容都經(jīng)過深思熟慮并不奇怪。甚至鼠標(biāo)光標(biāo)也從人群中脫穎而出,具有中空風(fēng)格和圓形形狀。
playground
這種趨勢(shì)還用于確定優(yōu)先級(jí),為關(guān)鍵細(xì)節(jié)增加視覺權(quán)重。看看這個(gè)吧。
Playground背后的團(tuán)隊(duì)用了兩個(gè)圈子。小圓圈用作光標(biāo),而大圓圈用作“跟隨者”。它們一起使屏幕上的動(dòng)作更加突出。并非全部:指針有兩種類型的行為。當(dāng)光標(biāo)碰到滑塊,漢堡按鈕或鏈接時(shí) - 它會(huì)增長(zhǎng),暗示這些元素的重要性。當(dāng)它離開這些區(qū)域時(shí),它會(huì)縮回到常規(guī)尺寸,讓訪問者可以毫不費(fèi)力地探索界面。
Tappezzeria Novecento
Tappezzeria Novecento擁有一個(gè)內(nèi)容豐富的英雄區(qū)域,擁有大圖像和大量?jī)?nèi)容。設(shè)計(jì)背后的團(tuán)隊(duì)決定讓光標(biāo)更加突出,這是很自然的。就像Playground的情況一樣,它有兩個(gè)圓圈:一個(gè)是光標(biāo)本身,另一個(gè)是它的尾巴。它也有類似的著色,使其成為完美的點(diǎn)睛之筆。
Mallar andClaret
Mallard和Claret證明圓形鼠標(biāo)光標(biāo)可以找到它的位置,即使在最常見的網(wǎng)站類型中也是如此。實(shí)際上,你會(huì)發(fā)現(xiàn)兩個(gè)圓形。第一個(gè)是頁腳部分的鏈接,也恰好是某種標(biāo)識(shí)。另一個(gè)是鼠標(biāo)光標(biāo)。它小而活潑。它使這個(gè)博客上的用戶體驗(yàn)比平時(shí)更有趣。
Gucci的禮物
這里的大牌,但遺憾的是不是一個(gè)很好的例子。Gucci的禮物也有一個(gè)圓形鼠標(biāo)光標(biāo)。它確實(shí)增加了它的魅力,與動(dòng)態(tài)畫布的互動(dòng)感覺更自然。然而,背景和前景之間的對(duì)比度差,破壞了用戶體驗(yàn)。粉紅色的背景幾乎看不到黃金圓圈。好可惜。
額外工具:Cursomizer
如果您準(zhǔn)備放棄通用箭頭形狀的光標(biāo),那么我們有一個(gè)令人興奮的項(xiàng)目需要檢查。它被稱為Cursomizer。它完成它所說的 - 讓你自定義光標(biāo)。這是一個(gè)小型游樂場(chǎng),您可以在其中設(shè)置光標(biāo)的大小,顏色,懸停效果和點(diǎn)擊效果,并在實(shí)時(shí)預(yù)覽中欣賞其最終外觀和行為。這非常方便。