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

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

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

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

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

　　謝潑德設(shè)計(jì)

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

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