網(wǎng)絡(luò)設(shè)計(jì)的最新趨勢(shì)是視差的墨跡，但并不是視差。

它包含了移動(dòng)元素，但它不是真正的動(dòng)畫(huà)。

它包括大量的色彩和物理元素，但它不是材料。

這一背景趨勢(shì)包括了許多其他趨勢(shì)的元素，這些元素真正吸引了移動(dòng)元素，吸引用戶，并讓他們?cè)诰W(wǎng)站上滾動(dòng)操作。這種新的視差與扭曲是最新的風(fēng)靡網(wǎng)站設(shè)計(jì)師。

注意:您應(yīng)該訪問(wèn)本文中每個(gè)示例的鏈接，以真正了解這些站點(diǎn)是如何工作的，以及交互的感覺(jué)。

識(shí)別趨勢(shì)

視差的轉(zhuǎn)折

El驢子

與扭轉(zhuǎn)的視差是不同的，因?yàn)樗任覀冞^(guò)去看到的移動(dòng)背景的趨勢(shì)更加無(wú)縫。它可以通過(guò)滾動(dòng)的移動(dòng)背景來(lái)識(shí)別，非常類似于視差滾動(dòng)效果。



關(guān)鍵的區(qū)別在于缺乏“屏幕”。“滾動(dòng)條創(chuàng)建了一個(gè)連續(xù)和動(dòng)態(tài)的動(dòng)態(tài)流，其中背景改變了顏色，包括移動(dòng)的動(dòng)畫(huà)和與屏幕移動(dòng)的元素以及其他元素移動(dòng)到焦點(diǎn)區(qū)域和離開(kāi)焦點(diǎn)區(qū)域。

它不同于我們過(guò)去看到的視差滾動(dòng)趨勢(shì)，因?yàn)樵氐囊苿?dòng)是如此的流暢和流暢，以至于你看不到它們之間的相互作用。與過(guò)去的視差相比，用戶經(jīng)常看到元素的層次相互作用。所以你可能會(huì)有一個(gè)背景，移動(dòng)到一個(gè)照片或一層，“啪”的一層，當(dāng)卷軸進(jìn)入一個(gè)特定的位置。

常見(jiàn)的元素

SFCD

新協(xié)議

這些帶有扭轉(zhuǎn)設(shè)計(jì)的視差有一些共同的元素。除了滾動(dòng)效果之外，還有一些設(shè)計(jì)人員正在使用的其他共同點(diǎn)，盡管這些元素并不是真正需要的。

一頁(yè)設(shè)計(jì):為了最大限度地發(fā)揮這種技術(shù)的影響，這些網(wǎng)站經(jīng)常采用一頁(yè)設(shè)計(jì)。一些人使用這種效果在一個(gè)長(zhǎng)滾動(dòng)的主頁(yè)上，導(dǎo)航到內(nèi)部頁(yè)面的格式更標(biāo)準(zhǔn)。
大膽的字體:用有趣的字體選擇大字體是一個(gè)常見(jiàn)的因素。設(shè)計(jì)師們正在將粗大的沖程系列和新穎的字體選項(xiàng)混合在一起，以達(dá)到最大的效果和可讀性。
明亮的顏色:來(lái)自平面和材料設(shè)計(jì)的顏色是一個(gè)常見(jiàn)的因素。大、聰明、大膽的選擇很常見(jiàn)。調(diào)色板非常簡(jiǎn)單，但通常包括更多的顏色選項(xiàng)，你通常會(huì)看到這些選項(xiàng)有助于背景色調(diào)的改變。
改變內(nèi)容類型:頁(yè)面上的內(nèi)容通常會(huì)隨著滾動(dòng)條而改變，這樣用戶就可以先獲得一個(gè)英雄形象，然后是文本的“頁(yè)面”，然后是更多的圖像，然后是一個(gè)表單或調(diào)用動(dòng)作。這種移動(dòng)的內(nèi)容與滾動(dòng)的移動(dòng)和背景的交互性很好。
連續(xù)故事:雖然內(nèi)容類型可能會(huì)在整個(gè)設(shè)計(jì)過(guò)程中發(fā)生變化，但是一個(gè)單一的故事是將所有內(nèi)容聯(lián)系在一起的元素。這個(gè)連續(xù)的故事是一個(gè)雙重的設(shè)計(jì)元素。內(nèi)容故事必須從章節(jié)(頁(yè))到章節(jié)(頁(yè))。但是視覺(jué)故事也必須包含一個(gè)共同的主線。有了這么多變化的視覺(jué)效果，重要的是讓他們覺(jué)得他們屬于一起。
大圖像:設(shè)計(jì)師們是否使用插圖或照片，這些圖像——尤其是在主頁(yè)上——都是超大的，具有影響力。這些網(wǎng)站大多以英雄人物的形象開(kāi)始，并有一個(gè)提示。
滾動(dòng)說(shuō)明:對(duì)于任何新的內(nèi)容，用戶通常需要一個(gè)提示來(lái)說(shuō)明如何進(jìn)行或與設(shè)計(jì)交互，而這些站點(diǎn)正是這樣做的。大多數(shù)都有一個(gè)簡(jiǎn)單的指令來(lái)滾動(dòng)或圖標(biāo)(通常有一個(gè)簡(jiǎn)單的動(dòng)畫(huà)來(lái)吸引用戶的注意力)，告訴用戶該做什么以及如何參與。
簡(jiǎn)單語(yǔ)言:因?yàn)檫@個(gè)移動(dòng)背景背后的框架很復(fù)雜，所以周圍的一切都很簡(jiǎn)單，包括網(wǎng)站本身的語(yǔ)言。這種對(duì)比是復(fù)雜和簡(jiǎn)單的，使網(wǎng)站易于用戶理解和有趣，以鼓勵(lì)參與。
設(shè)計(jì)正確的運(yùn)動(dòng)。

影響

這種具有扭轉(zhuǎn)風(fēng)格的視差的大設(shè)計(jì)效果是運(yùn)動(dòng)。設(shè)計(jì)師必須在滾動(dòng)動(dòng)作和屏幕上的其他動(dòng)作之間創(chuàng)造一個(gè)微妙的平衡。

太多的運(yùn)動(dòng)可能會(huì)讓用戶感到不知所措，給用戶一種類似于暈動(dòng)病的感覺(jué)。真正的平衡是使用動(dòng)畫(huà)效果和背景音樂(lè)的協(xié)調(diào)能力。

這里有個(gè)竅門:任何時(shí)候，只有一件事是可以改變的。聽(tīng)起來(lái)很簡(jiǎn)單,對(duì)嗎?

Dolox

所以你需要做的是在滾動(dòng)過(guò)程中停止所有其他移動(dòng)的部分。想一下在右下角和在網(wǎng)站上使用的移動(dòng)類型的小跳動(dòng)的滾動(dòng)圖標(biāo)(一個(gè)指向的手)。(到現(xiàn)場(chǎng)去看它的行動(dòng)。)

現(xiàn)在開(kāi)始滾動(dòng)。滾動(dòng)一點(diǎn)，停止。所有的動(dòng)作都停止了。 本文來(lái)源：杰云網(wǎng)絡(luò)，轉(zhuǎn)載請(qǐng)注明出處！如果需要 營(yíng)銷型網(wǎng)站建設(shè)、 微商城、 小程序商城、 多端小程序 請(qǐng)聯(lián)系我們！