2013-12-05 分類: 網站建設
網頁設計師和前端開發人員工作流程提示
有沒有一個正確的工作流程,建立一個網站。但也有為了提高您的工作流程,使您的工作更輕松一點的方式。
無論你的設計或編寫代碼,通常是有一部分的過程,可以簡化。這可能取決于你是單獨工作或在團隊環境中的變化。但如果你知道如何調整你的過程中你可以得到這樣的項目較少的手動任務更快。
在過去成都網頁設計已經覆蓋響應工作流程在這篇文章中我想分享共同的設計及開發流程的優化策略。我會提供創作過程中的技巧和資源,幫助網頁設計師和開發人員有更多的準確度和精密度,建立自己的項目。
一個線框
開始在每一個Web項目的線框是一個好主意。這有助于你充實的內容思路、布局風格,并組織頁面元素的logo,導航條,按鈕和CTA。
你最初的目標應該是建立一個粗略的布局使用低保真的線框圖。讓他們快速和松散。你會節省時間的好的壞的想法和激光。
如果你需要一些線框模板開始我推薦種畫廊全數字線框圖。
但我個人更喜歡工作紙快速素描鉛筆。這是任何人誰想要快速原型框架從零開始的想法很快下降我好的建議。擦在紙上是更容易和你有更多的控制在整個素描過程。
不要害怕放下10個或更多不同的線框的想法。我第一次得到它的權利,我不認為任何其他設計師做。
如果可能的話,盡量在移動到你最后的線框模型得到精確的。
這樣你有更少的猜測下管道和各個階段的發展只是進一步明確您的原始概念。
復制行為規劃
一旦你大致知道網站應該可以開始進入細節。這可以從一個模型,但我更喜歡建立一個高保真線框圖的第一。
這包括把樣品組件和Web復制到線框,看起來不錯,引導用戶到頁面。
這是一個艱巨的任務,它會略有不同,每一個項目。但是你應該想想你的用戶想做的事并牢記這整個時間。
同時考慮可用性和你的抄本能影響用戶體驗。
沒有唯一正確的方法來寫內容。但寫作應該是令人信服的,引導用戶進一步進入網站。
而規劃的高保真線框圖有助于增加隨著抄本圖像占位符。這樣你可以看到如何布局最終沒有使用填充內容看。
還要考慮大標題和自定義樣式的頁面復制喜歡的項目符號列表的值。你的標題文字吸引用戶進入每一段你經常有短短的幾秒鐘來抓住他們的注意力。
總是在兩個概念在設計網頁文字工作:明確的對比和大量的空白。
你不需要在這一步中選擇一個字體、文本顏色。如果你的線框圖是易于瀏覽的應該是一目了然的。
了解用戶的行為使得它更容易建立副本,可以幫助用戶繞過網站。這種高保真/光模型可能是最重要的階段,因為一旦你進入完整的樣機設計你已經知道布局具有可讀性和易于使用的。
信托前端框架
有很多圍繞前端開發框架。這些主要包括圖書館一樣反應,角,和灰燼。
所有這些可以節省時間,建立一個新的站點的時候,如果你知道如何使用你選擇的框架。目的并不僅僅是為了簡化前端開發也是建筑師你的整個網站。退房這個線程了解更多一點。
任何框架的主要目標是將復雜的功能,幫助您建立多與少的代碼。現代的js框架處理用戶輸入和控制數據如何從后臺轉移到前臺。
新角2釋放這是否好,已經獲得了很多關注。
但是我已經很感激Ember.js開箱路由和異步行為的細節特征。余燼的學習曲線是陡峭的但與正確的學習資源你可以快速移動,甚至享受學習的過程。
大的好處一個框架是模塊化的時候,建立一個新的項目。
你知道從哪里開始,如何規模,以及如何組織新的文件具有相同的結構。建筑是一樣重要的是你如何寫你的代碼。
如果你想了解更多的檢查本指南看看其他開發者實現前端框架為現代Web項目。
測試&調試
當我第一次開始IE6仍然受歡迎的寫代碼。如果你不知道的,Web開發人員一些不滿Internet Explorer。
瀏覽器的怪癖是很不常見的這些天,但他們仍然存在。為此,測試仍然是你的開發工作流程的一部分。
除了主要的瀏覽器漏洞會之間如何某些瀏覽器渲染的邊緣,圖案,盒尺寸較小的差異,并在瀏覽器引擎WebKit像壁虎與相似的性質。
測試的方法之一是讓所有這些瀏覽器在您的計算機上。在你做出大的改動你的代碼只是檢查你的工作在所有的瀏覽器。然而,這會令人討厭,快。
相反,嘗試使用瀏覽器測試工具,可以節省時間和挫折。這里是一些最流行的選擇:
browserstack
瀏覽器快照
browserling
我還建議開發人員添加響應的測試工具為他們的工作流程。
這有助于你在每個主要的斷點檢驗響應式布局無需不斷調整和切換瀏覽器。
我最喜歡的兩個擴展響應網頁設計測試和視口縮放。兩者都是完全免費的,現場測試工作。
另一個工具,我強烈推薦的是在瀏覽器中調試控制臺。這是偉大的為測試JavaScript代碼,希望在你的HTML / CSS代碼驗證潛在的錯誤。
所有這些工具都是在調試過程中非常有價值的。但每個開發者會落在自己的工作流程,所以它是由你來決定哪些工具提供大的價值。
結束了
沒有一個合適的方法來構建一個工作流的Web。但有好實踐和技術,你可以通過使過程更順暢、更易于管理。
我希望這些小貼士可以幫助塑造你的工作流在設計和開發方面的。它現在更容易建立和推出一個新的網站,所以如果你不斷推出新項目,這些小技巧可以使一個長期處于不同的世界。
本文標題:網頁設計師和前端開發人員工作流程提示
網頁鏈接:http://m.newbst.com/news34/17884.html
成都網站建設公司_創新互聯,為您提供品牌網站設計、App設計、ChatGPT、標簽優化、云服務器、移動網站建設
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯
猜你還喜歡下面的內容