2016-08-26 分類: 響應(yīng)式網(wǎng)站
響應(yīng)式網(wǎng)站新規(guī)則
響應(yīng)式網(wǎng)頁設(shè)計(jì)已成為幾乎無處不在的網(wǎng)絡(luò)流行語。試著尋找# RWD在推特找到相等的部分內(nèi)容和推特垃圾郵件。這是一個(gè)新思想的成熟的共相。我記得當(dāng)Ajax風(fēng)靡一時(shí);長期被打入地下?,F(xiàn)在,很少有人談?wù)揂jax但圖書館像jQuery完全接受開發(fā)商的工作流程。
這似乎反映發(fā)生響應(yīng)的網(wǎng)頁設(shè)計(jì)是什么。這個(gè)詞是無處不在。成都網(wǎng)站設(shè)計(jì)的一個(gè)朋友是在雜志出版,她參加了一個(gè)會(huì)議,最近,一個(gè)著名的新雜志的編輯在談?wù)摷磳⒌絹淼内厔?shì)和提到的響應(yīng)式網(wǎng)頁設(shè)計(jì)。編輯可能不是網(wǎng)絡(luò)專家,但他們知道的流行語。
為響應(yīng)網(wǎng)頁設(shè)計(jì)獲得的蒸汽,我們建立網(wǎng)站的方式改變了。這個(gè)詞從詞到每個(gè)網(wǎng)頁設(shè)計(jì)項(xiàng)目中常見的一部分,我們的人才網(wǎng)站需要改變工作方式。為此,我們需要為我們?nèi)绾喂ぷ鞯囊恍┬碌囊?guī)則。
規(guī)則1:不要停留在“軟”
當(dāng)有人告訴你“看看這個(gè)響應(yīng)網(wǎng)站”,你要做的第一件事是什么?你可能規(guī)模的窗口看到如何布局的變化。我可能不會(huì)打開我的手機(jī)和平板電腦開始改變方向或開始運(yùn)行頁面速度測(cè)試。我尺度瀏覽器繼續(xù)我的一天。這是我們作為設(shè)計(jì)師和開發(fā)者的經(jīng)驗(yàn),而不是用戶。當(dāng)我訪問一個(gè)網(wǎng)站作為一個(gè)用戶,我沒有耐心。我不在乎,如果網(wǎng)站的響聲很好;我只想要我想要的東西。
“濕”是一個(gè)網(wǎng)站的一個(gè)線性縮放。網(wǎng)站是否要從瘦到胖?代替線性縮放,響應(yīng)網(wǎng)頁設(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)頁設(shè)計(jì)是復(fù)雜的。這是怎么回事。我希望有什么我可以告訴你,很容易,但也不是大多數(shù)人都反應(yīng)通過增加一些他們的工作流程,響應(yīng)網(wǎng)頁設(shè)計(jì),無論它是一個(gè)新的可交付成果或只是開發(fā)商,詢問他們的設(shè)計(jì)將響應(yīng)。
我有一個(gè)朋友的工作對(duì)客戶響應(yīng)的網(wǎng)站。她在桌面大小的PS圖象處理軟件網(wǎng)站設(shè)計(jì)。在某些頁面上幾個(gè)模型,她想展示什么網(wǎng)站可以在平板電腦和智能手機(jī)的樣子,所以她做的這些模型太。在介紹給客戶,給了她一些創(chuàng)造性的調(diào)整。大約有50的PSD文件,這個(gè)網(wǎng)站在這一點(diǎn)上。她花了幾天修改布局。
試圖添加新的設(shè)計(jì)會(huì)導(dǎo)致耗時(shí)的和不一致的過程。一個(gè)解決這個(gè)問題的好途徑是通過你的線框圖和呈現(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)我第一次開始建立網(wǎng)站,我用了兩個(gè)工具,PS圖象處理軟件和GoLive?,F(xiàn)在我至少有六的節(jié)目,我絕對(duì)需要為了建立一個(gè)網(wǎng)站。我還是用PS圖象處理軟件創(chuàng)造的圖形元素,但我主要設(shè)計(jì)與崇高的文本2的瀏覽器,我使用Safari瀏覽器的開發(fā)者工具來檢查我的iOS 6的元素。 我也使用CodeKit在Git編譯我的預(yù)處理CSS和終端版本控制。
響應(yīng)網(wǎng)頁設(shè)計(jì)也意味著改變你的設(shè)計(jì)。而不是躺在PS圖象處理軟件整個(gè)頁面,我使用薩曼莎沃倫的風(fēng)格瓷磚闡明視覺設(shè)計(jì)。 由網(wǎng)站的品牌視覺和界面元素的實(shí)際布局設(shè)計(jì)外,你可以直接設(shè)計(jì)并結(jié)合從原型的布局在瀏覽器中創(chuàng)建你的敏感部位。
css預(yù)處理器也可在任何響應(yīng)工作流巨大的幫助。簡(jiǎn)單地說,處理器可以被用來解決一些建設(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誕生以來,網(wǎng)絡(luò)是足夠靈活的工作與互聯(lián)網(wǎng)連接的任何硬件。直到我們作為設(shè)計(jì)師和開發(fā)者走向固定的布局,這改變了。在對(duì)網(wǎng)站實(shí)行固定尺寸,我們限制了網(wǎng)絡(luò)的臺(tái)式電腦。
概要
響應(yīng)網(wǎng)頁是你說什么你怎么說文摘。采取,例如,NPR最近搬到一個(gè)API驅(qū)動(dòng)的內(nèi)容模型。通過移動(dòng)到一個(gè)API提供內(nèi)容,NPR已經(jīng)能夠管理其應(yīng)用程序和網(wǎng)站收集以一致的方式。改變是唯一的表示層。
這是響應(yīng)式網(wǎng)頁應(yīng)該都差不多。搞清楚什么是你要說的話,讓你怎么說的。設(shè)計(jì)是對(duì)會(huì)議的一種方式,是視覺愉悅的需要,同時(shí)也致力于滿足用戶的需求。
這是響應(yīng)式網(wǎng)頁的全部,用戶創(chuàng)建網(wǎng)站,使用它們的人的工作,但是他們?cè)L問的內(nèi)容。制作網(wǎng)站,可以重構(gòu)自己的小屏幕只是開始。
網(wǎng)頁題目:響應(yīng)式網(wǎng)站新規(guī)則
本文路徑:http://www.rwnh.cn/news20/21170.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷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í)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容