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

何為趨勢

1、 產品的推陳出新

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

趨勢的種類

A. Fad流行

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

B. Trend趨勢

繼續持續2到4年左右

C. Maga Trend大趨勢

持續20年左右

D. Culture文化

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

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

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

研究方法：

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

研究步驟：

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

研究切入點：

GUI（圖形界面設計）7大要素：色彩、形狀、材質、肌理、版式、字體、動效

主要發現：

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

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

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

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

 

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

1. 滑動優先于點擊

▼▼▼

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

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

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

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

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

2. 折疊顯示正在消失

▼▼▼

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

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

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

3. 快速呈現和簡約設計

▼▼▼

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

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

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

Apps一般都擁有小而美的界面，因為小界面效果會表達得更好。

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

4. Pixel已亡

▼▼▼

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

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

目前收到追捧的一些設計中體現了越來越多使用網格和比例的趨勢。但是有一個領域始終沒有被撼動：位圖圖像。然而Retina屏和一些新的瀏覽器，使得矢量圖在2015變得越來越流行。

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

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

5. 動圖回來啦

▼▼▼

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

扁平化設計使得界面看起來不會過于連續，也不會太無聊。動畫會使得網頁更加引人注目，并且可以在有限的空間里打包更多的信息。
手機上的app重新定義了用戶的需求。App會使用動態圖去傳達信息，而網頁在這方面才剛剛起步。

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

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

6. web components 組件標準化到來

▼▼▼

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

<google-analyticskey=”UA-12345–678">

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

Google’s Material Design 便推動了這一趨勢發展，在Polymer和各種新開發的瀏覽器支持下，它為安卓app提供了大量標簽簡單的動畫和交互組件。

如果照這個趨勢下去，以組件為基礎的框架出現在2015指日可待，或許是Bootstrap4.0？

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

▼▼▼

對消費者來說，社交網絡已經取得了巨大的成功，但是很多內容制造者并不是很開心。

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

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

非預測：CSS shapes

▼▼▼

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

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

但它真的很酷。

 

http://www.bangwork.net/jianzhanzhishi/7686.html 2016網站設計趨勢,2016網站建設趨勢