龍崗公司

    網站設計趨勢:讓圖片活起來

    日期:2018/4/8 人氣:130854
    導讀: 現場照片、Cinemagraph、動畫等,對于網站設計來說,這個趨勢有太多不同的名字,主視覺圖的影響和使用,好像正在以一種微妙的方式一直存在并發展著。  事實上,它不是一張照片,但也不是一段視頻。通過設計技巧,將運限制在圖像上的某一個動作上,可以很容易吸引用戶的注意力,并將其注意力集中在圖像上。不管你怎么稱呼它,這種趨勢在網頁設計、可分享的gif和社交媒體上都產生了影響。1.趨勢的發展  我們很難



    現場照片、Cinemagraph、動畫等,對于網站設計來說,這個趨勢有太多不同的名字,主視覺圖的影響和使用,好像正在以一種微妙的方式一直存在并發展著。
      事實上,它不是一張照片,但也不是一段視頻。通過設計技巧,將運限制在圖像上的某一個動作上,可以很容易吸引用戶的注意力,并將其注意力集中在圖像上。不管你怎么稱呼它,這種趨勢在網頁設計、可分享的gif和社交媒體上都產生了影響。

    1.趨勢的發展

      我們很難確定這種“活動的”照片的創意具體是從哪里開始的,但你可能會知道Apple的產品讓它更受歡迎。在包括iPhone等產品的功能和特點的相關簡介頁面的攝影作品中,你經常會看到這種趨勢的使用。網站設計上“活動的”照片具有同樣的概念,或許有點不同的是,網站中的圖像中往往會有一些額外的信息讓你看得更久一點。
      這種趨勢的概念已經開始出現在更多不同的領域。比如,在數字化廣告牌上,看似靜止的廣告中,經常會出現一個眨眼睛的人。
      為什么要使用這種技術?其實目的很簡單,它可以使用戶的注意力更持久,并提供一個更有趣的視覺參考點。根據一家專門為客戶制作cinemagraph圖像的公司所統計的數據顯示,使用這種設計趨勢所輸出的照片能讓用戶的注意力保持在9秒,相比之下,靜止的圖像的時間僅僅為1秒。

    2.圖片或插圖

      “活動的”圖像或cinemagraphs圖可以使用照片或插圖。這里并沒有規定說你只能使用一種類型的圖像。看看上面的兩張圖片,你可以看到,任何一種風格都是非常有效的。
      另一個需要考慮的是,運動并不一定要一直循環發生。

    3.使用技巧

      這種技術可以通過多種方法和多種設計應用來發揮它的作用。一些比較好的例子往往是來自那些簡單的場景或風景,其中,一張漂亮的照片是所有后續工作的起點。
      草可能會在風或風景中移動、通過任務展示的時候可能會使用眨眼的動作、產品可能會傾斜或旋轉或在一定時間段中完成設計的動作。
      · 專注,你需要只針對某一個事情;
      · 它需要看起來很現實;
      · 運動需要遵循物理定律;
      · 運動應該是微妙而明顯的;
      · 不要添加聲音或需要大量的點擊操作來完成;
      · 考慮使用微妙的用戶體驗技巧,比如鼠標滑動或觸發的動作;
      · 設計一個可以在多個活動或主題中使用的移動圖像,而不僅僅是你的網站。

    4.你應該怎么做


      在你的網站設計中有很多方法可以產生這種效果。
      創造微妙運動的一些技巧包括:
      · 創建一張GIF圖;
      · 使用在線工具(目前有很多軟件或應用可以根據你不同的需求,提供不同的定制服務);
      · 通過限制視頻的動作來創建圖像;
      · 使用一個應用程序,甚至是你的iPhone;
      · 以視頻格式將靜止圖像串在一起。2am


    5.一個完美的例子

      Monochrome Paris的網站設計是這一趨勢的完美范例。在它的主頁上。你可以看到一個很簡單的圖像,僵硬的元素幾乎看起來要融化了,并且你會看到在風中移動的面料。效果足夠引人注目,并吸引用戶參與到設計中。
      這種效果有助于以一種微妙的方式讓用戶產生興趣。因為運動,想象的視覺看起來更真實。


    總結

      不管你怎么稱呼它,這種趨勢很可能會持續下去。這是一種將動畫添加到網頁設計中而不必生成視頻的方法。它很有效,而且比視頻制作成本低很多。
      這一趨勢的訣竅在于確保它看起來是有意識的和真實的。加入一些毫無意義的運動并不一定會給你想要的效果。回過頭來看看上面的例子,看看這些動畫會讓你在設計中得到什么。在每個示例中,運動可以幫助用戶獲得特定的元素或執行特定的操作。這種有意和指引性的運動才是是有效的設計關鍵。

    文本來自采集文章 http://www.jreqjj.icu/25/371.html 如需轉載或刪除,請聯系管理員。

    1 2 3 4 5 6 7 8 9
    分享到:
龍崗網站建設
【龍崗本地網絡公司】——承諾3小時內上門服務!龍崗上門全國熱線:400-666-2014 粵ICP備12018349號 網站維護:深一深圳網站建設 【我要收藏此頁面】 網站地圖
全國龍崗注冊公司-服務網店
微信里卖什么最赚钱