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

何為趨勢

1、 產(chǎn)品的推陳出新

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

趨勢的種類

A. Fad流行

短期出現(xiàn)6個月到1年左右，然后又消失

B. Trend趨勢

繼續(xù)持續(xù)2到4年左右

C. Maga Trend大趨勢

持續(xù)20年左右

D. Culture文化

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

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

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

研究方法：

從不同的設(shè)計門類中尋找和借鑒新的設(shè)計元素。當中可能有威力強大的、影響全球大部分地區(qū)的大趨勢，也有一些零星出現(xiàn)、正逐漸變?yōu)橹髁鞯男≮厔?。因此通過對工業(yè)產(chǎn)品、平面、繪畫、服裝、建筑、新媒體等藝術(shù)設(shè)計的趨勢發(fā)展分析和當前流行設(shè)計語言收集借鑒，在理解和掌握其研究結(jié)果的基礎(chǔ)上，以應(yīng)用到界面設(shè)計的可行性為判斷標準對于上述設(shè)計門類的結(jié)果進行篩選、歸納和提煉，并重新整理，達到對設(shè)計靈感、創(chuàng)意和思路的啟發(fā)。

研究步驟：

1、收集、2、歸納、3、提煉、4、總結(jié)、5、轉(zhuǎn)化

研究切入點：

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

主要發(fā)現(xiàn)：

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

2008年至2010年，人類在金融危機中迎來了以技術(shù)發(fā)展為中心的新時代?！耙苿蛹夹g(shù)的發(fā)展”將普通人帶進了以社交為中心的“全新社會”。人們?yōu)榱丝朔C積極轉(zhuǎn)換發(fā)展模式，建立“新型秩序”。2012、2013年，人們經(jīng)歷了既有體系的失敗和危機，不再一味關(guān)注未來，開始直面現(xiàn)實?，F(xiàn)在，人們更傾向于從個人的生活開始填補空缺，削減過剩，提高當下的生活價值，而不去盲目追求的未來，以達到個人和社會的共存。

發(fā)現(xiàn)不的舒適感和安定感，發(fā)現(xiàn)靈活應(yīng)對的可能性，提高價值，都是解讀新潮流的關(guān)鍵詞。

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

太多的文章都會告訴你酷炫的網(wǎng)頁設(shè)計是怎樣的，但是我將結(jié)合過去帶你看看一些可以實現(xiàn)的未來。

1. 滑動優(yōu)先于點擊

▼▼▼

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

結(jié)果就是，我們期待越來越多的網(wǎng)站吧滾動的設(shè)計放在位，點擊放在第二位。

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

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

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

2. 折疊顯示正在消失

▼▼▼

如今頁面上的滑動非常鋪墊，各種設(shè)備也可以根據(jù)尺寸自適應(yīng)，折疊起來的東西變得有一些無關(guān)緊要。

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

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

3. 快速呈現(xiàn)和簡約設(shè)計

▼▼▼

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

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

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

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

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

4. Pixel已亡

▼▼▼

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

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

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

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

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

5. 動圖回來啦

▼▼▼

如果你想讓你的網(wǎng)頁看起來比較復(fù)古，你可以添加動畫效果的“Under Construction”的Gif或者flash動畫。但是目前動畫已經(jīng)成為現(xiàn)代網(wǎng)頁設(shè)計的新星了。

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

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

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

6. web components 組件標準化到來

▼▼▼

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

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

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

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

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

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

▼▼▼

對消費者來說，社交網(wǎng)絡(luò)已經(jīng)取得了巨大的成功，但是很多內(nèi)容制造者并不是很開心。

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

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

非預(yù)測：CSS shapes

▼▼▼

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

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

但它真的很酷。

http://www.wjhjgc.com/jianzhanzhishi/7686.html 2016網(wǎng)站設(shè)計趨勢,2016網(wǎng)站建設(shè)趨勢