2015年網(wǎng)頁設計的趨勢與預測展望

2014-11-19    藍藍設計的小編

藍藍設計( www.bouu.cn )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供有效的 BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務

來源:http://www.51design.com/index.phpapp=news&mod=Index&act=newsDetail&id=870

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里

2014年,我們制作網(wǎng)頁時遇到了不少新東西——無代碼設計平臺,視差效果,單頁網(wǎng)站等等。隨著技術與設計理念的演進,2015年,網(wǎng)頁制作的設計趨勢是繼承去年還是會迎來革新呢?



1.可調(diào)整的字體



2015年網(wǎng)頁設計七大趨勢



從2006年開始,這種趨勢就已經(jīng)顯現(xiàn)了,只是可能設計師們只是適應得比較慢。網(wǎng)頁上的字體和印刷上的字體非常不同,2015年,我們終于可以完全拋棄那些小小的、堆在一起的文本。網(wǎng)頁上,影響文本可讀性的因素有:


  •     字體大小
  •     文本框寬度
  •     行高



研究表明,更大的字體會增強網(wǎng)頁易讀性。而隨著響應式設計的趨勢,設計師已經(jīng)開始做響應式字體的設計。這回讓文字無論在什么界面上都會有很好的閱讀效果。



2.網(wǎng)頁代碼式微


2015年網(wǎng)頁設計七大趨勢



以往,網(wǎng)頁制作的分工是由兩個界限分明的部分構成的:設計師做外觀設計,工程師編寫代碼讓它工作。隨著設計工具變得越來越智能,這種分工正在改變。



如今,設計師不用編寫代碼就可以制作網(wǎng)頁,利用平面設計軟件的強大功能以及輸出W3C的代碼。



技術的進步帶來了巨大改變,其中之一就是讓設計師制作網(wǎng)頁的門檻降低,可以讓設計師為客戶設計更現(xiàn)代、專業(yè)的網(wǎng)站。當然,優(yōu)秀的工程師并不會消失,只是他們會從前端退居后端,為前端設計品質(zhì)的體現(xiàn)提供保障。



3.響應式設計的進化


2015年網(wǎng)頁設計七大趨勢



幾年前,響應式設計還只限于電腦、平板和智能手機,而現(xiàn)在隨著智能手表、電視和其他智能家居的發(fā)展,響應式設計涉及的范圍越來越大。盡管每一種平臺都有獨特性,但平板和智能手機就有著相似的交互系統(tǒng),文本大小也差不多,分析起來比較方便。



但是說到智能手表這種——它們有著迥然不同的界面,評估的系統(tǒng)也完全不同,那么設計也要重新考慮。用智能手機或電視的思維去想手表的界面設計是不現(xiàn)實的。



對于這種新問題的解決還只是剛剛起步,在2015年,智能設備的市場需求會讓設計師去不斷適應技術的演進。



4.扁平化設計無處不在



2015年網(wǎng)頁設計七大趨勢



網(wǎng)絡產(chǎn)業(yè)的幾大巨頭都在引導著扁平化設計的趨勢——微軟的界面、谷歌的Material Design、蘋果審美的新趨向,等等。



盡管有說法是對扁平化設計的討論只在界面設計的范疇,但這的確是網(wǎng)頁設計的技術趨勢。這關乎我們消費網(wǎng)頁文本的方式,關乎網(wǎng)頁制作背后的技術。扁平化設計遵循著極簡的設計原則,讓受眾可以更容易、更精煉、更快捷得讀到網(wǎng)站的核心內(nèi)容。



扁平化設計不僅符合審美潮流,更利于功能的完善,讓受眾能集中精力閱讀內(nèi)容。



5.圖越大越好


2015年網(wǎng)頁設計七大趨勢



越來越大的不僅是文字,圖片也一樣。



2015年,圖片以新的形式占據(jù)了核心位置。技術適應了響應式設計調(diào)整圖片大小的潮流,能提取圖片的主要色彩作為背景,然后讓圖片更少地占據(jù)服務器容量。這也就意味著,使用大圖片的設計師會越來越多!



6.新的滾動動畫、視差效應和“微交互”



2015年網(wǎng)頁設計七大趨勢



這是讓人印象深刻的一項革新——視差滾動動畫(parallax scrolling animation)。



我們其實在每時每刻都可以看到這樣的現(xiàn)象,比如在蘋果和谷歌的產(chǎn)品主頁上。這是因為視差滾動動畫可以提高70%的效率!



用“滾動”而不是“點擊”去設計網(wǎng)頁,有很多好處——較小的裝載量,更流暢的閱讀轉接,更多的信息流動。



7.網(wǎng)頁信息圖的春天


2015年網(wǎng)頁設計七大趨勢


作為視覺動物,我們在閱讀圖像語言時能更有效地汲取信息。信息圖能地傳遞更多的信息。那么一種新的趨勢就出現(xiàn)了——網(wǎng)頁信息圖!像一般信息圖那樣,網(wǎng)頁信息圖也涵蓋了很多的信息,而更增加了交互性。這會強化傳達效果。2015年,你會看到越來越多的設計師會去做網(wǎng)頁信息圖,并把這種圖變成網(wǎng)頁必要的一部分。



Paul Boag預言:在未來,我們熟悉的固定工作模式將會發(fā)生改變。

2015年網(wǎng)頁設計的4大趨勢


Paul Boag說,變革正在發(fā)生。

身處互聯(lián)網(wǎng)行業(yè),其他行業(yè)在數(shù)字化方面的失敗常令我們感到震驚。例如傳統(tǒng)音像店的衰敗,柯達公司的沒落以及傳統(tǒng)報紙所面臨的諸多挑戰(zhàn)。

但對于我們置身其中的這個行業(yè),我們意識到正在發(fā)生的變革了嗎?萬維網(wǎng)誕生已經(jīng)25年了。我們的思維是否也有僵化的危險?是否我們也開始對變化視而不見,就如同其他行業(yè)中的人一樣?

我知道這有點危言聳聽,我的本意并非如此。我們的行業(yè)當然不會憑空消失。因為數(shù)字技術的興起,今天我們已經(jīng)很少見到走街串巷的推銷員和兜售百科全書的人了。但網(wǎng)絡產(chǎn)業(yè)暫時還沒有這種迫在眉睫的危險。

但卻有一些新趨勢值得我們特別注意。這些趨勢或許不會讓我們丟掉飯碗,但它們無疑會令我們所熟知的工作模式發(fā)生重大的改變。

我要講的這四種趨勢分別是:

  • 自服務團隊的興起。
  • 代碼自動化。
  • 軟件取代人工服務。
  • 網(wǎng)站的衰落。

01. 自服務團隊興起。

近兩年,商業(yè)機構對網(wǎng)絡的理解發(fā)生了很大的轉變。互聯(lián)網(wǎng)曾一度只被看做是另一個銷售渠道,現(xiàn)在卻成了許多企業(yè)能否成功的關鍵所在。

而且很多企業(yè)都認為把如此事關重大的業(yè)務交給外部供應商處理并不明智。因此他們紛紛開始打造屬于自己的內(nèi)部團隊。這種做法是合理的,而且從長遠來看,也能為企業(yè)節(jié)約不少成本。

隨著上游市場機會的減少和設計公司之間競爭的加劇,這種趨勢對網(wǎng)頁設計圈造成的影響已經(jīng)開始顯現(xiàn)。一些知名的設計公司,如Adaptive Path和Mark Boulton Design已經(jīng)將自己出售給了曾經(jīng)的客戶。也就是說他們已經(jīng)成功地轉型成了內(nèi)部團隊。其他一些公司也被迫縮小規(guī)模。

2015年網(wǎng)頁設計的4大趨勢


Adaptive Path是最近被客戶收購的設計公司之一。

當然沒有哪個內(nèi)部團隊能承擔所有的工作。所以專業(yè)型的獨立設計師依然有活兒干。但專業(yè)型的設計公司還能存在多久就不太好說了。相反,專業(yè)設計師與內(nèi)部團隊單獨簽約,從事短期項目的工作模式可能會日漸流行。

這意味著目前在高端設計機構就職的設計師可能需要從長遠角度考慮一下自身的處境了。未來幾年可能會有很多設計機構會從市場上退出。在這些機構就職的設計師將會面臨選擇:是加入內(nèi)部團隊繼續(xù)工作還是成為獨立設計師,如果是后者,你需要在專業(yè)方面變得更精深。

但受到影響的絕不僅限于上游市場。

02. 軟件取代人工服務。

“軟件即服務”的概念對所有行業(yè)的低端業(yè)務都是一個威脅。例如,像FreeAgent這樣的軟件正在替代傳統(tǒng)的記賬人員。從招聘到客戶管理,SaaS(軟件即服務)的模式也在沖擊著傳統(tǒng)商業(yè)模式的各個環(huán)節(jié)。

遺憾的是,網(wǎng)頁設計也在受沖擊之列。從前,一些自由職業(yè)的網(wǎng)頁設計師還能靠建設低端網(wǎng)站賺取不錯的收入?,F(xiàn)在,人們完全可以利用Squarespace等軟件自助建站,自由網(wǎng)頁設計師的日子已經(jīng)不像從前那么好過了。

2015年網(wǎng)頁設計的4大趨勢
FreeAgent是“軟件即服務”這一潮流的先鋒。



這一趨勢帶來的改變當然不止“自助建網(wǎng)站”這么簡單。現(xiàn)在,為大范圍的客戶提供內(nèi)容完全一樣的管理系統(tǒng)已經(jīng)不可想象了。對很多開發(fā)者來說,曾幾何時這還是一個大產(chǎn)業(yè)呢。電子商務平臺的情況也一樣。Shopify的出現(xiàn)意味著幾乎所有在線交易網(wǎng)站都使用同一種購物車模式的時代已經(jīng)一去不返了。

這種趨勢使低端網(wǎng)頁設計師被迫向上游移動,而與此同時,高端的設計機構迫于競爭壓力也在降低價格。于是中層設計師群體的生存空間就會受到擠壓。

以前需要人工才能完成的許多任務,未來很可能被軟件取代。即便是在設計行業(yè),人工所占的比重也比從前少多了。

03. 代碼自動化。

過去,程序員只要能寫出不錯的HTML和CSS就足夠了?,F(xiàn)在情況已經(jīng)變了。不光是因為太多人都會這個,還因為編代碼變得比以前簡單。
Macaw和Adobe Reflow這樣的軟件已經(jīng)能讓設計師勝任大部分以往需要前端編程員來進行的工作。我知道你會想---這些軟件寫出的CSS糟透了。你說的沒錯,但這些軟件起碼預示了一個方向。只要假以時日,它們就會越來越完善。如果有一天人工寫HTML和CSS成為一件稀罕事,我也絲毫不會感到驚奇。

或許這些工具軟件寫出的代碼永遠不如人類寫的那么好,但如果能達到“能用”的級別就已足夠。只要它給人們的回報超過投資就行了。對很多需要“快速投入市場”的代碼來說,“合格”的自動代碼顯然比費時費力的人工代碼要劃算。

2015年網(wǎng)頁設計的4大趨勢



就算這一天不會到來,這些軟件也已經(jīng)開始發(fā)揮影響。至少現(xiàn)在建立原型產(chǎn)品(working prototypes)比以前省力多了。在以前,這可能需要一個前端設計師忙上幾天或幾周才能完成。

你盡可以對這些軟件嗤之以鼻,因為他們無法與一個訓練有素的程序員相提并論。但別忘了,當桌面出版系統(tǒng)出現(xiàn)的時候,平面設計師也是這么說的。桌面出版的確沒有取代平面設計師,但確實也減少了平面設計師的工作機會。

作為設計師,你現(xiàn)在或許還有理由洋洋自得。畢竟不管網(wǎng)站的編程如何,人們無論如何還是需要你來設計網(wǎng)站的。但從長遠看,情況也許沒你想的那么美妙。

04. 網(wǎng)站的衰落。

你可曾注意到,網(wǎng)站的地位正在逐漸下降?舉例來說,現(xiàn)在你要看一場電影。你不知道哪家影院有你想看的那部電影。

在過去,或許你會依次訪問不同影院的官網(wǎng),看那部電影是否正在上映。每個網(wǎng)站背后都有一群忙碌的網(wǎng)頁設計師,所以每個網(wǎng)站都各不相同。

我敢說現(xiàn)在現(xiàn)在你不會這么費事了。很可能你會下載一個App,因為它集合了不同來源的電影放映信息。也可能你會問一下Siri或上谷歌查一下。

2015年網(wǎng)頁設計的4大趨勢
有了Siri,還需要網(wǎng)站嗎?



使用這些方式,用戶無需在不同的界面之間轉換,而且能獲得更好的使用體驗。這些方式的缺點是它們削弱了網(wǎng)頁設計師的地位。

我相信,過不了多久,只要問問Siri,它就會清楚地告訴你何時何地你想看的那部電影會上映。當一切都可以用聲音操作時,也就不需要UI界面了。

現(xiàn)在內(nèi)容正從設計之中被解放出來。我們已經(jīng)開始利用API來實現(xiàn)內(nèi)容在網(wǎng)站和移動程序之間的交換了。一些商家也會優(yōu)先把相關信息放在Facebook,Yelp或Foursquare上,而不再專門設立自己的網(wǎng)站。這種趨勢在中國尤為顯著。

不要驚慌!

上面列舉的這些可能的未來趨勢也許會令你感到沮喪。其實沒必要。作為一個在網(wǎng)絡產(chǎn)業(yè)工作了20多年的人,我可以明確地說只要你能適應這些趨勢,一切都沒問題。你的工作會有一些改變,但你總還不至于無家可歸。

真正的危險是你對即將到來的變革一無所知,這樣當你被迫轉換自己的角色時,過程將會非常痛苦。不管我的預測是否準確,有件事是確定無疑的---網(wǎng)絡世界會持續(xù)演變。查理斯達爾文早就說過:“留下來的不是最強壯的物種,也不是最聰明的物種,而是最能適應變化的物種?!?/p>

分享本文至:

日歷

鏈接

個人資料

藍藍設計的小編 http://www.bouu.cn

存檔