但在當前響應式網站的設計并且內容都使用流式布局的時候，要對每種情況都對應著去做一張PS效果圖，工程量巨大，并且顯得不太現實。另外當你需要修改網頁中某個元素的大小或背景的時候，手動對一張張PS效果圖作修改簡直是一個噩夢。

這引發了對設計流程以及使用工具的新思考。能否在貼近并盡量覆蓋各種真實使用環境的情況下，又易于修改？答案是拋棄原有的在PS效果圖制作方法，轉而使用HTML以及CSS等構建真實的基礎網頁效果，最終以截圖的形式獲得效果圖展示給客戶。客戶對某個地方提出修改意見是，你回去執行改動也會變得很輕松，或許只需要在CSS中修改一兩行代碼，若是使用less的話，有時只需改一個變量值，就能達到想要的效果。而這些，在傳統Photoshop效果圖的修改中，不可想象。

或許你會抨擊這不就將樣式設計與前端代碼構建職能混淆了嗎？其實HTML,CSS等只是制作效果圖的工具，網站效果輪廓前后當然是差不多，但這并不是最終的前端代碼，僅用作基本的效果展示。最終網站前端實現的代碼還會跟后臺輸出瀏覽器兼容等有關，可以說它們完全是兩碼事。

這給網頁設計者更高的要求，脫離Photoshop去學習基本的前端語言。新時代下，網頁設計不再可能像平面設計那樣的專職于圖形圖像，還要結合Web技術，來使設計更貼近真實，也減少不必要的重復勞動。可能在固定布局的設計中，Photoshop依然是最好的工具，但流式布局響應式設計的浪潮涌來，能突破傳統結合Web技術來做設計，才能走在前端，贏在未來。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com