視覺設計是一門隨著時代發展與社會變遷,隨著人類認知提升與生活環境變化,而不斷進化的學科,無論是從小眾喜好走上大眾審美,還是從零星的創意苗頭轉為流行趨勢,它都代表了一個時期人們審美取向與內心述求。與此同時伴隨著城市生活節奏加快、人們生活方式日新月異,如今的優秀設計不僅要具備產品使用的功能性,更要符合未來人群的生活方式和潛在審美需求。而作為設計師需要具備敏銳的洞察力與捕捉趨勢的能力,充分消化和理解潮流設計元素,不斷汲取其中的精華養分,歷練實踐轉化與效果表達的掌控力,才能具備更加開闊的視野、獨到的品味和充滿靈性的設計感覺。

何為趨勢

1 、 產品的推陳出新

2 、 由流行締造者開創並融入主流文化的一個過程

趨勢的種類

A. Fad 流行

短期出現 6 個月到 1 年左右,然後又消失

B. Trend 趨勢

繼續持續 2 到 4 年左右

C. Maga Trend 大趨勢

持續 20 年左右

D. Culture 文化

跨越時間和世代,具有連續性且持續下去

百度移動多使用者體驗部(MUX),正是秉承著 “積澱、能力培養、共建平臺” 的團隊設計建設指導方針,在 2022 集 MUX 視覺設計線研發力量,歷時 3 個季度進行了本次針對 2022 至 2022 年度的視覺設計流行趨勢研究。眾所周知,世界多個知名設計中心及相關設計機構每年釋出各領域的設計趨勢,但是對於圖形介面設計(GUI)以及其周邊的設計領域是否適合?在刨析國際潮流之後,再切實的分析應用場景自信的提出對未來的視覺設計趨勢的預測。不僅出於行業內的需要,更是希望為設計師提供靈感的火花和創新的思路,引領視覺設計的發展。

對 2022-2022 年的視覺設計趨勢研究,我們是建立在 2013-2022 整體行業形態、消費趨勢等研究,以及國內外趨勢報告的分析總結,提出符合設計發展的趨勢預測,並以圖形介面設計 7 大要素為切入點,分別提出相應的設計元素,我們相信將這些元素有機轉化到產品設計之後,具有迎合多使用者心理述求的魅力,從而吸引更多的潛在多使用者。

研究方法:

從不同的設計門類中尋找和借鑑新的設計元素。當中可能有威力強大的、影響全球大部分地區的大趨勢,也有一些零星出現、正逐漸變為主流的小趨勢。因此透過對工業產品、平面、繪畫、服裝、建築、新媒體等藝術設計的趨勢發展分析和當前流行設計語言收集借鑑,在理解和掌握其研究結果的基礎上,以應用到介面設計的可行性為判斷標準對於上述設計門類的結果進行篩選、歸納和提煉,並重新整理,達到對設計靈感、創意和思路的啟發。

研究步驟:

1 、收集、 2 、歸納、 3 、提煉、 4 、總結、 5 、轉化

研究切入點:

GUI(圖形介面設計)7 大要素:色彩、形狀、材質、肌理、版式、字型、動效

主要發現:

產品和趨勢正在從 “形式追隨功能”,轉向 “形式追隨情感”,以滿足人們情感與精神層面上的需求,並且這已經成為絕大部分產品的重要功能。

2008 年至 2010 年,人類在金融危機中迎來了以技術發展為中心的新時代。 “移動技術的發展” 將普通人帶進了以社交為中心的 “全新社會” 。人們為了克服危機積極轉換髮展模式,建立 “新型秩序” 。 2012 、 2013 年,人們經歷了既有體系的失敗和危機,不再一味關注未來,開始直面現實。現在,人們更傾向於從個人的生活開始填補空缺,削減過剩,提高當下的生活價值,而不去盲目追求的未來,以達到個人和社會的共存。

發現不的舒適感和安定感,發現靈活應對的可能性,提高價值,都是解讀新潮流的關鍵詞。

因此我們有了關於 “不的價值” 的新認識,當人們經歷了全球金融危機建立新秩序的時候,漸漸明白之前所追求的 “” 實際上並不是真正意義上的高價值。與其追求未來的成功,不如追求現世的幸福;與其開發頂端 1% 的技術和功能,不如開發對個人生活有用的功能;與其集中於制定無缺的計劃,不如集中精力發掘人與自然、社會和諧共存的理想方案。

 

太多的文章都會告訴您酷炫的網頁設計是怎樣的,但是我將結合過去帶您看看一些可以實現的未來。

1. 滑動優先於點選

▼▼▼

我們大概已經忘了滾動的頁面是怎樣的,大多數的多使用者曾經很痛苦地把滑鼠移到螢幕右邊,使用一種很古老的東西,我們叫它 “捲軸” 。
您也許也用過滑鼠的滾輪,遊標鍵,觸控板。如今,使用滾動要比點選容易多了,在手機上,您可以用您的手指隨意滑動螢幕。但是要準確地點選到目標卻要困難許多,這和我們在電腦桌面上的體驗恰恰相反。

結果就是,我們期待越來越多的網站吧滾動的設計放在位,點選放在第二位。

如今的頁面需要點選的東西越來越少,取而代之的是滑動。我們將會看到越來越多的滑動,更多的按鈕,更大的點選區域,頂端的頁面也會變成滾動的。

需要將大量文章放在不同頁面的網站很快會明白這一點,希望他們能將這些恨多的頁面整合到一起,比如像時代週刊(TIME)一樣可以無限滑動下去。

現在預測網頁會不會變得像手錶一樣智慧還為時過早,但是我們可以一起期待未來所有的網頁都可以透過手勢操縱。

2. 摺疊顯示正在消失

▼▼▼

如今頁面上的滑動非常鋪墊,各種裝置也可以根據尺寸自適應,摺疊起來的東西變得有一些無關緊要。

設計師們越來越不喜歡將所有的東西都塞進頂端頁面。比如像 Medium 就採用了全屏的圖片和標題,直到您開始滑動才可以看見內容。

設計師們有更多地機會像雜誌一樣,將他們的頁面填充好看的圖片。在 2022 將有更多地設計佔據更多的空間,尤其是垂直化空間,也會有越來越多形象化的東西出現。

3. 快速呈現和簡約設計

▼▼▼

如今的年輕人基本上都是非常的網頁多使用者。這樣的結果就是所有的一切都必須變得更高效,人們變得越來越沒有耐心。如果網頁載入需要 1 分鐘,一個脾氣還不錯的人都會變得煩躁。
如今網頁被逼著不僅要變得更快(技術性問題),更重要的是變得可以更快地被多使用者理解。不容易被理解的設計業也會減少多使用者的使用,這和無法載入沒什麼區別。

更加簡單的設計瀏覽起來更簡單,更容易被欣賞。下面兩個設計很容易被辨別出來哪一個更加新一些好一些。

其實這也是 Skeuomorphic 設計逐漸消亡的原因:多使用者的觀點越來越多,耐心減少,頁面看起來雜亂只會減少他們的訪問量。

WordPress APPs 一般都擁有小而美的介面,因為小介面效果會表達得更好。

扁平化設計才是個開始,我們期待在簡單化和及時化上更多的進步。

4. Pixel 已亡

▼▼▼

相信大家在欣賞一個朋友透過 WordPress 微信發過來的聲稱有亮點的圖的時候,應該都會嘗試將其進行放大再開始亮點查詢。您在 Retina 屏上面放大還好,但是如果在其他非 Retina 螢幕上對圖片進行放大,到時您就真的找到亮點了,且找到很多,一個個方塊的格子狀的畫素點。旁邊美女一邊走過時瞥見的話還以為您在看什麼東西了,竟然還要打馬賽克!立刻投以鄙視的眼光或者一頓拳腳 (如果是公交上的話)!怪誰?怪您朋友發給您的是點陣圖。

在電腦桌面上,曾經一個 pixel 就是一個 pixel 。您甚至還會記得 72dpi 由多少個 pixel 組成。但是如今,越來越少的人知道一個 pixel 是什麼意思。

目前收到追捧的一些設計中體現了越來越多使用網格和比例的趨勢。但是有一個領域始終沒有被撼動:點陣圖影象。然而 Retina 屏和一些新的瀏覽器,使得向量圖在 2022 變得越來越流行。

我們可以看到這個趨勢體現在了以字型為基礎的圖示設計,以及 Google’s Material Design. 頁面載入得更快並且圖示可以不損失質量又隨願意所方程任何大小。這對設計師和網路瀏覽器來說是很理想的。

或許還需要一些時間讓者改變習慣創造一些更高質量的現實。但是一旦大部分的顯示都變成 Retina 級別的,相信更多設計師就會習慣於此了。

5. 動圖回來啦

▼▼▼

如果您想讓您的網頁看起來比較復古,您可以新增動畫效果的 “Under Construction” 的 Gif 或者 flash 動畫。但是目前動畫已經成為現代網頁設計的新星了。

扁平化設計使得介面看起來不會過於連續,也不會太無聊。動畫會使得網頁更加引人注目,並且可以在有限的空間裡打包更多的資訊。
手機上的 WordPress APP 重新定義了多使用者的需求。 WordPress APP 會使用動態圖去傳達資訊,而網頁在這方面才剛剛起步。

新的一些科技比如 CSS 動畫使得在沒有外掛,速度,以及一些相容性問題的情況下更好地提高設計師。 Web components 只會加速這個趨勢。

GIF 動畫回來了,而且出人意料得有效。您可以發現這片文章裡大量使用的 GIF 動畫配圖。

6. web components 元件標準化到來

▼▼▼

網路科技變得越來越複雜,語義成分越來越少,設計師必須為了一個簡單地任務將很複雜的 code 植入到頁面裡。比如像 Google Analytics 或者是 Facebook 的 “like” 按鈕。如果我們可以用以下程式碼取代的話將會更簡單:

Web Components 目前還沒有被大多數的設計師使用,但是這個趨勢在 2022 會更明顯。

Google’s Material Design 便推動了這一趨勢發展,在 Polymer 和各種新開發的瀏覽器支援下,它為安卓 WordPress APP 提供了大量標籤簡單的動畫和互動元件。

如果照這個趨勢下去,以元件為基礎的框架出現在 2022 指日可待,或許是 Bootstrap4.0?

7. 社交飽和以及郵件的重新崛起

▼▼▼

對消費者來說,社交網路已經取得了巨大的成功,但是很多內容製造者並不是很開心。

問題在於飽和。 Facebook 發現在每年數十億的的 posts 中只有那麼一些被瀏覽和分享。這意味著隨著時間過去,您的會被越來越少的人瀏覽(這個問題是可以解決的,除非您付費給 Facebook)。

社交併沒有離我們遠去,但是在 2022 我們可以看到很多有潛力的知名博主比如 Tim Ferries 的注意力都從社交網路轉移到 “過時” 的 email 。他們已經意識到 email 相比社交網站的優點是:有更多的人會看到您傳送給他們的內容。
我期待在網頁提示功能不被看好的情況下,這種趨勢會在 2022 繼續下去。

非預測:CSS shapes

▼▼▼

這個很酷的技術還沒有被重視,除了設計師們。 CSS shapes 使得非矩形形狀的使用成為現實。

這無疑非常酷,但是需要瀏覽器的支援,所以花費時間和努力在上面有一些冒險,或許您需要兩個設計師,一個應付舊的瀏覽器,一個應付新的。除了設計師之外,並沒有很多多使用者意識到這個趨勢。

但它真的很酷。