(本文轉載自站長(cháng)網(wǎng)) 一年到頭,總結很重要。但是總結的文章看多的總不免要問(wèn),明年會(huì )如何?Well,的確是時(shí)候展望一下未來(lái)了。2014年涌現了許多令人印象深刻的網(wǎng)頁(yè)設計趨勢,幽靈按鈕越來(lái)越多,視差滾動(dòng)也已經(jīng)成熟,單頁(yè)設計也成為了諸多設計手法的重要載體,而逐漸多起來(lái)的免Coding網(wǎng)頁(yè)設計平臺也開(kāi)始造福于設計師了!
當然,有的設計趨勢只是曇花一現,但是有的則是自然演進(jìn)的成果。當我們看著(zhù)《星際迷航》里進(jìn)取號飛船中科技感十足的透明控制面板,以及鋼鐵俠的頭盔中的HUD界面,總不免自問(wèn),為什么我們的手機UI和網(wǎng)頁(yè)不這么設計呢?終于在幾年之后,我們看到了越來(lái)越多姿態(tài)各異的幽靈按鈕,在大氣磅礴的網(wǎng)頁(yè)背景中,閃爍發(fā)光。這就設計的演進(jìn),它們在某些角落誕生,然后在互聯(lián)網(wǎng)的推動(dòng)之下,星火燎原。
我們周遭大小各異的屏幕越來(lái)越多,來(lái)自世界各地的設計師大腦中的想法和靈感也層出不窮,所以網(wǎng)頁(yè)設計師不僅要讓設計兼容越來(lái)越多的屏幕,也得時(shí)刻了解正在發(fā)生、正在流行的新設計。
1、更加靈活的排版 隨著(zhù)對內容呈現形式要求的不斷提升,用戶(hù)和設計師都會(huì )對文字和內容排版提出新的規范。
事實(shí)上,網(wǎng)頁(yè)排版和傳統的平面排版有著(zhù)巨大的差異,而在即將到來(lái)的2015年,你會(huì )發(fā)現越來(lái)越多的傳統網(wǎng)站開(kāi)始轉型,逐漸拋棄小字體+密集布局設計。其實(shí)這并非什么新鮮事,早在2006年,網(wǎng)頁(yè)設計界就已經(jīng)開(kāi)逐漸轉變了,只是傳統網(wǎng)站很難放棄多年以來(lái)的設計風(fēng)格和規則而已。
有研究表明,影響網(wǎng)頁(yè)可讀性的主要有3個(gè)因素:
1)、字體大小
2)、列寬度
3)、行高度
而研究表明,較大的文本大小更加有利于在屏幕上閱讀內容。網(wǎng)頁(yè)設計師門(mén)現在已經(jīng)開(kāi)始提升響應式網(wǎng)頁(yè)布局中,字體排版與圖片、整體結構之間的關(guān)系,以提升閱讀體驗。如何讓文字內容哪怕在跨平臺的狀況下都始終保持最佳的視覺(jué)效果,是未來(lái)網(wǎng)頁(yè)設計中至關(guān)重要的事情。
2、網(wǎng)頁(yè)Coding的衰落 其實(shí)網(wǎng)頁(yè)開(kāi)發(fā)分工一直處于一種高度分裂的狀態(tài):設計師完成網(wǎng)站的視覺(jué)設計,而前端/程序員則需要將設計實(shí)現出來(lái)。但是這一狀況正在逐漸改變,因為網(wǎng)頁(yè)設計工具正在變得越來(lái)越強大,更加智能。
越來(lái)越多的設計師可以不寫(xiě)一行代碼就創(chuàng )建出網(wǎng)站,利用圖形設計軟件的新特性和新功能,設計師所創(chuàng )建的網(wǎng)站不僅代碼干凈漂亮,而且能通過(guò)W3C的驗證。
這是具有重大意義的轉變,新工具令網(wǎng)頁(yè)開(kāi)發(fā)的門(mén)檻逐漸降低,設計師們也能在不觸及復雜技術(shù)的前提下,獨立創(chuàng )建出現代而專(zhuān)業(yè)化的網(wǎng)站。
如此一來(lái),設計師可以更加專(zhuān)注于設計,而這些無(wú)Coding開(kāi)發(fā)平臺則可以更加專(zhuān)注于技術(shù)和代碼演進(jìn),確保所有最新的設計都能完美呈現。之前從事前端工作的開(kāi)發(fā)者逐漸過(guò)度成為Web程序員,而這些平臺就是他們發(fā)光發(fā)熱的地方。
3、響應式設計的進(jìn)化 在過(guò)去的幾年中,設計響應式的網(wǎng)站的時(shí)候,主要考慮桌面端、平板和手機屏幕的適配。但是隨著(zhù)智能手表、智能電視和智能家具的蓬勃發(fā)展,響應式所需要“響應”的屏幕尺寸范疇再一次得到了擴展。
雖然現在手機和平板的交互都已為大眾所熟悉,但是為之進(jìn)行響應式設計的時(shí)候依然存在獨特的挑戰,那就是屏幕尺寸、分辨率的分裂帶來(lái)的適配工作量的增加。
即便解決了平板和手機上的瀏覽的問(wèn)題,你還得面對新加入的設備。比如在智能手表上,網(wǎng)頁(yè)瀏覽的方式都是截然不同的,你需要為之重新思考導航的方式。在手表上瀏覽手機版的網(wǎng)頁(yè)都是一件吃力的事情,而在TV端瀏覽桌面端的網(wǎng)頁(yè)的話(huà),體驗也是災難性的。
這些新問(wèn)題的解決方案可能還有待時(shí)間來(lái)沉淀,但是在2015年底智能設備市場(chǎng)的膨脹,會(huì )促使網(wǎng)頁(yè)設計師們來(lái)考慮新設計,以應對技術(shù)的革新。
4、扁平化設計會(huì )覆蓋每一個(gè)像素 隨著(zhù)主流廠(chǎng)商在設計風(fēng)格上走向一致,扁平化的設計會(huì )在接下來(lái)的一年中急劇膨脹。在過(guò)去的幾年中,微軟的Metro UI、蘋(píng)果的Flat Design和谷歌的Material Design 先后選擇了扁平風(fēng),使得這一設計風(fēng)尚真真正正成為了設計的主流。
盡管現在依然有人在強調扁平化設計在UI設計上存在問(wèn)題,但是普遍的認知是,扁平化設計總體上是一門(mén)促進(jìn)網(wǎng)頁(yè)設計前進(jìn)的技術(shù)。
扁平化設計的發(fā)展,主要還是取決于我們消費網(wǎng)喏內容的方式和屏幕背后 支撐網(wǎng)頁(yè)發(fā)展的技術(shù)。扁平化設計與極簡(jiǎn)設計原則相通,而這種設計可以明顯讓網(wǎng)頁(yè)更加輕量級,更加易用、快速,更突出內容。
扁平化設計已經(jīng)不僅僅在審美上更具吸引力,它實(shí)實(shí)在在地令訪(fǎng)客更容易沉浸到內容中,無(wú)干擾地同網(wǎng)站進(jìn)行交互。
5、圖片:更大=更好 不僅網(wǎng)站上的文字越來(lái)越大,圖片也是!
受限于帶寬,之前的網(wǎng)站開(kāi)發(fā)者和設計師都需要在網(wǎng)站的圖片上精打細算,但是隨著(zhù)時(shí)間的推移,這越來(lái)越不是問(wèn)題。其結果是,越來(lái)越多的網(wǎng)站開(kāi)始使用高清大圖素材了。
在2015年,使用高清大圖作為背景會(huì )成為一大趨勢,相應的,將會(huì )有更多響應式調整圖片尺寸的技術(shù)、背景圖片調色工具以及圖片服務(wù)器負載調整工具涌現。
此外,2015年的另外一大趨勢就是使用大圖背景。模糊濾鏡和彩色濾鏡疊加在背景上,讓文字無(wú)需陰影就可以“浮”背景之上。隨著(zhù)設計師越來(lái)越多地使用大圖背景來(lái)設計,你將會(huì )越來(lái)越頻繁地看到這種網(wǎng)站。
6、視差滾動(dòng) 也許最明朗、最令人印象深刻的網(wǎng)頁(yè)設計趨勢就是視差滾動(dòng)了。
在2014年里,視差滾動(dòng)的網(wǎng)頁(yè)越來(lái)越多,甚至蘋(píng)果和Google這樣的企業(yè)也在自己的產(chǎn)品頁(yè)面上使用了視差滾動(dòng)的設計。不言自明,視差滾動(dòng)式設計確實(shí)有效地提高了用戶(hù)的參與度!
使用滾動(dòng)替代點(diǎn)擊式導航讓網(wǎng)站交互的活躍度提高了好幾個(gè)層次。視差滾動(dòng)有效地減少了多頁(yè)面式網(wǎng)站的頁(yè)面加載次數,更重要的是,它使得內容和頁(yè)面的過(guò)度更加流暢自然,信息源源不斷地呈現,不會(huì )因為突然某個(gè)頁(yè)面加載不出來(lái)而導致體驗下降。
7、網(wǎng)頁(yè)信息圖的黎明 人都是視覺(jué)動(dòng)物,當數據以更加圖形化、視覺(jué)化的方式呈現出來(lái)的時(shí)候,我們更容易接受。這也是為什么信息圖會(huì )逐漸普及開(kāi)來(lái),信息圖正是以這種簡(jiǎn)單直觀(guān)的方式來(lái)表現內容,讓信息的留存度直線(xiàn)提升。正是因此,越來(lái)越多的網(wǎng)站開(kāi)始使用信息圖式的呈現手法。
而這就是設計趨勢,我們稱(chēng)之為Webgraphics!它像信息圖一樣內容豐富,表現直觀(guān),但涉及到網(wǎng)頁(yè)中的具體元素的時(shí)候,還允許用戶(hù)與之進(jìn)行交互,這是單純的信息圖做不到的。這也是為什么Webgraphics比信息圖在視覺(jué)上更加吸引用戶(hù),也擁有更高的用戶(hù)留存率。
在即將到來(lái)的2015年里,我們會(huì )發(fā)現,越來(lái)越多的客戶(hù)會(huì )需要個(gè)性化的、帶有交互的信息圖式網(wǎng)站。你也將會(huì )看到Webgraphics這種設計趨勢的興起,并且成長(cháng)為現代網(wǎng)頁(yè)設計中的重要組成部分。
展望未來(lái) 網(wǎng)頁(yè)設計潮流來(lái)來(lái)去去,真正推動(dòng)網(wǎng)頁(yè)設計標準變革的是設計師們別出心裁的創(chuàng )意。同時(shí),設計師也是將創(chuàng )意和設計標準訴諸作品和產(chǎn)品的人。隨著(zhù)時(shí)間推移,那些站在時(shí)代浪尖上的設計趨勢會(huì )成為普羅大眾日??吹降钠胀?yè)面,而更加偉大和新穎的設計趨勢也會(huì )隨之誕生。