響應(yīng)式網(wǎng)站新規(guī)則

響應(yīng)式網(wǎng)站新規(guī)則
響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)已成為幾乎無(wú)處不在的網(wǎng)絡(luò)流行語(yǔ)。試著尋找# RWD在推特找到相等的部分內(nèi)容和推特垃圾郵件。這是一個(gè)新思想的成熟的共相。我記得當(dāng)Ajax風(fēng)靡一時(shí)；長(zhǎng)期被打入地下?，F(xiàn)在，很少有人談?wù)揂jax但圖書館像jQuery完全接受開(kāi)發(fā)商的工作流程。
這似乎反映發(fā)生響應(yīng)的網(wǎng)頁(yè)設(shè)計(jì)是什么。這個(gè)詞是無(wú)處不在。成都網(wǎng)站設(shè)計(jì)的一個(gè)朋友是在雜志出版，她參加了一個(gè)會(huì)議，最近，一個(gè)著名的新雜志的編輯在談?wù)摷磳⒌絹?lái)的趨勢(shì)和提到的響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)。編輯可能不是網(wǎng)絡(luò)專家，但他們知道的流行語(yǔ)。
為響應(yīng)網(wǎng)頁(yè)設(shè)計(jì)獲得的蒸汽，我們建立網(wǎng)站的方式改變了。這個(gè)詞從詞到每個(gè)網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目中常見(jiàn)的一部分，我們的人才網(wǎng)站需要改變工作方式。為此，我們需要為我們?nèi)绾喂ぷ鞯囊恍┬碌囊?guī)則。

規(guī)則1：不要停留在“軟”

當(dāng)有人告訴你“看看這個(gè)響應(yīng)網(wǎng)站”，你要做的第一件事是什么？你可能規(guī)模的窗口看到如何布局的變化。我可能不會(huì)打開(kāi)我的手機(jī)和平板電腦開(kāi)始改變方向或開(kāi)始運(yùn)行頁(yè)面速度測(cè)試。我尺度瀏覽器繼續(xù)我的一天。這是我們作為設(shè)計(jì)師和開(kāi)發(fā)者的經(jīng)驗(yàn)，而不是用戶。當(dāng)我訪問(wèn)一個(gè)網(wǎng)站作為一個(gè)用戶，我沒(méi)有耐心。我不在乎，如果網(wǎng)站的響聲很好；我只想要我想要的東西。
“濕”是一個(gè)網(wǎng)站的一個(gè)線性縮放。網(wǎng)站是否要從瘦到胖？代替線性縮放，響應(yīng)網(wǎng)頁(yè)設(shè)計(jì)的重點(diǎn)應(yīng)放在建立一個(gè)網(wǎng)站的核心，逐步加載，從那里，基于能力。想象一下，一個(gè)網(wǎng)站，要建一個(gè)小小的手機(jī)在邊緣網(wǎng)絡(luò)運(yùn)行IE7。這應(yīng)該是你的核心部位，然后擴(kuò)大基于屏幕尺寸和功能。

規(guī)則2：不要找一個(gè)簡(jiǎn)單的方法

響應(yīng)網(wǎng)頁(yè)設(shè)計(jì)是復(fù)雜的。這是怎么回事。我希望有什么我可以告訴你，很容易，但也不是大多數(shù)人都反應(yīng)通過(guò)增加一些他們的工作流程，響應(yīng)網(wǎng)頁(yè)設(shè)計(jì)，無(wú)論它是一個(gè)新的可交付成果或只是開(kāi)發(fā)商，詢問(wèn)他們的設(shè)計(jì)將響應(yīng)。
我有一個(gè)朋友的工作對(duì)客戶響應(yīng)的網(wǎng)站。她在桌面大小的PS圖象處理軟件網(wǎng)站設(shè)計(jì)。在某些頁(yè)面上幾個(gè)模型，她想展示什么網(wǎng)站可以在平板電腦和智能手機(jī)的樣子，所以她做的這些模型太。在介紹給客戶，給了她一些創(chuàng)造性的調(diào)整。大約有50的PSD文件，這個(gè)網(wǎng)站在這一點(diǎn)上。她花了幾天修改布局。
試圖添加新的設(shè)計(jì)會(huì)導(dǎo)致耗時(shí)的和不一致的過(guò)程。一個(gè)解決這個(gè)問(wèn)題的好途徑是通過(guò)你的線框圖和呈現(xiàn)這些原型給你的客戶。這給你一個(gè)可交付成果直接跟網(wǎng)站的布局不同時(shí)談?wù)撛O(shè)計(jì)?；饡?huì)由Zurb下一是一個(gè)偉大的工具，用于快速構(gòu)建原型。
只需添加到您的工作流原型是不夠的雖然。為了成功地建立響應(yīng)的網(wǎng)站，你需要調(diào)整，使我們的下一個(gè)規(guī)則。

規(guī)則3：擁抱變化
當(dāng)我第一次開(kāi)始建立網(wǎng)站，我用了兩個(gè)工具，PS圖象處理軟件和GoLive。現(xiàn)在我至少有六的節(jié)目，我絕對(duì)需要為了建立一個(gè)網(wǎng)站。我還是用PS圖象處理軟件創(chuàng)造的圖形元素，但我主要設(shè)計(jì)與崇高的文本2的瀏覽器，我使用Safari瀏覽器的開(kāi)發(fā)者工具來(lái)檢查我的iOS 6的元素。 我也使用CodeKit在Git編譯我的預(yù)處理CSS和終端版本控制。
響應(yīng)網(wǎng)頁(yè)設(shè)計(jì)也意味著改變你的設(shè)計(jì)。而不是躺在PS圖象處理軟件整個(gè)頁(yè)面，我使用薩曼莎沃倫的風(fēng)格瓷磚闡明視覺(jué)設(shè)計(jì)。 由網(wǎng)站的品牌視覺(jué)和界面元素的實(shí)際布局設(shè)計(jì)外，你可以直接設(shè)計(jì)并結(jié)合從原型的布局在瀏覽器中創(chuàng)建你的敏感部位。
css預(yù)處理器也可在任何響應(yīng)工作流巨大的幫助。簡(jiǎn)單地說(shuō)，處理器可以被用來(lái)解決一些建設(shè)網(wǎng)站的并發(fā)癥，減輕大量的重復(fù)工作在CSS繼承。我個(gè)人比較喜歡做的，但不一定有一個(gè)更好的選擇，因?yàn)樗幸粋€(gè)較低的進(jìn)入壁壘，具有更好的文件。

規(guī)則4：記住自己的根
[網(wǎng)絡(luò)]應(yīng)該是可以從任何一種硬件，可以連接互聯(lián)網(wǎng)：固定或移動(dòng)、小屏幕或大。提姆伯納斯李
HTML和CSS的天生敏感。從HTML誕生以來(lái)，網(wǎng)絡(luò)是足夠靈活的工作與互聯(lián)網(wǎng)連接的任何硬件。直到我們作為設(shè)計(jì)師和開(kāi)發(fā)者走向固定的布局，這改變了。在對(duì)網(wǎng)站實(shí)行固定尺寸，我們限制了網(wǎng)絡(luò)的臺(tái)式電腦。
概要
響應(yīng)網(wǎng)頁(yè)是你說(shuō)什么你怎么說(shuō)文摘。采取，例如，NPR最近搬到一個(gè)API驅(qū)動(dòng)的內(nèi)容模型。通過(guò)移動(dòng)到一個(gè)API提供內(nèi)容，NPR已經(jīng)能夠管理其應(yīng)用程序和網(wǎng)站收集以一致的方式。改變是唯一的表示層。
這是響應(yīng)式網(wǎng)頁(yè)應(yīng)該都差不多。搞清楚什么是你要說(shuō)的話，讓你怎么說(shuō)的。設(shè)計(jì)是對(duì)會(huì)議的一種方式，是視覺(jué)愉悅的需要，同時(shí)也致力于滿足用戶的需求。
這是響應(yīng)式網(wǎng)頁(yè)的全部，用戶創(chuàng)建網(wǎng)站，使用它們的人的工作，但是他們?cè)L問(wèn)的內(nèi)容。制作網(wǎng)站，可以重構(gòu)自己的小屏幕只是開(kāi)始。

網(wǎng)頁(yè)題目：響應(yīng)式網(wǎng)站新規(guī)則
本文路徑：http://www.bm7419.com/news20/21170.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷seo公司；服務(wù)項(xiàng)目有做網(wǎng)站、響應(yīng)式網(wǎng)站等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)