難以描述絕妙的交互?總有一款工具能拯救你

2022-08-22 分類：網站建設

從無到有創建一個原型的工具，首先讓人想到的是AXURE，能應對復雜的交互、易上手的操作，低成本的學習效率，但它不利于展示。

多強大的工具，只要你有死穴，就一定有另一款工具的生存空間。

以下介紹的幾款工具就是為便捷而創造出來的“小而美”親寶寶。

哪種原型工具好用

它們是什么？

慢著，我們先數數原型工具有哪些。

筆和紙

如果簡單的幾個頁面原型，快速的就是筆和紙，加上幾張便簽，一張嘴巴，就能講述有多少個主要頁面，跳轉關系如何，頁面上關鍵的局部/元素也能快速呈現。

Mindjet和Visio

如果只做思路交流和信息架構可以用強大的思維導圖工具Mindjet或者xmind（這是我比較愛用的工具，思路筆記幾乎全用xmind來替代ppt），而流程圖可以用Visio代替。

以下是《UI顏色使用》的主題里分享的筆記。

Axure

目前絕大部分在職設計師用的交互原型主要工具還是axure。其他原型能做的，它都能實現，而它能實現的，其他某一款原型不一定能實現。

AXURE功能強大，邏輯復雜，動態面板能解決絕大部分的高保真效果，加上能善于整理常用的元件庫，那幾乎是馬良神筆。

axure全局性強，站點地圖清晰

axure能處理結構化的頁面跳轉

axure有繪圖功能，能導出圖片

我認為大的缺點? 當只是展示部分主要頁面的時候， axure的分享非常不方便，如果想要展示給HR或者客戶，你就需要對方也有下載axure并且知道如何打開和預覽。

Mokeplus和墨刀

墨刀/ Mockplus都是一款輕量級的原型繪制工具，不需要學習，15分鐘摸索就能做出來簡單的頁面跳轉，加上一些簡單的手勢交互。

相比axure的好處是：

Mockplus的組件和圖標素材非常豐富，網頁和app,后臺CRM都能快速出來設計出來，在早兩年，設計師用的是國外這一款Balsamiq Mockups，但不更新，元素相對舊，年資3-5年以上的交互設計師或者產品經理還是愛用，習慣了嘛。

而墨刀比較針對APP類型的，當然這是沒有復雜的交互，只進行頁面元素的設計和頁面交互。

Mockplus能做WEB/APP/CRM等原型

墨刀針對APP做的原型（也能做網頁）

都能滿足簡單頁面元素設計和頁面交互

都可以二維碼演示

為演示而生的工具

Demoo是什么？

Demoo

復雜型和輕便型的原型工具都有了，這一款有什么特點？

一開始介紹demoo的時候，就有人說，這不是和axure差不多嗎？這不是和墨刀差不多嘛?

這是一款原型工具？先看看它的突出之處

輕量級：無需下載，打開瀏覽器，登錄就可使用

方便在線協作：輸入對方郵箱就可授權觀看和修改

演示體驗一流：直接生成二維碼，掃碼即可在手機上體驗操作

從名字就可以看出來，墨刀和mockup都有“mokeup”的外形或者讀音，自然就是和原型/草圖更接近，而demoo，則更靠近demo，為最后的樣片而打造。

沒錯，它的目的不是解決產品從無到有的原型演示，而是產品已經做好了，快速實現演示的工具。

比如，要實現標題欄和操作欄固定，如果使用axure那需要10分鐘設置，而demoo只要10秒鐘。

操作如下：

一步，拖動小水滴工具拉到標題欄下方；

第二步，精確固定的像素位置。

第三步，操作欄同樣兩步設置，搞定。

如果用于應聘，展現，demoo無疑是最方便快捷的一款工具。HR的電腦可不會安裝任何一款原型工具，但她一定有瀏覽器和手機。

工具，最終是解決表現思想的一種媒介，不能替代重點內容。

網站題目：難以描述絕妙的交互?總有一款工具能拯救你
文章網址：http://m.kartarina.com/news37/192237.html

成都網站建設公司_創新互聯，為您提供網站改版、定制開發、微信小程序、建站公司、電子商務、網站策劃

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

猜你還喜歡下面的內容