設計術語常常是令人困惑的。 為什么它會不會,當我們提到的術語意味著無處不在。 現在,這并不意味著設計者可以混合起來; 他們必須知道這一切。 他們必須完全熟悉設計過程的各個階段的差異。 你怎么能指望一個設計師計劃一個可用的產品如果他混淆了模型與線框? 它就像一個木匠提及錘子一把螺絲刀。 線框圖和原型是每一個設計師的創意工具和上下必須已知。

重要的是要熟悉基本了解這些步驟的不同程度的忠誠。 我們的目標是很簡單的事情,不設置固定的規則。 注意:沒有最好的分類過程,但是的肯定有一個“正確”的過程,結合適當的實踐。 現在,首先,讓我們杭州公司網站制作回顧一下基本知識和學習什么是線框圖和原型,他們做什么,他們是如何有用和一些方法來構建。 繼續讀下去,探索更多:-

高保真線框圖

線框圖是骨骼的接口布局缺乏審美特性。 藍圖描繪了網站或應用程序的結構主要遵守可用性和功能,而不僅僅是揭示最后看。 第一步在設計過程本身涉及創建線框圖,然后把時間和精力放在排序所有的布局、結構和組織查詢繼續迭代階段有關視覺細節。 實際上,這就是為什么線框保持低忠誠這樣的格式和結構可以臨時反復最后凝固。

杭州公司網站制作在這個步驟完成之后,你可以在其他視覺和技術細節。 已經說過,不排除視覺從線框完全需要足夠的細節來可視化整個布局和相對空間的元素包含在設計中。 這就是為什么線框包含占位符最終圖形方塊的形狀與Xs或簡要形式的圖標添加。

設計人員和開發人員通常將線框圖簡單,避免任何干擾。 最好的部分:線框只快速和易于創建演示網站或應用程序的結構與很少或根本沒有細節,圖形或顏色。

優勢

如前所述,線框圖僅關注大局和主要布局。 團隊可以通過廣泛的問題,然后處理細節。 線框圖的好處是一樣的范圍的任何product-enabling警惕的布局計劃之前產品周期的復雜水平。 這減少了錯過重要的風險特性和在后期做大改變一切都妥善檢查在初始水平。

作為一個可交付成果,線框圖可以發送到整個團隊,讓他們知道大綱。 團隊成員可以通過修改或評論貢獻文檔,因此大多數的團隊從一開始就。 另外,線框圖甚至可以共享與涉眾想要跟蹤結果在最初階段,開發之前進行必要的更改,以避免并發癥。

方法

杭州公司網站制作由于線框圖的低保真,有快速的方法來構建他們比其他設計階段:

• 傳統的方法, 該方法包括草圖線框圖老式風格。 所有你需要的是紙和筆,畫任何你的想法。 別讓細節分散你的注意力。 線框圖是頭腦風暴創意和可以把復雜的方面,因為它會導致的問題分享和團隊成員之間會產生不必要的混亂。 如果你是在尋找系統和組織的草圖,然后分層的草圖是為了你。

• 圖形設計方法, 如果草圖通過軟件Photoshop或讓你感覺像在紙上畫草圖,草圖,然后使用這些軟件。 但這要求完成程序的知識,另一方面也可以阻礙的交互提供了一些線框圖程序。

• 演講風格, 如果您使用的是線框圖表示,那么最好的方法是使用軟件像幻燈片或主題。 功能,如滑動結構促進思維設計頁面的頁面,但同時妨礙了交互性。 演示軟件是眾所周知的,我們大多數人都使用Powerpoint或為一個目的或另一個主題。

• 設計軟件, 這幾天各種軟件專為線框圖是可用的。 線框圖工具 即UXPin、Axure Moqups, Justinmind的Omnigraffle和許多更多。 這種方法的好處是,這些軟件包括特殊特性線框圖像拖拽可用性和交互性的幫助下順利一些點擊。 主要的限制是成本更比其他方法。 盡管Balsamiq等軟件是免費的,他們缺乏的功能出現在Axure, UXPin Omnigraffle。 項目在其需要更多的管理和限制,而不是它的方法。 不要讓太多的笨拙的方法。 重要的是,你有一個動態的想法項目在你踩到創造產品的更高階段。

高保真原型

完全相反的線框模型的模型最終網站設計,或多或少給確切的最終版本的外觀。 線框支撐結構,以同樣的方式,模擬支持視覺效果。 它提出了最終產品的靜態顯示,相反的線框圖給一個網站或應用程序的整體感覺。通過觀察最終顯示,你可以做出重要的決定有關 配色方案、尺寸、風格和排版,因此給你特權與你的選擇和零實驗最好的作為你最后的選擇。 建筑模型是最好的方法與你的客戶溝通和解釋你的心態。 線框圖是UI的骨架,模型是皮膚,因為它完成了視覺線框通常留下的細節。 視覺顯示放置在原型可以中期或者高保真取決于項目的水平和可用性的時間和資源。

優勢

一些設計師認為模型并不真正需要的 設計過程 和一個可選的部分。 其實,這是他們出錯的地方。 線框圖尤其關注結構執行重要的決定,同樣的模型專注于視覺接管決策任務。 一個主要的獲得是高保真原型與高質量的視覺效果與涉眾。 線框圖游戲想象力密切而最終產品樣機處理。

方法

樣機visual-oriented,只能使用一些方法來創建它們

• 線框圖和原型方法- 就像線框圖,專用軟件像UXPin和Axure的UI元素庫可用于工藝高保真原型。

• 平面設計軟件, 本軟件適用于像素級模型雖然有一定的局限性,特別是在編碼的時間。 你將面臨麻煩當你努力工作不會翻譯你所希望的方式。 然而,有工具如UXPin,奇跡和Invision結合Photoshop和草圖,使從模型到模型的平滑過渡。

• 編碼風格, 如果你能夠很好的編碼,然后構建模型在最后的語言是一個好主意。 這就消除了返工的問題在后期不可轉讓的設計。 你必須考慮的是你在設計過程中通過編碼效率和專業工具。

的區別

線框圖形式基本結構在設計適合元素和確定自己的位置,模擬帶著領先一步的最終外觀設計,類型選擇,款式選擇,顏色的選擇等。 另一個區別是,線框設計的低保真表示反對中產高保真表示模型。

模型反映了視覺的項目與線框的界面交互。 客戶理解框架和設計到交付和線框模型的過程,是一個不同的可交付成果,看起來UI的視覺風格和語氣。 記得線框不能被用作原型但模型可以用作線框圖反過來會影響設計和預算。

最后請注意

線框、模型或原型,最主要的,重要的是你的理解他們的功能和優勢使整個設計過程。 你能定制過程中你所希望的方式嗎? ,你必須知道每個工具適合在設計的過程中。 線框圖作為指南采取行之有效的結構決定。

然而,如果你想做出選擇的靜態描述詳細的圖形,選擇模型。 杭州公司網站制作無論你用的工具,它應該滿足項目的需求,滿足您的需求。 最終取決于你如何你手臂設計在這些工具的幫助。