滾動箭頭是一種常見的設(shè)計(jì)元素，許多網(wǎng)站使用小圖標(biāo)來幫助用戶向下導(dǎo)航頁面。這不是什么新鮮事，它作為一個視覺指示器已經(jīng)存在了幾十年。
幸運(yùn)的是，更多的設(shè)計(jì)師正在嘗試更有創(chuàng)意的方式來使用這些元素來創(chuàng)造更多的參與度和視覺興趣。無論是滾動箭頭本身的設(shè)計(jì)，還是它的擺放，還是動畫和視覺效果。工作中有很多創(chuàng)意！
這里有一個創(chuàng)造性的滾動箭頭設(shè)計(jì)的趨勢和方法，使它在您的項(xiàng)目中能更好地視覺表達(dá)。
 

創(chuàng)意卷軸箭頭設(shè)計(jì)趨勢是什么？

 

 

創(chuàng)造性的滾動箭頭設(shè)計(jì)趨勢是一個共同的元素有趣的扭曲。設(shè)計(jì)師們所做的不僅僅是在家庭英雄區(qū)的底部中間插上一個小箭頭。他們正在設(shè)計(jì)動畫、顏色、形狀和其他元素，將箭頭與設(shè)計(jì)的其余部分聯(lián)系起來，同時幫助指導(dǎo)用戶。
當(dāng)談到他的趨勢時，沒有規(guī)則，箭頭被用于各種類型的方式。在這里的所有例子中，你應(yīng)該點(diǎn)擊查看每一個設(shè)計(jì)的功能，從懸停狀態(tài)到動畫到縮放和放置。
 

如何識別這種設(shè)計(jì)趨勢

如果你仔細(xì)觀察，這是很容易發(fā)現(xiàn)的趨勢之一。有很多網(wǎng)站使用滾動箭頭；這里的箭頭有一個特殊的設(shè)計(jì)天賦，使他們脫穎而出。
由于顏色、形狀、大小、動畫效果或位置，您會注意到這些滾動箭頭。所有這些都有助于設(shè)計(jì)元素的創(chuàng)造性。

如何讓它為你工作

如果你想利用這種設(shè)計(jì)趨勢，讓創(chuàng)意成為你的向?qū)В?br /> 對于有大標(biāo)題的網(wǎng)站來說，滾動箭頭是一個很好的方向提示，這使得標(biāo)題下的內(nèi)容不那么明顯。(這也是這個設(shè)計(jì)元素變得如此流行的原因。)
你可以擁有滾動箭頭，讓它成為設(shè)計(jì)的一部分，而不僅僅是事后的想法。
這里沒有金科玉律；要有創(chuàng)意，創(chuàng)造一些與你要展示的主題相一致的東西。這個元素也可以是一個嘗試新技術(shù)的地方，例如一個有趣的動畫或懸停狀態(tài)，具有很高的上升空間和相當(dāng)?shù)偷娘L(fēng)險(因?yàn)榇蠖鄶?shù)人知道滾動，即使沒有箭頭)。
當(dāng)考慮如何在這里融入你的設(shè)計(jì)元素時，不要害怕設(shè)計(jì)一些超大的東西，就像上面的例子。而不是滾動箭頭如何占據(jù)屏幕的重要部分，并直接進(jìn)入“設(shè)計(jì)和繪制”主題。(還包括一個不能錯過的動畫。)這才是你應(yīng)該為之奮斗的那種理念。

例舉5個典型的例子

這種趨勢的例子還有很多，雖然不那么引人注目，但同樣令人印象深刻。這里有五個我們喜歡的網(wǎng)站設(shè)計(jì)趨勢的例子。

1、波普斯先生

Pops先生還使用了一個更大的滾動箭頭，整體風(fēng)格很時髦。右下角的彎曲箭頭幫助您從圖像移動到文本，向下滾動頁面查看更多內(nèi)容。
最右邊的位置是這種眼球追蹤運(yùn)動或模式的理想位置。

2、藍(lán)色瀉湖

Blue Lagoon對滾動箭頭采取了更傳統(tǒng)的方法，但強(qiáng)調(diào)了動畫和不太標(biāo)準(zhǔn)的放置。這里好的是箭頭與周圍元素相呼應(yīng)的簡單性。請注意標(biāo)題、副標(biāo)題和箭頭是如何落在同一個左側(cè)網(wǎng)格上的。
箭頭的顏色與網(wǎng)站設(shè)計(jì)的其余部分相匹配，文本右邊的所有分層元素幫助你回到左邊的元素。它簡單且極具吸引力。

3、光與奇跡

有時滾動箭頭根本不包括箭頭。Light & Wonder就是這種情況，它使用一條帶移動點(diǎn)的線來表示滾動交互。
雖然這里沒有使用傳統(tǒng)的箭頭，但是用戶應(yīng)該做什么是毫無疑問的。這是知道你的滾動箭頭設(shè)計(jì)是否有效的關(guān)鍵因素。從設(shè)計(jì)元素來看，下一步應(yīng)該采取什么行動是顯而易見的嗎？(就算它有一個不超級普通的觀感？)

4、世界醫(yī)師協(xié)會

這個滾動箭頭是顯而易見的，也是網(wǎng)站設(shè)計(jì)方向主題的一部分。這里的好處是箭頭被放在一個更大的有顏色的元素中，這樣它就不會丟失。你可能會遇到很多有滾動箭頭的網(wǎng)站，但是看起來他們似乎試圖在設(shè)計(jì)中隱藏它。
大膽去做吧。如果滾動箭頭是你設(shè)計(jì)計(jì)劃的一部分，不要覺得你需要隱藏它。擁有該元素，并使其與設(shè)計(jì)的其余部分一起工作。

5、珠峰UI學(xué)校

乍一看，珠穆朗瑪峰UI學(xué)校的滾動箭頭看起來并不壯觀。但是當(dāng)你滾動的時候，右邊欄的箭頭會跟著你移動。總是有運(yùn)動和互動的元素來幫助引導(dǎo)用戶的路徑。
這很有趣，讓你思考設(shè)計(jì)想要你做什么，或者交互應(yīng)該如何工作。復(fù)雜的動作和動畫與設(shè)計(jì)本身的簡單性相結(jié)合。

結(jié)論

滾動箭頭可以是一個有趣和創(chuàng)造性的設(shè)計(jì)元素。好的一面是，只要有頁面上的滾動動作，你幾乎可以將它用于任何設(shè)計(jì)或項(xiàng)目。
請記住，要讓元素本身的設(shè)計(jì)與整體美學(xué)相結(jié)合，以獲得一種定制的感覺?？紤]交互性，如動畫或懸停狀態(tài)，以增加參與度。如果你嘗試了一段時間，沒有得到很好的反饋，這是一個設(shè)計(jì)上的調(diào)整，你可以繼續(xù)做，而不會破壞設(shè)計(jì)的其他部分。