??
對頁面進行響應式的設計實現，需要對相同內容進行不同寬度的布局設計，有兩種方式：PC優先（從電腦端開始向下設計）；移動優先（從移動端向上設計）；
響應式設計是一種源自技術的概念，而不是單純的設計風格、方法，所以設計響應式設計其實就是 「面向編程設計」。
設計界面要吻合編程的真實方法和需求，而不是根據我們想怎么做就怎么做，所以整個流程不能只站在設計師自身的角度考慮，而要和前端程序員緊密溝通，首先確定響應幾個寬度區間，以及它們對應的數值分別是多少。
然后我們就要完成對應數量頁面的設計，因為前面我們說過，分段響應規則中會有明顯的樣式變動，這就要求設計師是一定要給出設計示例的，而不能依靠口頭描述或程序員自由發揮。
完成這些設計稿以后，我們再進一步確定同一個區間內，組件的寬度適應規則是什么樣的。多數情況下，這個階段使用口述就可以，如果規則比較多，那么就可以在標注階段把你要實現的效果記錄上去即可。
全部設計稿和規則都溝通完畢以后，才進入切圖導出的階段。要提醒一次，在一些特殊的情況下，響應式的背景切圖會和普通頁面的背景切法不一樣，盡可能讓前端程序員檢查一遍導出的文件。只要根據上述的流程，在遇到不確定或者不清楚的情況，就和前端程序員做溝通，那么很快就可以將項目輸出出來。
響應式這個概念雖然高大上，但并不是任何項目都要無腦往上套的。因為框架規則上的限制，導致我們很難在響應式頁面中使用一些特別復雜、高級的視覺樣式，導致最終呈現的效果往往非常簡單或者過度依賴圖片的質量。所以，如果在功能較為復雜或需要復雜視覺支撐的網頁中，就可以選擇應用固定頁面內容寬度的設計來完成。
