響應(yīng)式網(wǎng)頁設(shè)計(jì)流程的思考

響應(yīng)式網(wǎng)頁設(shè)計(jì)流程的思考
響應(yīng)式網(wǎng)頁設(shè)計(jì)流程的思考“自適應(yīng)網(wǎng)頁設(shè)計(jì)“這個(gè)裝置，獨(dú)立設(shè)計(jì)理念已經(jīng)像野火一樣蔓延在社區(qū)的設(shè)計(jì)與開發(fā)。規(guī)模較大的企業(yè)界接受響應(yīng)式網(wǎng)頁設(shè)計(jì)的證據(jù)在2011開始顯著的重新設(shè)計(jì)的星巴克，時(shí)代雜志和波士頓環(huán)球網(wǎng)站。這并不奇怪，在用來上網(wǎng)–手機(jī)，不同的設(shè)備數(shù)量的迅速增加平板電腦、手持游戲設(shè)備，游戲機(jī)，冰箱，誰知道還有什么在不久的將來。我們最近的文章”響應(yīng)式網(wǎng)頁設(shè)計(jì)21新鮮的例子“突出了一些神奇的網(wǎng)站展示響應(yīng)網(wǎng)頁設(shè)計(jì)的美麗和能力。

然而，資源成本比“傳統(tǒng)”的網(wǎng)頁設(shè)計(jì)絕對是相對較高的，有說法稱它將花費(fèi)至少50%來開發(fā)一個(gè)響應(yīng)式網(wǎng)站設(shè)計(jì)。雖然現(xiàn)在有越來越多的資源，響應(yīng)網(wǎng)頁設(shè)計(jì)來對付這種模板和框架，作為設(shè)計(jì)師和開發(fā)者，我們?nèi)绾蝺?yōu)化我們的工作效率呢？正如響應(yīng)網(wǎng)頁設(shè)計(jì)是不斷演化的，所以將響應(yīng)式網(wǎng)頁設(shè)計(jì)流程。本文將響應(yīng)式網(wǎng)頁設(shè)計(jì)工作流的一些主要因素。

為什么要改變我們的工作流程？

通過提高效率，顯著節(jié)省時(shí)間。無論你是為賺更多的錢，花更多的時(shí)間在你的PlayStation或創(chuàng)新更好的網(wǎng)頁設(shè)計(jì)–遠(yuǎn)離經(jīng)典網(wǎng)頁設(shè)計(jì)的工作流程是必須的。> > >發(fā)現(xiàn)線框設(shè)計(jì)發(fā)展>的推出，這種粗糙的一步一步的“瀑布”的過程進(jìn)行網(wǎng)站設(shè)計(jì)的開發(fā)已被證明和大多數(shù)網(wǎng)站將大約三或四年前以這種方式創(chuàng)建。

傳統(tǒng)的Web設(shè)計(jì)流程

有明顯的缺陷涉及使用這種傳統(tǒng)的方法與響應(yīng)的網(wǎng)頁設(shè)計(jì)。這是我第一次參與響應(yīng)的網(wǎng)頁設(shè)計(jì)項(xiàng)目，花費(fèi)的時(shí)間大約是五倍的老學(xué)校的固定寬度的網(wǎng)站項(xiàng)目。想象一下，交給每一個(gè)單頁網(wǎng)站布局和視口大小的位圖設(shè)計(jì)。它是否會使用原型，視覺模式，在瀏覽器或作出響應(yīng)的設(shè)計(jì)決策設(shè)計(jì)及時(shí)–一點(diǎn)一滴的節(jié)省的時(shí)間加起來。認(rèn)為響應(yīng)式網(wǎng)頁設(shè)計(jì)流程是靈活的，就像設(shè)計(jì)本身。

內(nèi)容第一

在任何網(wǎng)站的內(nèi)容始終是重要的，但現(xiàn)在比以往任何時(shí)候更具有響應(yīng)式網(wǎng)頁設(shè)計(jì)。在你的計(jì)劃和頭腦風(fēng)暴的結(jié)構(gòu)不管，它是確定內(nèi)容的優(yōu)先順序至關(guān)重要。一個(gè)使用響應(yīng)式設(shè)計(jì)和專用或移動網(wǎng)站設(shè)計(jì)在內(nèi)容交付之間大的差異。所有的用戶可以訪問所有內(nèi)容的網(wǎng)站所提供的–這背后是響應(yīng)式網(wǎng)頁設(shè)計(jì)希望你或你的客戶喜歡的網(wǎng)站響應(yīng)的原因的哲學(xué)。

本書內(nèi)容溢出

在響應(yīng)式設(shè)計(jì)，對任何內(nèi)容的重要性權(quán)重是關(guān)鍵由于內(nèi)容階方差取決于設(shè)備的可能性。泛濫的內(nèi)容是在響應(yīng)式網(wǎng)頁設(shè)計(jì)由于擬合相同數(shù)量的內(nèi)容在桌面屏幕的要求，移動設(shè)備的常見問題。考慮更多的問題在你的客戶調(diào)查問卷，在最初的接觸或在早期的研討會來減輕可能的問題后，在你的響應(yīng)Web項(xiàng)目的生命。

設(shè)備規(guī)劃

“你怎么沒有iPhone的一個(gè)布局呢？五十的用戶好的查看我們的網(wǎng)站在iPhone”，作為一個(gè)客戶，搖了搖頭，失望–這是我的第一個(gè)錯(cuò)誤學(xué)習(xí)。一個(gè)堅(jiān)定的把握對項(xiàng)目的要求和內(nèi)容的量，希望這不會太難決定哪個(gè)設(shè)備寬度和多少不同寬度的設(shè)計(jì)。這響應(yīng)式設(shè)計(jì)規(guī)劃的簡單裝置圖是一個(gè)可下載的Photoshop文件的理想寬度為三至六的布局設(shè)計(jì)。這個(gè)決定無疑是第一你做設(shè)計(jì)時(shí)的響應(yīng)。

設(shè)備規(guī)劃寬度
在瀏覽器與PS圖象處理軟件和焰火設(shè)計(jì)

在瀏覽器設(shè)計(jì)的優(yōu)點(diǎn)是響應(yīng)式網(wǎng)頁設(shè)計(jì)放大，“用Photoshop為響應(yīng)設(shè)計(jì)煙花是像把刀”安迪·克拉克（–槍戰(zhàn)。“說大話）。不可否認(rèn)，有些項(xiàng)目將提供更快的結(jié)果和真實(shí)的，“當(dāng)場”測試。熟悉的工具如螢火蟲和firesass將“槍”這個(gè)“槍戰(zhàn)”，設(shè)計(jì)師可以利用HTML5和CSS3將找到原型非?？?。決策，如顏色和瀏覽器中的字體大小可以非常有效。

螢火蟲

我個(gè)人很欣賞在瀏覽器設(shè)計(jì)的許多好處。我試過這個(gè)方法好幾次，但我發(fā)現(xiàn)我還是喜歡開始Photoshop。我喜歡杰瑞米吉拉德“設(shè)計(jì)到極端”的方法，從網(wǎng)站的桌面版本。一旦我滿意的字體，圖像，桌面的網(wǎng)站風(fēng)格和整體的設(shè)計(jì)方向，我工作在最小的布局或“網(wǎng)站使用類似的視覺方向，調(diào)整布局適當(dāng)移動版”。我喜歡這個(gè)工作流程以及針對客戶要求任意設(shè)計(jì)一個(gè)完整的檢修的可能性。然而，我喜歡的絕對不是適合每個(gè)人、每個(gè)項(xiàng)目。

草圖

“花很短的時(shí)間素描你可以節(jié)省幾個(gè)小時(shí)在電腦上。你不僅能節(jié)省自己的時(shí)間，你甚至可以買得起自己安心一些。每當(dāng)那個(gè)邪惡的怪物“設(shè)計(jì)師的塊在蠕動，它不可避免地留下一個(gè)破壞性的自我懷疑的道路它醒來。我挑戰(zhàn)你，開始用素描作為你的過程的一部分，你會看到在次你打虛擬墻虛無的數(shù)量明顯減少。”
Tara Roskell（–“designbloguk）。我敢肯定，草圖已經(jīng)大部分設(shè)計(jì)師的工作流程的一部分，它現(xiàn)在比以往任何時(shí)候都更加重要的響應(yīng)網(wǎng)頁設(shè)計(jì)的時(shí)代。

響應(yīng)式設(shè)計(jì)素描

考慮到許多敏感的網(wǎng)頁設(shè)計(jì)師直接跳到瀏覽器，它是以測試首先提交時(shí)間為HTML / CSS的已有觀念尤其重要。我用響應(yīng)式設(shè)計(jì)速寫本使素描生活的微風(fēng)；我經(jīng)歷這些筆記小說非?？?。你會驚奇地發(fā)現(xiàn)，大量的問題和內(nèi)容布局挑戰(zhàn)你不想為你勾畫出你的設(shè)計(jì)思路。

情緒板和風(fēng)格的瓷磚

情緒板一直在平面設(shè)計(jì)的世界存在。概念收集意象統(tǒng)領(lǐng)全局的“感覺”，一個(gè)網(wǎng)站的設(shè)計(jì)是好的響應(yīng)式網(wǎng)頁設(shè)計(jì)既然是完全有可能的六個(gè)視覺上完全不同的布局（雖然很少）。有規(guī)律的鍛煉我與客戶是目前與三略有不同的情緒板來確定哪些風(fēng)格的共鳴與客戶需求最開始設(shè)計(jì)之前。這消除了人們的猜測從響應(yīng)式網(wǎng)頁設(shè)計(jì)流程來減少多個(gè)設(shè)計(jì)修改的機(jī)會。

分享題目：響應(yīng)式網(wǎng)頁設(shè)計(jì)流程的思考
當(dāng)前路徑：http://muchs.cn/news15/20365.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)頁設(shè)計(jì)公司、云服務(wù)器、網(wǎng)站制作、外貿(mào)網(wǎng)站建設(shè)、App開發(fā)、ChatGPT

廣告

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