《響應式Web設計全流程解析》一導讀

響應式web設計全流程解析

關于什麼是正确的web設計流程，這個問題沒有統一的答案，探其原因，是因為web設計是一門非常年輕的行業。

十幾年前，web設計是由傳統的平面設計師兼職的，在之後十幾年變化中，這一職位漸漸分裂為web設計相關的各個職位，包括使用者研究、互動設計、視覺設計、前端開發。這些職位的分割帶來了設計流程上的隔閡，每個人成為流水線上的一環，專注于輸出自己的“傳遞物”。互動設計師輸出線框圖、流程圖以及可互動的原型。視覺設計師參考互動設計師的傳遞物，輸出精美的視覺設計稿，如果是響應式設計，需要輸出多份設計稿。前端工程師根據視覺設計稿來輸出靜态頁面。

這一現象帶來的弊端有：很慢的開發流程，在輸出産出物上無謂地浪費了時間；在針對需求變更的時候不能很好地響應變化；在移動浪潮來臨的時代因為要輸出多份傳遞物，流程顯得更慢；大家的工作方式更像是傳統軟體公司的流程，而不是網際網路公司的流程。

本書作者stephen對這一現象提出了自己的疑問，并給出了自己親身實踐的一套流程方案。

stephen鼓勵耦合度更高的設計流程：設計團隊更加緊密地坐在一起，為同一個項目快速研發。

　　鼓勵關注内容，關注基本内容的可用性，這樣能確定在最糟糕的情況下，使用者得到的網站也是可用的。

　　鼓勵設計師身兼數職，不再區分互動設計師和視覺設計師，因為現在的互動線框圖太具體明确，視覺設計師沒有發揮才能的空間。

　　即使仍然保留互動設計師和視覺設計師的職位區分，也不再輸出傳統互動線框圖，而是使用可疊代的傳遞物。互動設計師輸出html頁面，視覺設計師可以基于此來工作，避免時間浪費在傳遞物的輸出上。

　　鼓勵設計師學習一些自動化工具，比如簡單的html和css、自動截圖腳本、靜态伺服器等，把自己從無聊的大量輸出中解放出來。

第2章　從内容開始

第3章　内容參考線框圖

第4章　基于文本而設計

第5章　線性設計

第6章　斷點圖

第7章　為斷點而設計

第8章　建立web設計模型

第9章　截屏

第10章　成果展示：浏覽器體驗

第11章　建立設計手冊