墨刀原型設計

⑴ Ui原型設計工具有哪些呢

1、墨刀：超快的移動應用原型工具
2、omnigraffle：os x專用
3、App Cooker：ipad上的原型設計工版具
4、乎之原權型：原型快速設計
5、Easel：讓不會代碼和用戶界面設計的創業者快速製作產品原型頁面
6、Prott：非常出色的原型設計工具
7、Protoshop：10分鍾由平面設計稿打造出可在移動設備上運行的Native App原型
8、摩客：簡潔高效的原型圖設計工具
想要學習可以到AAA教育了解一下

⑵ 標題：原型設計中的低保真原型和高保真原型區別是什麼

「原型」對創造成功的用戶體驗至關重要。但是對許多產品團隊來說，原型仍然是UX設計過程中最令人困惑的部分之一。毫無疑問，原型可以是任何東西，從一系列代表app的不同界面或狀態的紙質草圖，到功能齊全、像素完美的app。

同時，了解原型設計主要與產品研發速度有關—目標不是創建可重用代碼，而是盡快落地一個可交互的設計。

先說什麼是低保真原型和高保真原型之前你要先明白下面的幾個問題。

什麼是「原型」？

我們經常在不同的背景里看到「原型」這個詞。 由此，我們很可能已經混淆它的真正含義。

它最基本的含義：原型是設計想法的表達。原型讓設計師們得以展現他們的設計，以及模擬真實的使用場景。在數字化的背景下，原型能夠模擬用戶與界面之間的最終交互行為。根據產品團隊的需求，原型可以模擬整個app或僅單個交互行為。原型可以模擬最終產品的運作方式。它支持產品團隊測試其設計的可用性和可行性。也有很多人將原型與草圖，線框圖和模型混淆，實際上它們不同於原型。「交互性」這個概念是原型的根本，因此這就是為什麼草圖，線框圖和模型不能被視為「原型」的理由。

為什麼我們需要原型？

做原型主要是為了在做實際產品之前測試設計（和產品創意）。 是否進行測試與產品的成功直接相關。 不用想，當產品在市場上上市，人們開始使用它時，你的設計將被用戶測試。如果這是首次測試，則很有可能會有來自用戶的負面反饋。因此，在低風險的研究階段和公開發布之前收集產品反饋，總是更好。

以下是需要原型的兩種情況：

• 確保設計理念按預期進行。 在大多數情況下，讓實際用戶測試產品概念是相對容易的。一旦用戶拿到一個可以交互的產品原型，產品團隊就能夠看到目標受眾是如何使用該產品。 根據這些反饋，可以調整初始理念。

• 確定用戶能夠順利地使用產品。原型的必要性是在產品發布前發現和解決可行性問題。它能測試出產品需要改進的地方。這也是之所以那麼多產品團隊創建原型，讓用戶測試它們，並迭代設計直到它足夠好的原因。

什麼是「保真度」？

原型不一定要看起來像最終產品——它們可以有不同保真度。原型的保真度指的是它如何傳達最終產品的外觀（也就是指它的細節和真實感級別）。

保真度可以在以下方面有所不同：

• 視覺設計

• 內容

• 交互性

原型的類型有很多，基本介於這兩種類型之間。

• 低保真

• 高保真

產品團隊根據原型設計的目的、設計完整性和可用資源來選擇原型的保真度。

低保真原型

低保真（lo-fi）原型設計是將高級設計概念轉換為有形的、可測試物的簡便快捷方法。它首要的也是最重要的作用是——檢查和測試產品功能，而不是產品的視覺外觀。

一個高保真互動式原型, 通過墨刀製作

高保真原型的基本特徵包括:

• 視覺設計：逼真細致的設計 – 所有界面元素、間距和圖形看起來就像一個真正的app或網站。

• 內容：設計人員使用真實或類似於真實內容。原型包括最終設計中顯示的大部分或全部內容。

• 交互性：原型在交互層面非常逼真。

優點

• 可用性測試期間獲取有意義的反饋。對於用戶來說，高保真原型通常看起來像真正的產品。這意味著，在可用性測試會話中，測試參與者將更有可能自然地表現——就好像他們正在與真實產品交互一樣。

• 對特定 UI 元素或交互的測試。藉助高保真交互性，可以測試平面元素，或特定交互, 比如動畫過渡和微交互。

• 輕松獲得客戶和利益相關者的認同。這種類型的原型也適合向利益相關者演示。它使客戶和潛在投資者清楚地了解產品應該如何工作。一個優秀的高保真原型讓人們對你的設計感到興奮，但低保真的原型則不然。

缺點

• 成本較高。 與低保真原型相比，創建高保真原型意味著更高的時間成本和財務成本。

熱門技術

⑶ 墨刀原型圖設計下拉菜單怎麼做

1.你選中你要添加下拉菜單的文字或者圖片 2.在右邊的面板里找到標簽----行為，點擊行為面板里的小加號，選擇顯示彈出式菜單。 3.在出現的顯示彈出式菜單屬性框中設置你想要下拉菜單的文字，顏色，位置等就可以了。 很簡單吧！！

⑷ 軟體原型設計工具有哪些

分享一些原型設計的工具，以及我們在使用過程中總結的優缺點。希望對你有幫助！

• Axure：發展較早的一款原型設計軟體，因而名聲較大。無限畫布，適合做低保真到中保真度的原型。功能很多，也讓學習起來有點難度，網上有很多axure教程就不多說了。本地型軟體，可以下載html文檔預覽，手機預覽不方便。

• 墨刀：國產的一款原型設計協作工具，比起axure來非常容易學會，內置組件很多，創建頁面跳轉也比axure簡單太多。因為是一款在線工具，可以雲端保存工作，這點確實很便捷。另外，通過分享鏈接就可以分享原型給別人看了，如果涉及到跟同事對接什麼的，選擇在線的工具更方便。支持sketch文稿導入和自動標注。個人認為性價比最高。

• Invision: 可以說目前是國外發展最大的在線原型設計工具，主打「交互原型」和「協作」，支持sketch和ps設計稿導入做交互。近來出的 Invision studio 對標sketch，想滿足更精細的設計需要。國外一些大牛公司像airbnb和amazon都在用。不過對於國內用戶來說會有伺服器速度的問題，而且，貴。（土豪公司無視）

• Marvel: Marvel 也是海外知名度較高的一款原型設計協作工具，支持PS和sketch設計稿導入做交互原型，本身也支持中度保真程度的設計。也有自動標注功能。圖片庫對接unsplash，這樣來自unsplash的很多精美的免費圖片可以直接用。價格比Invision稍便宜。

• POP（Prototyping on Paper）：這款比較另類，是給拍照的手畫草圖直接做交互。操作輕巧簡單：先用手機拍下草圖原型(存到POP app內)；然後開始編輯圖片的哪個區域（按鈕）鏈接到什麼頁面，添加跳轉鏈接熱區，就可以在手機上給小夥伴們演示了。內嵌的交互動作 如側滑、展開、消失等，即可滿足一般的動態演示需要。但功能較為簡單，對更深的需求無法滿足。

• Proto.io：也是國外的一款手機原型開發平台。支持在大多數的瀏覽器運行，共享和協作操作方便，可以直接在真實的移動設備上對原型進行測試。擁有較為豐富的UI組件，支持自定義。另外它有不錯的用戶測試功能，支持視頻錄制。並且在移動組件時，能夠實時在畫布看到組件之間的距離。另外由於伺服器的原因，有國內用戶反應速度有點慢；收費較高，性價比一般吧。

歡迎追問！

⑸ 交互設計是開發階段還是原型設計階段

屬於原型設計階段。抄交襲互設計是當用戶操作一個事物時，這個事物與用戶之間形成的相互反饋以及結果。
原型可以更詳細地解釋交互。因為是原型是需求和功能的具象化表達，所以原型可以輔助產品經理與領導、交互、UI和技術的溝通產品思路。雖然需求文檔也是可以滿足溝通需求的，通過用例將交互寫到設計描述文檔中，所以原型設計可以更好的解釋交互，交互設計屬於原型設計階段。
另外，目前比較好用的在線原型設計工具有Marvel，Invision，墨刀等等。

⑹ ui設計流程有哪些

一、確認用戶需求

在UI設計過程中，需求設計角色會確定軟體的目標用戶，獲取最終用戶和直接用戶的需求。用戶交互要考慮到不同目標用戶的交互設計重點，將這些重點融合。例如：老年人用戶和專業用戶的設計重點就不盡相同，所有的目標用戶的需求都要考慮進去。

二、採集交互方式

目標用戶不同交互習慣也千差萬別。習慣性的交互方式往往來源於其原有的針對現實的交互流程、已有軟體工具的交互流程。在此基礎上通過調研分析找到用戶希望達到的交互效果，並且以流程確認下來。

三、討論並制定草圖框架

在一個項目的開始，UI設計師就需要參與到整個項目當中。對於產品需求的了解，不只是產品經理或者項目負責人的事情。所以，需要UI設計師、項目負責人、產品經理和客戶一起作出討論。這個時候，你就需要畫出一個大概的框架草圖。

對於一些外包項目，客戶的需求很多時候都是模糊的，這個時候，整個產品的功能、結構框架也都是模糊的，所以，可能需要UI設計師積極的與客戶或者項目負責人溝通，了解清楚。要不然，你就會抓瞎，沒法開始接下來的項目。

四、流程圖

這個時候，你需要結合開始的產品需求和框架草圖，用思維導圖工具做出一個具體的流程圖，理清你的設計思路。這樣你的項目負責人可以直觀的看到整個的流程，你在開始設計的時候，也可以依據你做的流程圖。

做腦圖/思維導圖/流程圖的工具其實有很多。在這里呢，列舉一些常用到的流程圖工具，如Mindnode/網路腦圖/Xmind/Mindmanager等等。

五、原型圖

所需工具：Sketch(框架圖)、POP(初步原型)、墨刀(高保真原型圖和交互)等

六、確定設計稿和原型交互demo

所需工具：Sketch(設計稿)、Axure(原型交互)、Marvel(原型展示)、Principle(交互動效)、墨刀(原型交互)

七、設計和待開發

所需工具：PS、AI等(設計)、Cutterman (切圖工具)、PxCook(標注、切圖工具)、Zeplin(切圖、設計稿標注)等。

設計過程就不說了，只要你是一位UI設計師，頁面怎麼做那你肯定清楚。當你設計完成頁面以後，要做的工作就是：標注、切圖。

八、引導用戶交互

軟體是為目標用戶服務。因此應該由目標用戶來使用和控制軟體。軟體響應用戶的動作和設定的規則。對於目標用戶交互的結果和反饋，提示目標用戶結果和反饋信息，引導目標用戶進行自我需求的下一步操作。

九、一致性原則

1、設計目標一致

2、元素外觀一致

3、交互行為一致

十、可用性原則

1、可理解

2、可達到

3、可控制

軟體的交互流程，用戶可以控制。功能的執行流程，用戶可以控制。如果確實無法提供控制，則向目標用戶提示相關的信息。

十一、項目進度管理

所需工具：Trello(任務管理)、Bearychat(團隊溝通)

相關推薦

UI設計流程

ui設計培訓四個月騙局

零基礎學ui設計真他媽慘

現在學ui設計都是傻子

⑺ 有比axure更好用的原型設計嗎

轉載的，你可以看看。

《你知道Axure做交互能有多慢？》

Axure在筆者心目中是一款偉大的老牌產品。對於從2003年就開始專注在原型設計工具這個領域的專家，筆者非常敬重。本文並無猥褻之意。

當然，這個「偉大」僅僅限於英文中的那個「great」，而非中文的「偉大」。老外是很容易說「great」，那麼就用這個詞給它。咱們國人的「偉大」其實不能隨便給，所以得廢話兩句來說明。

說正題，交互設計是我們原型設計中很重要的一部分， 是否能夠快速搞定？設計的效率如何？是否簡單易用？很大程度上決定了我們在原型設計上花費的時間和成本。

Axure做交互有多慢？

快慢是相對的，我們不妨用另一款工具做個對比吧，既然Mockplus和Axure都自稱「快速原型設計工具」，那我們就來看看。

問題1：設置交互有多慢？

設置交互，是完成一個交互設計的開始。

Axure - 彈窗篩選，多步設置

做任何一個交互，需要在圖中的彈窗中，在一堆事件和一大堆的頁面組件中去找到一個交互目標。

我看過幾本關於Axure的書籍，其中都提到一個「精要」，就是反復提醒你：在做交互的時候，一定不要忘記給每個組件取個名字——為什麼呢？因為做交互的時候不好找。

在最新的Axure 8 中，特意把設置組件名字的輸入框單獨放出來，然後做得很大，就是要善意地告訴你：「哥，別忘了先取名字哦，不然，到時候你找不到哦」。

重要的事情說三遍，咳，咳。

結語

當你計劃去設計一個網站或者App時，可能會選擇那些「盡人皆知」的原型設計工具，它們很「強大」。可是，在其面面俱到的背後，我們看到了緩慢、臃腫、復雜、難懂——其實，我反而認為簡單快速就是強大。

用最小的代價得到你要的，這個，就是我們經常嘮叨的「用戶體驗」。

⑻ Sketch做好了設計稿，怎麼導入墨刀做交互原型

打開Sketch文檔，選中你要導入的artboards。點擊「Plugins」——「MockingBot」——「Export to MockingBot」。

⑼ ui設計需要什麼軟體

ui設計需要用到的軟體很多，現列舉一些ui設計常用的軟體如下：

Photoshop、Adobe illustrator、Adobe After Effects、Axure RP、sketch。

（1）Photoshop主要處理以像素所構成的數字圖像。使用其眾多的編修與繪圖工具，可以有效地進行圖片編輯工作。ps有很多功能，在圖像、圖形、文字、視頻、出版等各方面都有涉及。

（2）Adobe illustrator，常被稱為「AI」，是一種應用於出版、多媒體和在線圖像的工業標准矢量插畫的軟體。作為一款非常好的矢量圖形處理工具，該軟體主要應用於印刷出版、海報書籍排版、專業插畫、多媒體圖像處理和互聯網頁面的製作等，也可以為線稿提供較高的精度和控制，適合生產任何小型設計到大型的復雜項目。

（3）Adobe After Effects軟體可以幫助您高效且精確地創建無數種引人注目的動態圖形和震撼人心的視覺效果。利用與其他Adobe軟體無與倫比的緊密集成和高度靈活的2D和3D合成，以及數百種預設的效果和動畫，為您的電影、視頻、DVD和Macromedia Flash作品增添令人耳目一新的效果。

（4）Axure RP是美國Axure Software Solution公司旗艦產品，是一個專業的快速原型設計工具，讓負責定義需求和規格、設計功能和界面的專家能夠快速創建應用軟體或Web網站的線框圖、流程圖、原型和規格說明文檔。作為專業的原型設計工具，它能快速、高效的創建原型，同時支持多人協作設計和版本控制管理。

（5）Sketch，即Sketch-A-Etch，是一款素描繪畫類的軟體，玩家需要旋轉左右兩個旋鈕來控制面板上的畫筆描繪出你想要的圖像，並且可以給它們上色。

⑽ Linux下有什麼類似Axure的產品原型設計的軟體嗎

沒有。。。linux要作圖還是比較麻煩的，適合純字元，實在沒辦法，用html自己排生成html再轉pdf。

若要用，建議用網頁版的，比如墨刀