從無到有創建一個原型的工具,首先讓人想到的是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.newbst.com/news37/192237.html
成都網站建設公司_創新互聯,為您提供網站改版、定制開發、微信小程序、建站公司、電子商務、網站策劃
廣告
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源:
創新互聯