2016-08-26 分類: 響應式網站
響應式網站新規則
響應式網頁設計已成為幾乎無處不在的網絡流行語。試著尋找# RWD在推特找到相等的部分內容和推特垃圾郵件。這是一個新思想的成熟的共相。我記得當Ajax風靡一時;長期被打入地下。現在,很少有人談論Ajax但圖書館像jQuery完全接受開發商的工作流程。
這似乎反映發生響應的網頁設計是什么。這個詞是無處不在。成都網站設計的一個朋友是在雜志出版,她參加了一個會議,最近,一個著名的新雜志的編輯在談論即將到來的趨勢和提到的響應式網頁設計。編輯可能不是網絡專家,但他們知道的流行語。
為響應網頁設計獲得的蒸汽,我們建立網站的方式改變了。這個詞從詞到每個網頁設計項目中常見的一部分,我們的人才網站需要改變工作方式。為此,我們需要為我們如何工作的一些新的規則。
規則1:不要停留在“軟”
當有人告訴你“看看這個響應網站”,你要做的第一件事是什么?你可能規模的窗口看到如何布局的變化。我可能不會打開我的手機和平板電腦開始改變方向或開始運行頁面速度測試。我尺度瀏覽器繼續我的一天。這是我們作為設計師和開發者的經驗,而不是用戶。當我訪問一個網站作為一個用戶,我沒有耐心。我不在乎,如果網站的響聲很好;我只想要我想要的東西。
“濕”是一個網站的一個線性縮放。網站是否要從瘦到胖?代替線性縮放,響應網頁設計的重點應放在建立一個網站的核心,逐步加載,從那里,基于能力。想象一下,一個網站,要建一個小小的手機在邊緣網絡運行IE7。這應該是你的核心部位,然后擴大基于屏幕尺寸和功能。
規則2:不要找一個簡單的方法
響應網頁設計是復雜的。這是怎么回事。我希望有什么我可以告訴你,很容易,但也不是大多數人都反應通過增加一些他們的工作流程,響應網頁設計,無論它是一個新的可交付成果或只是開發商,詢問他們的設計將響應。
我有一個朋友的工作對客戶響應的網站。她在桌面大小的PS圖象處理軟件網站設計。在某些頁面上幾個模型,她想展示什么網站可以在平板電腦和智能手機的樣子,所以她做的這些模型太。在介紹給客戶,給了她一些創造性的調整。大約有50的PSD文件,這個網站在這一點上。她花了幾天修改布局。
試圖添加新的設計會導致耗時的和不一致的過程。一個解決這個問題的好途徑是通過你的線框圖和呈現這些原型給你的客戶。這給你一個可交付成果直接跟網站的布局不同時談論設計。基金會由Zurb下一是一個偉大的工具,用于快速構建原型。
只需添加到您的工作流原型是不夠的雖然。為了成功地建立響應的網站,你需要調整,使我們的下一個規則。
規則3:擁抱變化
當我第一次開始建立網站,我用了兩個工具,PS圖象處理軟件和GoLive。現在我至少有六的節目,我絕對需要為了建立一個網站。我還是用PS圖象處理軟件創造的圖形元素,但我主要設計與崇高的文本2的瀏覽器,我使用Safari瀏覽器的開發者工具來檢查我的iOS 6的元素。 我也使用CodeKit在Git編譯我的預處理CSS和終端版本控制。
響應網頁設計也意味著改變你的設計。而不是躺在PS圖象處理軟件整個頁面,我使用薩曼莎沃倫的風格瓷磚闡明視覺設計。 由網站的品牌視覺和界面元素的實際布局設計外,你可以直接設計并結合從原型的布局在瀏覽器中創建你的敏感部位。
css預處理器也可在任何響應工作流巨大的幫助。簡單地說,處理器可以被用來解決一些建設網站的并發癥,減輕大量的重復工作在CSS繼承。我個人比較喜歡做的,但不一定有一個更好的選擇,因為它有一個較低的進入壁壘,具有更好的文件。
規則4:記住自己的根
[網絡]應該是可以從任何一種硬件,可以連接互聯網:固定或移動、小屏幕或大。提姆伯納斯李
HTML和CSS的天生敏感。從HTML誕生以來,網絡是足夠靈活的工作與互聯網連接的任何硬件。直到我們作為設計師和開發者走向固定的布局,這改變了。在對網站實行固定尺寸,我們限制了網絡的臺式電腦。
概要
響應網頁是你說什么你怎么說文摘。采取,例如,NPR最近搬到一個API驅動的內容模型。通過移動到一個API提供內容,NPR已經能夠管理其應用程序和網站收集以一致的方式。改變是唯一的表示層。
這是響應式網頁應該都差不多。搞清楚什么是你要說的話,讓你怎么說的。設計是對會議的一種方式,是視覺愉悅的需要,同時也致力于滿足用戶的需求。
這是響應式網頁的全部,用戶創建網站,使用它們的人的工作,但是他們訪問的內容。制作網站,可以重構自己的小屏幕只是開始。
新聞標題:響應式網站新規則
標題網址:http://m.newbst.com/news/21170.html
網站建設、網絡推廣公司-創新互聯,是專注品牌與效果的網站制作,網絡營銷seo公司;服務項目有做網站、響應式網站等
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯
猜你還喜歡下面的內容