雖然我們都已經(jīng)真誠(chéng)呼吁了一萬(wàn)遍了，和諧上班、禁止內(nèi)卷，但常常不知不覺(jué)又從一個(gè)圈卷進(jìn)了另一個(gè)圈。創(chuàng)意人，在創(chuàng)新“內(nèi)卷”的玩法上也很有一套。字體、圖標(biāo)、版面設(shè)計(jì)的battle已經(jīng)是常規(guī)操作了，沒(méi)想到一個(gè)小小的“頁(yè)面滾動(dòng)”也能有這么多玩法。

默認(rèn)了垂直向下是唯一的方向，于是我們也習(xí)慣了進(jìn)行滾動(dòng)鼠標(biāo)滾輪或觸控板的機(jī)械行為，但這些網(wǎng)站偏偏就不愿意墨守成規(guī)，玩法一個(gè)接著一個(gè)。

（友情提示：如果你覺(jué)得技術(shù)小哥頭發(fā)還挺多，那么不妨把這篇文章轉(zhuǎn)給他看看。）

萬(wàn)花筒般的陷阱游戲

（studio-laucke-siebein.com）

勞克·西貝恩工作室（Studio Laucke Siebein）真的太喜歡“惡作劇”了。

點(diǎn)開(kāi)它們的網(wǎng)站，首先會(huì)跳出三個(gè)閃爍像燈牌一樣的三角形，上面寫著“向下滾動(dòng)!”好唄，試試看你就中計(jì)了。  

原本以為只是一個(gè)醒目的引導(dǎo)動(dòng)畫，沒(méi)想到卻是來(lái)到愛(ài)麗絲魔法世界的鏡子。向下翻動(dòng)即可預(yù)覽的長(zhǎng)的垂直文檔是不存在的，整齊干凈的信息展示也是不存在的。當(dāng)你滾動(dòng)鼠標(biāo)，一切圖案開(kāi)始變形扭曲，簡(jiǎn)直就像在玩萬(wàn)花筒。

勞克·西貝恩工作室認(rèn)為，前景和背景的不同運(yùn)動(dòng)模式和視角，總會(huì)產(chǎn)生奇妙的、令人驚訝的效果。這個(gè)理念構(gòu)成了它們?cè)诰W(wǎng)站上的空間實(shí)驗(yàn)：平面設(shè)計(jì)、出版物、活動(dòng)攝影等工作圖片隨著鼠標(biāo)滾動(dòng)，開(kāi)始從四面八方地展開(kāi)，沒(méi)有空洞多余的文字描述。只有點(diǎn)擊左上方的文本，試圖與工作室取得聯(lián)系才會(huì)結(jié)束這一切。對(duì)于一個(gè)販賣視覺(jué)創(chuàng)意的工作室來(lái)說(shuō)，人狠話不多，直接把作品哐哐砸在觀眾臉上，確實(shí)挺酷的。

潘多拉的現(xiàn)實(shí)主義魔盒

（https://www.doncarlomtl.com/projet/dreyfus）

同樣是視覺(jué)工作室，位于蒙特利爾的Don Carlo的網(wǎng)站設(shè)計(jì)也非常有特色。整個(gè)設(shè)計(jì)真的非常蒙特利爾，能聯(lián)想到去湖邊烤肉騎馬、在斜坡廣場(chǎng)買花寫生這種既輕度又現(xiàn)代的生活方式。

進(jìn)入網(wǎng)站，在一個(gè)類似水管的盒子里，一個(gè)似驢非馬的奇異動(dòng)物探出頭來(lái)?；换粋€(gè)作品竄了出來(lái)。再滑一下，又出來(lái)另一個(gè)項(xiàng)目。鼠標(biāo)放在“Suivant”之上，動(dòng)一動(dòng)，它能翻轉(zhuǎn)360度還自帶軌跡?；叶鹊呐渖秃?jiǎn)潔的畫面，再配合這種進(jìn)出方式，有一種冷峻的幽默感。

藍(lán)屏做轉(zhuǎn)場(chǎng)，中間又是一個(gè)神話插圖中常會(huì)出現(xiàn)的類似葵花的不明生物，整個(gè)滾動(dòng)設(shè)計(jì)簡(jiǎn)直太有現(xiàn)實(shí)主義潘多拉魔盒內(nèi)味了。（求生欲：并沒(méi)有說(shuō)產(chǎn)品不好的意思）

在數(shù)據(jù)畫布中的倫勃朗

（https://www.nextrembrandt.com/）

倫勃朗，攝影圈和美術(shù)圈的雙棲“網(wǎng)紅藝術(shù)家”了。阿姆斯特丹的數(shù)碼創(chuàng)意工作室超級(jí)英雄芝士蛋糕（沒(méi)打錯(cuò)字，真的就叫Superhero Cheesecake）在一個(gè)關(guān)于倫勃朗設(shè)計(jì)項(xiàng)目的展示網(wǎng)頁(yè)中也做出了新花樣。

觀眾在瀏覽網(wǎng)頁(yè)時(shí)，更像是在拿著放大鏡看一塊畫布，標(biāo)識(shí)和分隔符號(hào)像星座一樣連在一起。雖然還是垂直向下的邏輯，但卻給人一種平移拓展的錯(cuò)覺(jué)。Google的藝術(shù)文化頻道也經(jīng)常通過(guò)滑動(dòng)指令，對(duì)網(wǎng)頁(yè)進(jìn)行放大或縮小來(lái)注解作品。

同時(shí)，芝士蛋糕的網(wǎng)站，用極簡(jiǎn)的線條和圖案展示信息，大量的留白給予觀眾喘息的空間，表達(dá)了美術(shù)的優(yōu)雅。當(dāng)你滾動(dòng)體驗(yàn)時(shí)，你能夠發(fā)現(xiàn)更多關(guān)于這個(gè)“數(shù)字繪畫”的細(xì)節(jié)，包括150GB的數(shù)字渲染圖形、3D打印中的1.48米像素等等。會(huì)幫助觀眾了解作品的亮點(diǎn)和執(zhí)行背后的完整故事。

Anyway，我們來(lái)理一理這些“新滾法”的小撇步。

其實(shí)很簡(jiǎn)單，一個(gè)是打破傳統(tǒng)的垂直邏輯，盡管文本依舊是一種“自上而下”的打開(kāi)方式，卻用“障眼法”讓觀眾覺(jué)得空間在往左右、甚至某個(gè)斜角折疊。第二個(gè)是打亂了工整的布局，通過(guò)看似松散的排版使得畫面流動(dòng)感更強(qiáng)。因此觀眾會(huì)認(rèn)為網(wǎng)站本身的引導(dǎo)性和指令性降低了，自身獲取信息的自由度更高，同時(shí)有更多的沉浸感。當(dāng)然，隨之而來(lái)的問(wèn)題就是可讀性的下降，所以愛(ài)這樣倒騰的還是圖像為主的視覺(jué)類網(wǎng)站。

玩頁(yè)面滾動(dòng)，其實(shí)有點(diǎn)“連腳趾頭都在發(fā)力”的意思?？此茮](méi)有改變大的外觀，但卻把整個(gè)氣都提了起來(lái)，表達(dá)了一種支棱起來(lái)的狀態(tài)。這種不光要做好內(nèi)容，還要提高行業(yè)整體勤奮度的行為也在提示我們：細(xì)節(jié)制勝啊朋友們！