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

何為趨勢

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

2、 由流行締造者開(kāi)創(chuàng )并融入主流文化的一個(gè)過(guò)程

趨勢的種類(lèi)

A. Fad流行

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

B. Trend趨勢

繼續持續2到4年左右

C. Maga Trend大趨勢

持續20年左右

D. Culture文化

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

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

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

研究方法：

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

研究步驟：

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

研究切入點(diǎn)：

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

主要發(fā)現：

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

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

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

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

太多的文章都會(huì )告訴你酷炫的網(wǎng)頁(yè)設計是怎樣的，但是我將結合過(guò)去帶你看看一些可以實(shí)現的未來(lái)。

1. 滑動(dòng)優(yōu)先于點(diǎn)擊

▼▼▼

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

結果就是，我們期待越來(lái)越多的網(wǎng)站吧滾動(dòng)的設計放在位，點(diǎn)擊放在第二位。

如今的頁(yè)面需要點(diǎn)擊的東西越來(lái)越少，取而代之的是滑動(dòng)。我們將會(huì )看到越來(lái)越多的滑動(dòng)，更多的按鈕，更大的點(diǎn)擊區域，頂端的頁(yè)面也會(huì )變成滾動(dòng)的。

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

現在預測網(wǎng)頁(yè)會(huì )不會(huì )變得像手表一樣智能還為時(shí)過(guò)早，但是我們可以一起期待未來(lái)所有的網(wǎng)頁(yè)都可以通過(guò)手勢操縱。

2. 折疊顯示正在消失

▼▼▼

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

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

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

3. 快速呈現和簡(jiǎn)約設計

▼▼▼

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

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

其實(shí)這也是Skeuomorphic設計逐漸消亡的原因：用戶(hù)的觀(guān)點(diǎn)越來(lái)越多，耐心減少，頁(yè)面看起來(lái)雜亂只會(huì )減少他們的訪(fǎng)問(wèn)量。

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

扁平化設計才是個(gè)開(kāi)始，我們期待在簡(jiǎn)單化和及時(shí)化上更多的進(jìn)步。

4. Pixel已亡

▼▼▼

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

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

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

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

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

5. 動(dòng)圖回來(lái)啦

▼▼▼

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

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

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

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

6. web components 組件標準化到來(lái)

▼▼▼

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

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

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

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

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

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

▼▼▼

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

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

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

非預測：CSS shapes

▼▼▼

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

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

但它真的很酷。

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