原型工具中wireframe, mockup和prototype之間的有什麼不同?
無論你是一名剛入行的ux/ui設計師,還是入行多年的老手,在製作原型的過程中一定接觸或聽說過其中很重要的三個原型術語:「wireframe (線框圖)」, 「mockup」 或「prototype」。但捫心自問,你真的能夠明明白白的分清他們嗎?
第一階段: 繪製線框圖(wireframe)
當設計師或產品經理在了解到使用者需求和產品本身特色及效能之後,會理所當然的對於產品軟體主要介面,布局和功能分配之類要素有個全域性把握,為了測試這些想法的可行性,他們常常會使用一些手繪的原型工具繪製出一些沒有太多產品細節的原型草圖,而這些草圖一般被稱作線框圖(wireframe)。
然後,當設計師們與其他的設計師或產品經理討論並聽取他們的意見之後,會對線框圖做出調整和完善,即新增更多的部件,顏色,圖層,布局和排版之類的細節之後,建立更真實和高保真的mockup。
第三階段:新增動畫互動建立prototype專案
之後,為了讓網頁或移動端原型更生動,直觀且接近最終應用, 設計師會對原型新增各種動畫,互動以及轉化設計,從而建立prototype專案。
總之,線框圖(wireframe)更類似於設計師根據想法製作的關於產品應用的草圖,展示出應用大致的布局,所包含的的功能介面以及真實外觀之類主要因素。而mockup則加入了更多細節和視覺元素,以便讓原型本身更接近應用的最終成品。當然,只是外觀上的接近。然後,prototype則是新增了更多互動和動畫的原型,以便設計師可以更好的展示和測試軟體應用的功能。
簡而言之,三種原型各有特色。而且,現今市場上,為增加原型工具本身的市場競爭力,從產品功能上分析,並沒有絕對的wireframe,mockup或prototype原型工具。例如balsamiq就是一款允許設計師繪製草圖的mockup原型工具(既可用作wireframe工具,也可用做mockup工具。)
哪些最受歡迎且免費的mac原型工具值得試一試
1). balsamiq
但是,由於balsamiq是一款需要設計師一一繪製出應用原型部件的手繪工具,並不適合需要建立更多細節和動畫的設計師。
*提供了超過3000個圖示和200元件的強大元件庫,便於設計師快速設計建立原型
*允許設計是通過簡單拖拽建立視覺化互動和動畫
*快速格仔功能,傻瓜式操作,為設計師快速實現批量複製提供了便利
*8種演示分享方式,方便設計師展示和分享原型設計
*團隊協作功能,一鍵分享,通知閱覽和批註,方便設計師分享設計資源和完善原型設計
*專案例子和模板,一鍵匯入即可使用,方便使用者設計各種社交,**,旅遊及學習等軟體原型。
總之,無論你是需要建立線框圖,mockup或擁有靈活互動的prototype, mockplus都會是你不錯的選擇。
pencil project是既一款開源的gui 原型工具,同時也是一款免費且適用於mac平台的原型工具。軟體內建多樣的圖形和元件,方便設計師直接繪製各式應用介面原型。它支援多種匯出格式,例如png, pdf, svg 和 odt 檔案格式等。而且,如果需要的話,在使用pencil project製作原型時,還可在原型檔案之內新增元件與頁面之間的鏈結,使原型更具可操作性。
所以,從這一方面來講,pencil project對於無需建立複雜原型專案(即無需新增多樣配色,版式和動畫)的設計師來講,使用起來會更方便。
總結
因此,如果你是喜歡手繪網頁或手機端應用原型的草圖的文藝青年, 手繪風格的balsamiq會是你不錯的選擇。如果你是希望建立具有豐富色彩,布局多樣,細節清晰且互動生動的應用原型的設計師,簡單快捷且功能齊全的mockplus會是你很好的嘗試。如果你是希望找到一款能夠幫助你設計和繪製不太複雜的應用原型,pencil project會帶給你有趣的體驗。當然,如果你只是希望通過團隊協作優化應用原型並獲得其他參與設計師的建議反饋,mockplus和invision都值得嘗試。
最受歡迎的14款滲透測試工具
黑客可以通過該工具使用人們的ip位址來對其進行跟蹤並窺探其資料。其還被稱作 ipscan 即通過對ip位址和埠的掃瞄來找到進入使用者系統的方法。它是乙個開源的跨平台軟體,也是目前最有效的黑客工具之一,網管 系統工程師的最愛。2015年8月11日,kali linux 最主要的乙個版本 kali li...
最受歡迎的AI著作
最近在學習人工智慧,以下的著作是我認為最受歡迎的ai 人工智慧 著作,希望能對大家有所幫助 1.本書記錄了作者布萊恩 克里斯汀 brian christian 於2009年參加人工智慧洛伯納大獎賽的有趣經歷。用富有詩意的筆法介紹了人工智慧的發展歷程,從 圖靈測試 入手,從多個方面闡述了人工智慧的本質...
最受歡迎的牛 usaco
題面網上到處都是 主要來談談怎麼做,首先利用tarjan求強連通分量縮點,縮點後找到出度為0的點,若不止乙個,則輸出0,否則輸出這個點包含的縮點前的點的個數 為什麼這麼做,是由這道題的問法決定的,若最後求出的出度為0的點有多個,可以肯定一定沒有所求的牛 1 include2 include3 inc...