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

　　規(guī)則一：不要呆在ldquo；““軟”；當(dāng)有人告訴你ldquo；看看這個(gè)回答網(wǎng)站“R；，你要做的**件事是什么 您可以縮放窗口以查看布局的變化。我可能不會(huì)打開(kāi)手機(jī)和平板電腦開(kāi)始改變方向或開(kāi)始運(yùn)行頁(yè)面速度測(cè)試。我想繼續(xù)我的一天。這是我們作為設(shè)計(jì)工程師和開(kāi)發(fā)人員的經(jīng)驗(yàn)，而不是用戶(hù)的經(jīng)驗(yàn)。當(dāng)我以用戶(hù)身份訪問(wèn)a網(wǎng)站時(shí)，我沒(méi)有耐心。我不在乎網(wǎng)站是否發(fā)出好的噪音；我只想要我想要的ldquo“濕”；是網(wǎng)站網(wǎng)站從瘦到胖的線性標(biāo)度嗎 響應(yīng)頁(yè)設(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ī)則二：找不到簡(jiǎn)單的方式回復(fù)網(wǎng)頁(yè)設(shè)計(jì)很復(fù)雜。發(fā)生什么事。我希望我能告訴你一些簡(jiǎn)單的事情，但不是大多數(shù)人通過(guò)在回復(fù)頁(yè)面設(shè)計(jì)中添加一些工作流程來(lái)回復(fù)，不管是新的可交付成果還是僅僅是開(kāi)發(fā)人員，問(wèn)他們?cè)O(shè)計(jì)會(huì)回復(fù)什么。我有一個(gè)朋友負(fù)責(zé)客戶(hù)響應(yīng)網(wǎng)站。她內(nèi)置了桌面大小PS圖象處理軟件網(wǎng)站。在一些頁(yè)面上有幾個(gè)模型，她想展示網(wǎng)站在平板電腦和智能手機(jī)上的樣子，所以她制作的模型也是如此。在向客戶(hù)介紹時(shí)，她做了一些創(chuàng)造性的調(diào)整。大約有50個(gè)PSD文件，而這個(gè)網(wǎng)站文件就在這里。她花了幾天時(shí)間修改布局。嘗試添加新的設(shè)計(jì)會(huì)導(dǎo)致耗時(shí)且不一致的過(guò)程。解決此問(wèn)題的**佳方法之一是通過(guò)線框圖向客戶(hù)展示這些原型。當(dāng)網(wǎng)站的布局不同基金會(huì)時(shí)，這將為您提供一個(gè)可供討論的可交付成果。zurb的next是快速原型制作的一個(gè)很好的工具。不過(guò)，僅僅增加工作流原型是不夠的。為了成功構(gòu)建響應(yīng)網(wǎng)站，您需要進(jìn)行調(diào)整以制定下一個(gè)規(guī)則。

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

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

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

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

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