故障藝術始于2017年，當時網站設計設計師們開始嘗試小故障效應。使用隨處可見，在視頻、動畫，當然還有圖片里都有這種效果。這種效果完美地融入了一股懷舊浪潮，席卷了虛擬世界和現實世界。

如今，“故障藝術效應”的受歡迎程度正在下降，但它成功地為另一種時髦的解決方案賦予了生命力：圖像顯示中的失真，它每天都受到網站設計師們的歡迎。

這種方法非常普遍，雖然乍一看這似乎是另一個豐富幻燈片之間轉換的聰明想法，但它也可以與網站設計界面的各種細節相匹配。即使是一個簡單的靜態圖像塊也可以從中受益。

讓我們看一些例子，這些例子顯示了這種新的趨勢。

Yuen Ye

雖然在我們的理解中它沒有傳統的失真效果，但是在這里圖像仍然是變形的。這位藝術家成功地實現了一種逼真的窗簾效果，當你向下滾動時，網站設計畫面會在風中飄動。

在如此適度的環境和最小的設計中，效果簡直閃耀，它使整個網站設計看起來非常精致，非常出色。

Dallara Stradale

沒有人能說達拉拉·斯特拉代爾的官方宣傳網站很無聊，該網站設計是一個真正的杰作，就像意大利團隊創建的汽車。它充滿了創新的特點，以滿足產品本身的意識形態。

所以在這里，每個細節都很重要，這并不令人驚訝。每一個方面都是現代和時尚的。隨著主頁上主要部分之間的每一次移動，都會產生奇妙的圖像失真效果，就像手套一樣。

它將簡單的滾動轉換為一種性能，給每個區域一個戲劇性的入口。更重要的是，由于它的模糊，它自然模仿的速度感也是達拉拉斯特拉代爾的一個特點。

行星

而在前一個例子中，速度感是過渡效果的核心，而在這里，一種時髦的液體效果試圖以其流動的性質贏得用戶。通常情況下，這里的圖像失真效果用于主屏幕旋轉木馬。

而不是惱人的滑動效果，我們可以享受一個可愛的過渡與平穩的自然和魅力，給每一個場景的變化一個轉折。更重要的是，這種效應也符合該機構的招牌——加強外星高科技大氣。

馬克斯·柯爾特

Max Colt是世界知名的視覺效果生產商，其個人作品集也有失真效果。就像在《行星》中一樣，它改善了旋轉木馬中描述藝術家最令人印象深刻的作品的幻燈片之間的轉換。它有同樣的魅力，由于它的水啟發的性質，但它看起來有點不同，相比行星的解決方案。

Bizmates

這個網站與我們收藏的其他網站形成了驚人的對比，這要歸功于它基于幾何形狀的失真效果。其他的例子圍繞著扭曲圖像的漣漪效應。在這里，相對較寬的垂直面板和菱形變形的場景表面。

該解決方案與整體四四方方的氛圍完美契合，做出了重要貢獻。

1MD

在我們的綜述中，1MD是第一個失真效應不伴隨任何移動的例子。它只是在主頁上顯示的一個部分中使用，將其與其他部分區分開來。

它不僅是動畫背景的一部分，也是給中間的標語增添一些情趣的媒介。因此，該部分是鼓舞人心的，而導致“關于我們”頁面的行動呼吁看起來是可點擊的和誘人的。

精確運行

Precision Run背后的團隊也采取了類似的路線。然而，這一次，他們使用這個時髦的解決方案，使一個簡單的靜態圖片引人注目。

這里的主頁包括復古元素，如雙色調。巧妙地搭配雙曝光的失真效果為整個界面增添了一種美妙的懷舊感。它完美地配合了網站上的一切，有效地將圖片置于聚光燈下。

Sass Cafe

Sass Cafe背后的團隊展示了一種從失真效果中獲益的不同方法，他們結合了掩蔽和鼠標交互的效果，將英雄區域變成了一個游樂場。

一開始，一幅干凈的黑色畫布上有兩條醒目的標語迎接著在線觀眾。如果你開始移動光標，你會注意到有東西隱藏在里面。有兩個背景圖像。當你把鼠標懸停在標語上方時，每一個都會成為焦點。剩下的時間里，這幅畫一直變形嚴重。

這個解決方案從一開始就激起了人們的興趣。這真是個好主意。

艾達科爾

阿達索科爾的個人投資組合也有一個特點，就是很少有擺弄圖像顯示的傾向。這是我們的集合中的另一個示例，它脫離了通常的常用路徑，并與鼠標光標一起使用。

您可能已經注意到，hero區域包含了代表藝術家作品的多個標題。每個標題都由將鼠標懸停在其上時出現的圖片支持。

在本例中，當您移動光標時，圖片會留下扭曲圖形的痕跡。它會提醒顯卡缺乏必要的帶寬，無法跟上用戶移動的速度。這個原始的解決方案自然鼓勵我們玩網站，從而讓我們停留一段時間。

添加意想不到的轉折

標準的圖像效果仍然很受歡迎，但你必須承認，它們已經失去了一個令人滿意的“哇”因素。借助磨損嚴重的滑動或彈跳來吸引注意力變得越來越具有挑戰性。

因此，開發人員總是試圖想出一些新的東西來保持他們的網站的吸引力，這并不奇怪。而過去可以避免的臭名昭著的失真效應，現在卻挽救了局面。

盡管該解決方案意味著變形和扭曲的外觀，它仍然是相當普遍的。它與各種細節配合得很好。但從中受益的不只是滑塊。

實踐表明，該技術與基于鼠標光標交互和常規滾動的解決方案完美協作。這種效果讓網站設計中普通的東西看起來清新、鼓舞人心。

本頁內容由塔燈網絡科技有限公司通過網絡收集編輯所得，所有資料僅供用戶學習參考，本站不擁有所有權，如您認為本網頁中由涉嫌抄襲的內容，請及時與我們聯系，并提供相關證據，工作人員會在5工作日內聯系您，一經查實，本站立刻刪除侵權內容。本文鏈接:http://www.cjxv.cn/21650.html