響應網(wǎng)頁(yè)思維設計過(guò)程響應網(wǎng)頁(yè)思維設計過(guò)程ldquo；自適應網(wǎng)頁(yè)設計ldquo；這個(gè)裝置，獨立的概念設計，已經(jīng)像野火一樣在社區設計蔓延和發(fā)展。2011年設計星巴克、《時(shí)代》雜志和《波士頓環(huán)球報》網(wǎng)站，大型企業(yè)接受響應式網(wǎng)頁(yè)設計的證據開(kāi)始顯著(zhù)再現。這在習慣上網(wǎng)時(shí)并不奇怪ndash；手機、各種設備的數量迅速增加，平板電腦、掌上游戲機、游戲機、冰箱，誰(shuí)知道不久的將來(lái)還有什么。我們**近的文章；響應性網(wǎng)頁(yè)設計21個(gè)新鮮的例子ldquo；突出了一些驚人的網(wǎng)站顯示響應頁(yè)面設計的美麗和能力。

　　資源成本比為ldquo；傳統；據說(shuō)，它將花費至少50%來(lái)開(kāi)發(fā)一個(gè)響應網(wǎng)站設計。雖然有越來(lái)越多的資源響應網(wǎng)頁(yè)設計來(lái)處理這樣的模板和框架，作為設計工程師和開(kāi)發(fā)人員，我們如何優(yōu)化我們的工作效率 正如響應式網(wǎng)頁(yè)設計在不斷發(fā)展一樣，響應式網(wǎng)頁(yè)設計也在不斷發(fā)展。本文討論了響應式網(wǎng)頁(yè)設計工作流的幾個(gè)主要因素。

　　為什么要改變我們的工作流程

　　通過(guò)提**率，可以大大節省時(shí)間。無(wú)論你是想賺更多的錢(qián)，花更多的時(shí)間在你的PlayStation或創(chuàng )新更好的頁(yè)面設計ndash；一個(gè)遠離經(jīng)典網(wǎng)頁(yè)設計的工作流程是必要的。燃氣輪機；燃氣輪機；燃氣輪機；發(fā)現線(xiàn)框設計的發(fā)展趨勢；這種粗放的介紹一步一步ldquo；瀑布；進(jìn)行網(wǎng)站設計開(kāi)發(fā)的過(guò)程已經(jīng)被證明，大多數網(wǎng)站將在大約三四年前以這種方式創(chuàng )建。

　　傳統web設計流程

　　在網(wǎng)頁(yè)設計的響應中使用這種傳統方法有明顯的缺陷。這是我**次參與響應網(wǎng)頁(yè)設計項目，這個(gè)項目的時(shí)間大約是老學(xué)堂定寬網(wǎng)站項目的5倍。想象一下給每個(gè)頁(yè)面網(wǎng)站布局和位圖設計的大小。是否會(huì )在瀏覽器中使用原型、視覺(jué)模式或及時(shí)響應設計決定設計ndash；一點(diǎn)一點(diǎn)地，儲蓄加起來(lái)。認為響應性網(wǎng)頁(yè)設計過(guò)程是靈活的，就像設計本身一樣。

　　內容優(yōu)先

　　任何網(wǎng)站中的內容都是重要的，但現在比以往設計更具響應性。不管你的計劃和頭腦風(fēng)暴的結構如何，確定內容的優(yōu)先順序是至關(guān)重要的。響應型設計和專(zhuān)用型移動(dòng)網(wǎng)站設計在內容交付方面**大的區別之一。所有用戶(hù)都可以訪(fǎng)問(wèn)網(wǎng)站ndash提供的所有內容；這背后的理念是為什么響應性網(wǎng)頁(yè)設計希望響應您或您的客戶(hù)喜歡的內容網(wǎng)站。

　　書(shū)的泛濫

　　作為回應設計，任何內容的重要性權重都是關(guān)鍵的，因為內容順序的變化取決于設備的可能性。在響應式網(wǎng)頁(yè)設計中，由于需要在桌面屏幕移動(dòng)設備上安裝相同數量的內容，因此泛洪內容是一個(gè)常見(jiàn)問(wèn)題。在您的客戶(hù)問(wèn)卷中、在初次接觸時(shí)或在早期研討會(huì )中考慮更多問(wèn)題，以減輕您對web項目生命周期的響應后可能出現的問(wèn)題。

　　設備規劃

　　ldquo; 為什么沒(méi)有iPhone的布局 50%的用戶(hù)可以在iPhone“完美”中查看我們的網(wǎng)站；，作為客戶(hù)，他搖頭失望ndash；這是我**次錯誤的研究。牢牢掌握項目要求和內容量，希望確定哪個(gè)設備寬度和多少不同寬度設計不會(huì )太困難。這個(gè)簡(jiǎn)單安裝圖的響應性設計規劃是一個(gè)可下載的Photoshop文件，其理想寬度為三為六個(gè)布局設計。這一決定無(wú)疑是您設計作出的**個(gè)回應。

　　帶有PS圖象處理軟件和焰火設計的瀏覽器中的設備規劃寬度

　　瀏覽器設計的優(yōu)點(diǎn)是響應網(wǎng)頁(yè)設計被放大ldquo；回應Photoshop，設計煙花猶如刀安迪middot；克拉克（ndash; 槍?xiě)餷dquo；大話(huà)）。不可否認的是，一些項目將提供更快的結果和真正的，ldquo當場(chǎng)rdquo；測試。熟悉的工具如螢火蟲(chóng)和firesass威爾ldquo；槍?zhuān)槐緇dquo；槍?xiě)鹪O計師可以用HTML5和CSS3很快找到原型。瀏覽器中的顏色和字體大小等決定可能非常有效。

　　螢火蟲(chóng)

　　我個(gè)人很欣賞瀏覽器設計的諸多優(yōu)點(diǎn)。我已經(jīng)嘗試過(guò)這個(gè)方法好幾次了，但我發(fā)現我還是喜歡開(kāi)始Photoshop。我非常喜歡杰瑞米吉拉德ldquo設計；方法從網(wǎng)站桌面版本。一旦我對字體、圖像、桌面網(wǎng)站樣式和總體設計方向滿(mǎn)意，我將以**小布局或ldquo網(wǎng)站使用類(lèi)似的視覺(jué)方向工作，適當調整布局移動(dòng)“版本；”；。我喜歡的工作流程和任何設計客戶(hù)要求的全面檢修的可能性。然而，我喜歡的絕對不是每個(gè)人和每個(gè)項目都適合。

　　素描

　　ldquo; 花很短的時(shí)間素描，你可以節省幾個(gè)小時(shí)在電腦上。你不僅可以節省時(shí)間，甚至可以買(mǎi)得起自己的。每當那個(gè)邪惡的怪物ldquo設計師的擋塊在蠕動(dòng)時(shí)，總會(huì )不可避免地留下一條自我懷疑的毀滅性路徑，讓它蘇醒過(guò)來(lái)。我要求你開(kāi)始素描作為你的過(guò)程的一部分，你會(huì )看到你玩的虛擬墻的數量顯著(zhù)減少。rdquo；Tara Roskell（ndash;ldquo;（我敢肯定，素描一直是大多數設計部門(mén)工作流程的一部分，現在比以往任何時(shí)候都更重要的是回應網(wǎng)頁(yè)時(shí)代設計。

　　設計速騰

　　考慮到許多敏感網(wǎng)頁(yè)設計可以直接跳轉到瀏覽器，測試**次提交時(shí)間是HTML/CSS的現有概念尤為重要。我用設計速寫(xiě)本勾勒生活的微風(fēng)；我很快就看完了這些草圖。你會(huì )驚訝地發(fā)現，有很多問(wèn)題和內容布局的挑戰，你不想概述你的設計想法。

　　意境板和風(fēng)格瓷磚

　　心情板一直存在于平淡設計的世界。概念集合影像主導大局ldquo；感覺(jué)；，設計中的網(wǎng)站是完美的響應性網(wǎng)頁(yè)設計，因為完全有可能有六種視覺(jué)上完全不同的布局（盡管很少）。目前，我和客戶(hù)之間的定期練習與三個(gè)情感板略有不同，以確定哪些風(fēng)格與客戶(hù)**初的需求產(chǎn)生共鳴設計。這消除了響應網(wǎng)頁(yè)設計過(guò)程中的猜測，以減少多次設計修改的機會(huì )。

http://ezekroy.com/wangzhansheji/689.html 對網(wǎng)頁(yè)響應過(guò)程的思考設計