響應(yīng)式網(wǎng)站設(shè)計流程
響應(yīng)式設(shè)計是一種源自技術(shù)的概念,而不是單純的設(shè)計風(fēng)格、方法,所以設(shè)計響應(yīng)式設(shè)計其實就是 “面向編程設(shè)計”。
設(shè)計界面要吻合編程的真實方法和需求,而不是根據(jù)我們想怎么做就怎么做,所以整個流程不能只站在設(shè)計師自身的角度考慮,而要和前端程序員緊密溝通,首先確定響應(yīng)幾個寬度區(qū)間,以及它們對應(yīng)的數(shù)值分別是多少。

然后我們就要完成對應(yīng)數(shù)量頁面的設(shè)計,因為前面我們說過,分段響應(yīng)規(guī)則中會有明顯的樣式變動,這就要求設(shè)計師是一定要給出設(shè)計示例的,而不能依靠口頭描述或程序員自由發(fā)揮。
完成這些設(shè)計稿以后,我們再進一步確定同一個區(qū)間內(nèi),組件的寬度適應(yīng)規(guī)則是什么樣的。多數(shù)情況下,這個階段使用口述就可以,如果規(guī)則比較多,那么就可以在標(biāo)注階段把你要實現(xiàn)的效果記錄上去即可。
全部設(shè)計稿和規(guī)則都溝通完畢以后,才進入切圖導(dǎo)出的階段。要提醒一次,在一些特殊的情況下,響應(yīng)式的背景切圖會和普通頁面的背景切法不一樣,盡可能讓前端程序員檢查一遍導(dǎo)出的文件。
只要根據(jù)上述的流程,在遇到不確定或者不清楚的情況,就和前端程序員做溝通,那么很快就可以將項目輸出出來。







