視覺設(shè)計(jì)是一門隨著時(shí)代發(fā)展與社會(huì)變遷,隨著人類認(rèn)知提升與生活環(huán)境變化,而不斷進(jìn)化的學(xué)科,無論是從小眾喜好走上大眾審美,還是從零星的創(chuàng)意苗頭轉(zhuǎn)為流行趨勢(shì),它都代表了一個(gè)時(shí)期人們審美取向與內(nèi)心述求。與此同時(shí)伴隨著城市生活節(jié)奏加快、人們生活方式日新月異,如今的優(yōu)秀設(shè)計(jì)不僅要具備產(chǎn)品使用的功能性,更要符合未來人群的生活方式和潛在審美需求。而作為設(shè)計(jì)師需要具備敏銳的洞察力與捕捉趨勢(shì)的能力,充分消化和理解潮流設(shè)計(jì)元素,不斷汲取其中的精華養(yǎng)分,歷練實(shí)踐轉(zhuǎn)化與效果表達(dá)的掌控力,才能具備更加開闊的視野、獨(dú)到的品味和充滿靈性的設(shè)計(jì)感覺。
何為趨勢(shì)
1、 產(chǎn)品的推陳出新
2、 由流行締造者開創(chuàng)并融入主流文化的一個(gè)過程
趨勢(shì)的種類
A. Fad流行
短期出現(xiàn)6個(gè)月到1年左右,然后又消失
B. Trend趨勢(shì)
繼續(xù)持續(xù)2到4年左右
C. Maga Trend大趨勢(shì)
持續(xù)20年左右
D. Culture文化
跨越時(shí)間和世代,具有連續(xù)性且持續(xù)下去
百度移動(dòng)用戶體驗(yàn)部(MUX),正是秉承著“積淀、能力培養(yǎng)、共建平臺(tái)”的團(tuán)隊(duì)設(shè)計(jì)建設(shè)指導(dǎo)方針,在2014集MUX視覺設(shè)計(jì)線研發(fā)力量,歷時(shí)3個(gè)季度進(jìn)行了本次針對(duì)2015至2016年度的視覺設(shè)計(jì)流行趨勢(shì)研究。眾所周知,世界多個(gè)知名設(shè)計(jì)中心及相關(guān)設(shè)計(jì)機(jī)構(gòu)每年發(fā)布各領(lǐng)域的設(shè)計(jì)趨勢(shì),但是對(duì)于圖形界面設(shè)計(jì)(GUI)以及其周邊的設(shè)計(jì)領(lǐng)域是否適合?在刨析國(guó)際潮流之后,再切實(shí)的分析應(yīng)用場(chǎng)景自信的提出對(duì)未來的視覺設(shè)計(jì)趨勢(shì)的預(yù)測(cè)。不僅出于行業(yè)內(nèi)的需要,更是希望為設(shè)計(jì)師提供靈感的火花和創(chuàng)新的思路,引領(lǐng)視覺設(shè)計(jì)的發(fā)展。
對(duì)2015-2016年的視覺設(shè)計(jì)趨勢(shì)研究,我們是建立在2013-2014整體行業(yè)形態(tài)、消費(fèi)趨勢(shì)等研究,以及國(guó)內(nèi)外趨勢(shì)報(bào)告的分析總結(jié),提出符合設(shè)計(jì)發(fā)展的趨勢(shì)預(yù)測(cè),并以圖形界面設(shè)計(jì)7大要素為切入點(diǎn),分別提出相應(yīng)的設(shè)計(jì)元素,我們相信將這些元素有機(jī)轉(zhuǎn)化到產(chǎn)品設(shè)計(jì)之后,具有迎合用戶心理述求的魅力,從而吸引更多的潛在用戶。
研究方法:
從不同的設(shè)計(jì)門類中尋找和借鑒新的設(shè)計(jì)元素。當(dāng)中可能有威力強(qiáng)大的、影響全球大部分地區(qū)的大趨勢(shì),也有一些零星出現(xiàn)、正逐漸變?yōu)橹髁鞯男≮厔?shì)。因此通過對(duì)工業(yè)產(chǎn)品、平面、繪畫、服裝、建筑、新媒體等藝術(shù)設(shè)計(jì)的趨勢(shì)發(fā)展分析和當(dāng)前流行設(shè)計(jì)語言收集借鑒,在理解和掌握其研究結(jié)果的基礎(chǔ)上,以應(yīng)用到界面設(shè)計(jì)的可行性為判斷標(biāo)準(zhǔn)對(duì)于上述設(shè)計(jì)門類的結(jié)果進(jìn)行篩選、歸納和提煉,并重新整理,達(dá)到對(duì)設(shè)計(jì)靈感、創(chuàng)意和思路的啟發(fā)。
研究步驟:
1、收集、2、歸納、3、提煉、4、總結(jié)、5、轉(zhuǎn)化
研究切入點(diǎn):
GUI(圖形界面設(shè)計(jì))7大要素:色彩、形狀、材質(zhì)、肌理、版式、字體、動(dòng)效
主要發(fā)現(xiàn):
產(chǎn)品和趨勢(shì)正在從“形式追隨功能”,轉(zhuǎn)向“形式追隨情感”,以滿足人們情感與精神層面上的需求,并且這已經(jīng)成為絕大部分產(chǎn)品的重要功能。
2008年至2010年,人類在金融危機(jī)中迎來了以技術(shù)發(fā)展為中心的新時(shí)代。“移動(dòng)技術(shù)的發(fā)展”將普通人帶進(jìn)了以社交為中心的“全新社會(huì)”。人們?yōu)榱丝朔C(jī)積極轉(zhuǎn)換發(fā)展模式,建立“新型秩序”。2012、2013年,人們經(jīng)歷了既有體系的失敗和危機(jī),不再一味關(guān)注未來,開始直面現(xiàn)實(shí)?,F(xiàn)在,人們更傾向于從個(gè)人的生活開始填補(bǔ)空缺,削減過剩,提高當(dāng)下的生活價(jià)值,而不去盲目追求的未來,以達(dá)到個(gè)人和社會(huì)的共存。
發(fā)現(xiàn)不的舒適感和安定感,發(fā)現(xiàn)靈活應(yīng)對(duì)的可能性,提高價(jià)值,都是解讀新潮流的關(guān)鍵詞。
因此我們有了關(guān)于“不的價(jià)值”的新認(rèn)識(shí),當(dāng)人們經(jīng)歷了全球金融危機(jī)建立新秩序的時(shí)候,漸漸明白之前所追求的“”實(shí)際上并不是真正意義上的高價(jià)值。與其追求未來的成功,不如追求現(xiàn)世的幸福;與其開發(fā)頂端1%的技術(shù)和功能,不如開發(fā)對(duì)個(gè)人生活有用的功能;與其集中于制定無缺的計(jì)劃,不如集中精力發(fā)掘人與自然、社會(huì)和諧共存的理想方案。
太多的文章都會(huì)告訴你酷炫的網(wǎng)頁設(shè)計(jì)是怎樣的,但是我將結(jié)合過去帶你看看一些可以實(shí)現(xiàn)的未來。
1. 滑動(dòng)優(yōu)先于點(diǎn)擊
▼▼▼
我們大概已經(jīng)忘了滾動(dòng)的頁面是怎樣的,大多數(shù)的用戶曾經(jīng)很痛苦地把鼠標(biāo)移到屏幕右邊,使用一種很古老的東西,我們叫它“滾動(dòng)條”。
你也許也用過鼠標(biāo)的滾輪,光標(biāo)鍵,觸控板。如今,使用滾動(dòng)要比點(diǎn)擊容易多了,在手機(jī)上,你可以用你的手指隨意滑動(dòng)屏幕。但是要準(zhǔn)確地點(diǎn)擊到目標(biāo)卻要困難許多,這和我們?cè)陔娔X桌面上的體驗(yàn)恰恰相反。
結(jié)果就是,我們期待越來越多的網(wǎng)站吧滾動(dòng)的設(shè)計(jì)放在位,點(diǎn)擊放在第二位。
如今的頁面需要點(diǎn)擊的東西越來越少,取而代之的是滑動(dòng)。我們將會(huì)看到越來越多的滑動(dòng),更多的按鈕,更大的點(diǎn)擊區(qū)域,頂端的頁面也會(huì)變成滾動(dòng)的。
需要將大量文章放在不同頁面的網(wǎng)站很快會(huì)明白這一點(diǎn),希望他們能將這些恨多的頁面整合到一起,比如像時(shí)代周刊(TIME)一樣可以無限滑動(dòng)下去。
現(xiàn)在預(yù)測(cè)網(wǎng)頁會(huì)不會(huì)變得像手表一樣智能還為時(shí)過早,但是我們可以一起期待未來所有的網(wǎng)頁都可以通過手勢(shì)操縱。
2. 折疊顯示正在消失
▼▼▼
如今頁面上的滑動(dòng)非常鋪墊,各種設(shè)備也可以根據(jù)尺寸自適應(yīng),折疊起來的東西變得有一些無關(guān)緊要。
設(shè)計(jì)師們?cè)絹碓讲幌矚g將所有的東西都塞進(jìn)頂端頁面。比如像Medium就采用了全屏的圖片和標(biāo)題,直到你開始滑動(dòng)才可以看見內(nèi)容。
設(shè)計(jì)師們有更多地機(jī)會(huì)像雜志一樣,將他們的頁面填充好看的圖片。在2015將有更多地設(shè)計(jì)占據(jù)更多的空間,尤其是垂直化空間,也會(huì)有越來越多形象化的東西出現(xiàn)。
3. 快速呈現(xiàn)和簡(jiǎn)約設(shè)計(jì)
▼▼▼
如今的年輕人基本上都是非常的網(wǎng)頁使用者。這樣的結(jié)果就是所有的一切都必須變得更高效,人們變得越來越?jīng)]有耐心。如果網(wǎng)頁加載需要1分鐘,一個(gè)脾氣還不錯(cuò)的人都會(huì)變得煩躁。
如今網(wǎng)頁被逼著不僅要變得更快(技術(shù)性問題),更重要的是變得可以更快地被用戶理解。不容易被理解的設(shè)計(jì)業(yè)也會(huì)減少用戶的使用,這和無法加載沒什么區(qū)別。
更加簡(jiǎn)單的設(shè)計(jì)瀏覽起來更簡(jiǎn)單,更容易被欣賞。下面兩個(gè)設(shè)計(jì)很容易被辨別出來哪一個(gè)更加新一些好一些。
其實(shí)這也是Skeuomorphic設(shè)計(jì)逐漸消亡的原因:用戶的觀點(diǎn)越來越多,耐心減少,頁面看起來雜亂只會(huì)減少他們的訪問量。
Apps一般都擁有小而美的界面,因?yàn)樾〗缑嫘Ч麜?huì)表達(dá)得更好。
扁平化設(shè)計(jì)才是個(gè)開始,我們期待在簡(jiǎn)單化和及時(shí)化上更多的進(jìn)步。
4. Pixel已亡
▼▼▼
相信大家在欣賞一個(gè)朋友通過微信發(fā)過來的聲稱有亮點(diǎn)的圖的時(shí)候,應(yīng)該都會(huì)嘗試將其進(jìn)行放大再開始亮點(diǎn)查找。你在Retina屏上面放大還好,但是如果在其他非Retina屏幕上對(duì)圖片進(jìn)行放大,到時(shí)你就真的找到亮點(diǎn)了,且找到很多,一個(gè)個(gè)方塊的格子狀的像素點(diǎn)。旁邊美女一邊走過時(shí)瞥見的話還以為你在看什么東西了,竟然還要打馬賽克!立刻投以鄙視的眼光或者一頓拳腳(如果是公交上的話)!怪誰?怪你朋友發(fā)給你的是位圖。
在電腦桌面上,曾經(jīng)一個(gè)pixel 就是一個(gè)pixel。你甚至還會(huì)記得72dpi由多少個(gè)pixel組成。但是如今,越來越少的人知道一個(gè)pixel是什么意思。
目前收到追捧的一些設(shè)計(jì)中體現(xiàn)了越來越多使用網(wǎng)格和比例的趨勢(shì)。但是有一個(gè)領(lǐng)域始終沒有被撼動(dòng):位圖圖像。然而Retina屏和一些新的瀏覽器,使得矢量圖在2015變得越來越流行。
我們可以看到這個(gè)趨勢(shì)體現(xiàn)在了以字體為基礎(chǔ)的圖標(biāo)設(shè)計(jì),以及Google’s Material Design. 頁面加載得更快并且圖標(biāo)可以不損失質(zhì)量又隨愿意所方程任何大小。這對(duì)設(shè)計(jì)師和網(wǎng)絡(luò)瀏覽器來說是很理想的。
或許還需要一些時(shí)間讓者改變習(xí)慣創(chuàng)造一些更高質(zhì)量的現(xiàn)實(shí)。但是一旦大部分的顯示都變成Retina級(jí)別的,相信更多設(shè)計(jì)師就會(huì)習(xí)慣于此了。
5. 動(dòng)圖回來啦
▼▼▼
如果你想讓你的網(wǎng)頁看起來比較復(fù)古,你可以添加動(dòng)畫效果的“Under Construction”的Gif或者flash動(dòng)畫。但是目前動(dòng)畫已經(jīng)成為現(xiàn)代網(wǎng)頁設(shè)計(jì)的新星了。
扁平化設(shè)計(jì)使得界面看起來不會(huì)過于連續(xù),也不會(huì)太無聊。動(dòng)畫會(huì)使得網(wǎng)頁更加引人注目,并且可以在有限的空間里打包更多的信息。
手機(jī)上的app重新定義了用戶的需求。App會(huì)使用動(dòng)態(tài)圖去傳達(dá)信息,而網(wǎng)頁在這方面才剛剛起步。
新的一些科技比如CSS動(dòng)畫使得在沒有插件,速度,以及一些兼容性問題的情況下更好地提高設(shè)計(jì)師。Web components只會(huì)加速這個(gè)趨勢(shì)。
GIF動(dòng)畫回來了,而且出人意料得有效。你可以發(fā)現(xiàn)這片文章里大量使用的GIF動(dòng)畫配圖。
6. web components 組件標(biāo)準(zhǔn)化到來
▼▼▼
網(wǎng)絡(luò)科技變得越來越復(fù)雜,語義成分越來越少,設(shè)計(jì)師必須為了一個(gè)簡(jiǎn)單地任務(wù)將很復(fù)雜的code植入到頁面里。比如像 Google Analytics 或者是 Facebook 的“like”按鈕。如果我們可以用以下代碼取代的話將會(huì)更簡(jiǎn)單:
<google-analyticskey=”UA-12345–678">
Web Components目前還沒有被大多數(shù)的設(shè)計(jì)師使用,但是這個(gè)趨勢(shì)在2015會(huì)更明顯。
Google’s Material Design 便推動(dòng)了這一趨勢(shì)發(fā)展,在Polymer和各種新開發(fā)的瀏覽器支持下,它為安卓app提供了大量標(biāo)簽簡(jiǎn)單的動(dòng)畫和交互組件。
如果照這個(gè)趨勢(shì)下去,以組件為基礎(chǔ)的框架出現(xiàn)在2015指日可待,或許是Bootstrap4.0?
7. 社交飽和以及郵件的重新崛起
▼▼▼
對(duì)消費(fèi)者來說,社交網(wǎng)絡(luò)已經(jīng)取得了巨大的成功,但是很多內(nèi)容制造者并不是很開心。
問題在于飽和。Facebook發(fā)現(xiàn)在每年數(shù)十億的的posts中只有那么一些被瀏覽和分享。這意味著隨著時(shí)間過去,你的會(huì)被越來越少的人瀏覽(這個(gè)問題是可以解決的,除非你付費(fèi)給Facebook)。
社交并沒有離我們遠(yuǎn)去,但是在2014我們可以看到很多有潛力的知名博主比如 Tim Ferries 的注意力都從社交網(wǎng)絡(luò)轉(zhuǎn)移到“過時(shí)”的email。他們已經(jīng)意識(shí)到email相比社交網(wǎng)站的優(yōu)點(diǎn)是:有更多的人會(huì)看到你發(fā)送給他們的內(nèi)容。
我期待在網(wǎng)頁提示功能不被看好的情況下,這種趨勢(shì)會(huì)在2015繼續(xù)下去。
非預(yù)測(cè):CSS shapes
▼▼▼
這個(gè)很酷的技術(shù)還沒有被重視,除了設(shè)計(jì)師們。CSS shapes 使得非矩形形狀的使用成為現(xiàn)實(shí)。
這無疑非??幔切枰獮g覽器的支持,所以花費(fèi)時(shí)間和努力在上面有一些冒險(xiǎn),或許你需要兩個(gè)設(shè)計(jì)師,一個(gè)應(yīng)付舊的瀏覽器,一個(gè)應(yīng)付新的。除了設(shè)計(jì)師之外,并沒有很多用戶意識(shí)到這個(gè)趨勢(shì)。
但它真的很酷。
網(wǎng)頁設(shè)計(jì)
企業(yè)網(wǎng)站建設(shè)一條龍
找零度飛易網(wǎng)絡(luò)公司-fslingdu所做php
網(wǎng)站建設(shè)方案、
網(wǎng)站設(shè)計(jì)、
網(wǎng)站制作由
北京上海深圳龍崗衢州蘭州常州東營(yíng)南通濟(jì)寧桂林淮安煙臺(tái)長(zhǎng)春無錫天津昆山蘇州合肥貴洛陽昆明天津唐山泉州惠州萬州新鄉(xiāng)商丘臺(tái)州哈爾濱太原攝影???/strong>隨州學(xué)校商丘廣東湖南廣西江西海南廣州企業(yè)中小企業(yè)武漢南山羅湖福田虎門肇慶汕尾汕頭廣州佛山成都杭州濟(jì)南重慶福州西安廈門昆山沈陽青島徐州鄭州南京寧南寧長(zhǎng)沙大連淄博石家莊南昌溫州珠海番禺順德南三水高明中山東莞合肥江門嘉興西寧大良容桂倫教勒流陳村均安杏壇龍江樂從北滘祖廟石灣南莊等地區(qū)企業(yè)網(wǎng)站建設(shè)(廣告)公司提供專業(yè)做網(wǎng)站價(jià)格規(guī)劃書及營(yíng)銷型網(wǎng)站制作,網(wǎng)站建設(shè)基礎(chǔ)知識(shí)