網(wǎng)頁(yè)設(shè)計(jì)隨著移動(dòng)瀏覽的興起帶來了一些相當(dāng)大的創(chuàng)新。多點(diǎn)觸控操作，如捏和展開、滑動(dòng)、雙擊等，如今基本上是移動(dòng)環(huán)境的原生操作，而在桌面上，它們更有可能出現(xiàn)在旨在提供娛樂或藝術(shù)價(jià)值的網(wǎng)站中。我們可以在游戲和游戲展示、可玩網(wǎng)站和實(shí)驗(yàn)性網(wǎng)絡(luò)項(xiàng)目中找到它們，但我們也越來越多地在商業(yè)網(wǎng)站、在線商店和投資組合中看到它們。除了滾動(dòng)，最廣泛使用的還有點(diǎn)擊和拖動(dòng)交互。

拖動(dòng)交互可以看作是設(shè)計(jì)中擬物化趨勢(shì)的一部分。它們旨在模仿實(shí)際的物理動(dòng)作。在某種程度上，鼠標(biāo)是我們手的延伸，我們用它來拾取和移動(dòng)屏幕上的對(duì)象、元素、部分，有時(shí)甚至是整個(gè)屏幕。我們可以移動(dòng)物體，讓人物跳躍、上升、增長(zhǎng)、縮小。我們把東西放在一起并重新組織屏幕。就像我們“在現(xiàn)實(shí)生活中”所做的那樣。

與其他手勢(shì)交互一樣，拖動(dòng)交互為用戶體驗(yàn)增添了令人興奮的探索性觸感。它們將用戶拉入界面的更深處，融合了物理和虛擬之間的邊緣。因此，它們?yōu)榫W(wǎng)站帶來了巨大的價(jià)值。然而，僅僅在設(shè)計(jì)中引入拖動(dòng)或保持是不夠的。它需要有意義且直觀，或明確指示。我們花了很多時(shí)間探索各種網(wǎng)絡(luò)交互，我們不得不說，那里有一些真正了不起的創(chuàng)作。以下是我們精選的具有創(chuàng)新和鼓舞人心的拖動(dòng)交互的網(wǎng)站：

Body Shop 以其對(duì)設(shè)計(jì)的極度關(guān)注而聞名，為其 2021 系列身體黃油準(zhǔn)備了一場(chǎng)精彩的展示。身臨其境，錯(cuò)綜復(fù)雜，強(qiáng)烈強(qiáng)調(diào)感性和女性氣質(zhì)，展示柜還展示了一些非常有趣的互動(dòng)元素。展柜的敘述分為幾個(gè)章節(jié)，Love Every Inch章節(jié)有一組視頻和劇照，但我們?cè)谶@里最感興趣的是一個(gè)可以拖放的頂部部分，作為按鈕指示訪問者。這會(huì)提示出現(xiàn)一個(gè)新的布局層，它開始裝滿各種各樣的身體黃油罐，四處跳動(dòng)，幾乎冒泡，一切都搖搖晃晃和好玩. 訪問者可以關(guān)閉該部分，然后稍后再返回，發(fā)現(xiàn)它充滿了更多的身體黃油，就像一個(gè)獨(dú)立存在的實(shí)體。這部分在“愛你的星球”一章中重復(fù)出現(xiàn)，在這里，我們?cè)俅卫_綠色標(biāo)簽，露出大量搖晃的身體黃油罐。本章還講述了關(guān)于可持續(xù)性的精彩故事，以及全新的、完全回收的身體黃油罐背后的優(yōu)秀人物，可以通過向左或向右拖動(dòng)滑塊來導(dǎo)航。


說出您對(duì) Spotify 的看法，但流媒體服務(wù)肯定可以提供非凡的數(shù)字體驗(yàn)。我們已經(jīng)在紫色網(wǎng)站的文章中介紹了 Spotify 的粉絲研究，這一次我們想談?wù)凩istening Together，這是對(duì)公共聆聽的慶祝。這個(gè)概念很簡(jiǎn)單——根據(jù) Spotify，每秒有超過 30,000 人同時(shí)收聽相同的曲調(diào)。為了慶祝聆聽將從未見過也可能永遠(yuǎn)不會(huì)見面的人聯(lián)系起來這一事實(shí)，Spotify 創(chuàng)建了一個(gè)以地球 3D 渲染為中心的交互式演示文稿，可以拖動(dòng)和轉(zhuǎn)身來探索地理標(biāo)簽和相關(guān)曲調(diào)在任何給定的時(shí)間在這些地方享受?；?dòng)是無縫的，體驗(yàn)是身臨其境和有趣的，所以如果你發(fā)現(xiàn)自己在這個(gè)網(wǎng)站上拖延，不要感到驚訝。

來自普利亞大區(qū)的意大利釀酒師I Buongiorno的網(wǎng)站是一個(gè)精彩的插圖展示，展示了家族葡萄酒、他們的使命和他們的故事。整個(gè)網(wǎng)站以水平導(dǎo)航為基礎(chǔ)，并結(jié)合了攝影和插圖的拼貼畫。邀請(qǐng)參觀者拖動(dòng)或滾動(dòng)滑塊來探索葡萄酒選擇或酒廠時(shí)間線。頁(yè)面頂部的半圓可作為我們?cè)谌魏谓o定時(shí)刻處于水平線位置的指示器。圓圈是網(wǎng)站的視覺主題，可以在徽標(biāo)、圖標(biāo)、favicon 以及光標(biāo)中找到?；?dòng)流暢且身臨其境，有助于將游客深入到 I Buongiorno 的故事中。