響應(yīng)式網(wǎng)站新規(guī)則響應(yīng)式網(wǎng)頁設(shè)計已成為幾乎無處不在的網(wǎng)絡(luò)流行語。嘗試在推特中查找#RWD，以查找內(nèi)容和推特垃圾郵件的相等部分。這是一個成熟共相的新思路。我記得當(dāng)時Ajax風(fēng)靡一時；它在地下開了很長時間?，F(xiàn)在，很少有人談?wù)揂jax，但是像jQuery這樣的庫完全接受開發(fā)人員的工作流程。這似乎反映了回復(fù)頁面設(shè)計的內(nèi)容。這個詞無處不在。深圳友人網(wǎng)站設(shè)計從事雜志出版。她參加了一個會議。近日，某知名新雜志編輯在談到即將到來的趨勢時，提到了反應(yīng)靈敏的網(wǎng)頁設(shè)計。編輯可能不是網(wǎng)絡(luò)專家，但他們知道流行語。我們構(gòu)建網(wǎng)站的方式隨著我們從網(wǎng)頁設(shè)計得到的信息而改變。逐字逐句是每個網(wǎng)頁設(shè)計項目的共同部分，我們的人才網(wǎng)站需要改變工作方式。為此，我們需要一些新的工作規(guī)則。

　　規(guī)則一：不要呆在ldquo；““軟”；當(dāng)有人告訴你ldquo；看看這個回答網(wǎng)站“R；，你要做的**件事是什么 您可以縮放窗口以查看布局的變化。我可能不會打開手機(jī)和平板電腦開始改變方向或開始運行頁面速度測試。我想繼續(xù)我的一天。這是我們作為設(shè)計工程師和開發(fā)人員的經(jīng)驗，而不是用戶的經(jīng)驗。當(dāng)我以用戶身份訪問a網(wǎng)站時，我沒有耐心。我不在乎網(wǎng)站是否發(fā)出好的噪音；我只想要我想要的ldquo“濕”；是網(wǎng)站網(wǎng)站從瘦到胖的線性標(biāo)度嗎 響應(yīng)頁設(shè)計不應(yīng)線性擴(kuò)展，而應(yīng)側(cè)重于構(gòu)建網(wǎng)站核心，根據(jù)能力從那里逐步加載。想象一下網(wǎng)站構(gòu)建一個小型手機(jī)運行在邊緣網(wǎng)絡(luò)IE7上。這應(yīng)該是您的核心區(qū)域，然后根據(jù)屏幕大小和功能進(jìn)行擴(kuò)展。

　　規(guī)則二：找不到簡單的方式回復(fù)網(wǎng)頁設(shè)計很復(fù)雜。發(fā)生什么事。我希望我能告訴你一些簡單的事情，但不是大多數(shù)人通過在回復(fù)頁面設(shè)計中添加一些工作流程來回復(fù)，不管是新的可交付成果還是僅僅是開發(fā)人員，問他們設(shè)計會回復(fù)什么。我有一個朋友負(fù)責(zé)客戶響應(yīng)網(wǎng)站。她內(nèi)置了桌面大小PS圖象處理軟件網(wǎng)站。在一些頁面上有幾個模型，她想展示網(wǎng)站在平板電腦和智能手機(jī)上的樣子，所以她制作的模型也是如此。在向客戶介紹時，她做了一些創(chuàng)造性的調(diào)整。大約有50個PSD文件，而這個網(wǎng)站文件就在這里。她花了幾天時間修改布局。嘗試添加新的設(shè)計會導(dǎo)致耗時且不一致的過程。解決此問題的**佳方法之一是通過線框圖向客戶展示這些原型。當(dāng)網(wǎng)站的布局不同基金會時，這將為您提供一個可供討論的可交付成果。zurb的next是快速原型制作的一個很好的工具。不過，僅僅增加工作流原型是不夠的。為了成功構(gòu)建響應(yīng)網(wǎng)站，您需要進(jìn)行調(diào)整以制定下一個規(guī)則。

　　規(guī)則3：接受變化當(dāng)我**次開始構(gòu)建網(wǎng)站時，我使用了兩個工具，PS圖象處理軟件和GoLive?，F(xiàn)在我至少有六個節(jié)目，我絕對需要，以建立一個網(wǎng)站。我仍然使用PS圖象處理軟件來創(chuàng)建圖形元素，但我主要使用設(shè)計瀏覽器和sublime text 2，我使用Safari瀏覽器開發(fā)工具來檢查我的iOS6元素。我還使用Git中的CodeKit來編譯預(yù)處理器CSS和終端版本控制。響應(yīng)網(wǎng)頁設(shè)計也意味著更改您的設(shè)計。我使用薩曼莎沃倫樣式的平鋪來說明視覺設(shè)計，而不是躺在PS圖象處理軟件的整個頁面上。通過網(wǎng)站品牌視覺和界面元素的實際布局設(shè)計，您可以直接設(shè)計并結(jié)合來自原型的布局來創(chuàng)建您的敏感部件，在瀏覽器css預(yù)處理器中也可以對任何響應(yīng)工作流有很大幫助。簡單地說，處理器可以用來解決網(wǎng)站構(gòu)造中的一些復(fù)雜問題，減少CSS繼承中的大量重復(fù)工作。我個人更喜歡這樣做，但不一定有更好的選擇，因為它有更低的進(jìn)入門檻和更好的文件。

　　規(guī)則4：記住你的根用戶應(yīng)該能夠從任何類型的硬件連接到互聯(lián)網(wǎng)：固定的或移動的，小屏幕或大屏幕提姆伯納斯李HTML和CSS是天生敏感的。自從HTML誕生以來，網(wǎng)絡(luò)就足夠靈活，可以與任何連接到Internet的硬件一起工作。直到我們轉(zhuǎn)向一個固定的布局設(shè)計司和開發(fā)商，它改變了。在實現(xiàn)網(wǎng)站的固定大小時，我們將網(wǎng)絡(luò)大小限制為臺式電腦。摘要回應(yīng)頁是你說什么和你怎么說的摘要。以NPR**近移動到API驅(qū)動的內(nèi)容模型為例。通過移動到一個API來提供內(nèi)容，NPR已經(jīng)能夠以一致的方式管理其應(yīng)用程序和網(wǎng)站收集。變化是唯一的表現(xiàn)層。這是一個快速響應(yīng)的網(wǎng)頁。幾乎是一樣的。想說什么就說什么，想怎么說設(shè)計是一種滿足方式，是視覺愉悅的需要，也是致力于滿足用戶需求的。這都是關(guān)于響應(yīng)性網(wǎng)頁，由用戶創(chuàng)建網(wǎng)站，用戶的工作，但他們訪問的內(nèi)容。制作網(wǎng)站并能夠重構(gòu)自己的小屏幕僅僅是一個開始。

　　謝潑德設(shè)計

　　湛江合力網(wǎng)站設(shè)計制作經(jīng)典案例鑒賞仙果纖果網(wǎng)站設(shè)計制作經(jīng)典案例鑒賞寶利鴻源網(wǎng)站設(shè)計制作經(jīng)典案例鑒賞

http://ywxrmy.cn/jianzhanzhishi/1311.html 響應(yīng)式網(wǎng)站的新規(guī)則