2014年,對(duì)于網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域而言,是一個(gè)關(guān)鍵的轉(zhuǎn)折點(diǎn)。這一年,移動(dòng)互聯(lián)網(wǎng)流量持續(xù)爆炸性增長(zhǎng),徹底改變了用戶(hù)訪(fǎng)問(wèn)網(wǎng)絡(luò)的方式。網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目不再僅僅服務(wù)于桌面端的顯示器,而是必須全面擁抱“多屏幕”的現(xiàn)實(shí)。因此,2014年的網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目,其核心主題與顯著特征都緊密?chē)@著“響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)”(RWD)的全面普及與“扁平化設(shè)計(jì)”(Flat Design)美學(xué)的深度滲透。
一、 技術(shù)驅(qū)動(dòng):響應(yīng)式設(shè)計(jì)成為行業(yè)標(biāo)準(zhǔn)
在2014年,一個(gè)成功的網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目,其首要考量已從“視覺(jué)驚艷”轉(zhuǎn)向“跨設(shè)備兼容”。響應(yīng)式設(shè)計(jì)通過(guò)使用靈活的網(wǎng)格布局、彈性圖片和CSS3媒體查詢(xún)技術(shù),使同一個(gè)網(wǎng)頁(yè)能夠自動(dòng)適應(yīng)從臺(tái)式機(jī)、筆記本到平板電腦和智能手機(jī)的不同屏幕尺寸。項(xiàng)目流程中,設(shè)計(jì)師與前端開(kāi)發(fā)者的協(xié)作空前緊密,“移動(dòng)優(yōu)先”(Mobile First)的設(shè)計(jì)策略被廣泛采納。這意味著項(xiàng)目從線(xiàn)框圖階段就開(kāi)始優(yōu)先考慮小屏幕上的用戶(hù)體驗(yàn),再逐步擴(kuò)展到更大屏幕,從而確保核心內(nèi)容與功能在任何設(shè)備上都易于訪(fǎng)問(wèn)和操作。
二、 美學(xué)革新:扁平化設(shè)計(jì)風(fēng)靡全球
在視覺(jué)風(fēng)格上,2014年是“扁平化設(shè)計(jì)”全面取代“擬物化設(shè)計(jì)”的一年。受微軟Metro UI和蘋(píng)果iOS 7的深刻影響,網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目普遍摒棄了高光、陰影、漸變和紋理等旨在模擬現(xiàn)實(shí)物體的裝飾效果,轉(zhuǎn)而采用簡(jiǎn)潔的圖標(biāo)、鮮明的色彩對(duì)比、清晰的排版和大量的留白。扁平化設(shè)計(jì)不僅帶來(lái)了一種干凈、現(xiàn)代、內(nèi)容聚焦的視覺(jué)感受,其簡(jiǎn)化后的UI元素也更易于在響應(yīng)式布局中縮放和適配,提升了頁(yè)面的加載速度,與當(dāng)時(shí)移動(dòng)網(wǎng)絡(luò)環(huán)境的需求高度契合。
三、 用戶(hù)體驗(yàn)的聚焦與挑戰(zhàn)
隨著設(shè)備與交互方式的多元化,2014年的網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目對(duì)用戶(hù)體驗(yàn)(UX)的重視達(dá)到了新高度。設(shè)計(jì)思維貫穿項(xiàng)目始終,用戶(hù)研究、可用性測(cè)試和迭代設(shè)計(jì)成為標(biāo)準(zhǔn)流程。項(xiàng)目需要解決諸如在觸摸屏上設(shè)計(jì)合適大小的點(diǎn)擊區(qū)域、優(yōu)化移動(dòng)端導(dǎo)航菜單(漢堡菜單的廣泛應(yīng)用)、以及確保表單在手機(jī)上的易用性等具體問(wèn)題。如何在不同斷點(diǎn)(Breakpoints)上優(yōu)雅地重組內(nèi)容優(yōu)先級(jí),是對(duì)設(shè)計(jì)師信息架構(gòu)能力的重大考驗(yàn)。
四、 工具與趨勢(shì)的演進(jìn)
在工具層面,Sketch等針對(duì)UI/UX設(shè)計(jì)的專(zhuān)業(yè)軟件開(kāi)始挑戰(zhàn)Photoshop的傳統(tǒng)霸主地位,因?yàn)樗鼈兡芨玫刂С质噶吭O(shè)計(jì)和多畫(huà)板協(xié)作,非常適合響應(yīng)式設(shè)計(jì)的工作流。大背景圖片、視頻背景、卡片式布局以及注重字體排版的趨勢(shì)也在項(xiàng)目中盛行。這些元素與扁平化設(shè)計(jì)相結(jié)合,創(chuàng)造出既簡(jiǎn)潔又不失視覺(jué)沖擊力的頁(yè)面。
回望2014年的網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目,它標(biāo)志著行業(yè)從固定寬度的“桌面時(shí)代”正式邁入了流體彈性的“全設(shè)備時(shí)代”。響應(yīng)式設(shè)計(jì)從一種前沿技術(shù)變成了項(xiàng)目開(kāi)發(fā)的必備基礎(chǔ),而扁平化美學(xué)則重新定義了數(shù)字界面的視覺(jué)語(yǔ)言。這一年確立的設(shè)計(jì)原則與工作流程,為后續(xù)網(wǎng)頁(yè)設(shè)計(jì)的發(fā)展奠定了堅(jiān)實(shí)的方向,其影響深遠(yuǎn),至今仍在塑造著我們的網(wǎng)絡(luò)瀏覽體驗(yàn)。