目前用到的原型設計工具總結

2021-07-24 20:00:51 字數 765 閱讀 2502

目前我行手機銀行專案組使用的原型設計工作主要由我和需求工程師配合完成,我主要負責原型的設計開發工作。

需求為業務部門提出,由需求工程師與業務部門確認業務邏輯,頁面要素,輸入輸出,要素控制等方面要求,並形成需求分析工作說明書,和簡化版線框圖。

我的工作開始了。

先介紹一下原型的幾個種類吧,我自己的理解,原型分為低保真原型,主要可以是流程圖,線框圖等,高保真原型,靜態和實機效果基本**不離十,要求高解析度,全ui要素的呈現,目前主流的設計工具有sketch,ps等。ps大家都耳熟能詳了,非常全能。而sketch是最近開始火的移動設計工具,相對於ps來說,更加的輕量級,並且是向量化的。在高保真原型的基礎上,還可以加上動畫效果,實現真機一比一的原型,在很多情況下動畫效果是可描述的,而且ui設計師的描述開發人員也是可理解的,因此在大部分情況下動畫效果非必須。sketch有乙個很好的**,叫做flinto,用來做動效設計真的很棒。目前我們所有的高保真靜態頁面全部用sketch來實現,所有動效都是用flinto去呈現的。

也就是原型和ui設計界的**搭檔,sketch+flinto。

以下是sketch和flinto的官網

sketch中文網 上面有sketch的中文說明,比較簡單,論壇不錯,另外也有一些sketch資源站的導航

btw,目前這兩個工具均只有mac版,不過做ui設計大部分都是用mac的吧。

作為第一篇部落格,先寫這麼多吧,希望自己能夠堅持下去,每天早上班個乙個小時,寫點東西記錄下。

加油。

原型設計工具

原型設計 產品原型就是產品面試之前的乙個框架設計,簡單的來說就是將頁面的模組,元素,人機互動的形式,利用線框描述的方法,將產品脫離 狀態下更加具體和生動的表達。原型設計的優點 讓使用者實實在在感受到產品。用於測試,提前找到產品問題。溝通方便,言之有物。提高產品設計的工作效率。原型設計的缺點 耗費一定...

選擇原型設計工具

在程式 網頁被實現之前,一定需要把介面給 畫 出來,成為原型設計,就像動畫片要畫分鏡頭 手稿一樣。原型設計能起到有效溝通的作用,漂亮,直觀的原型圖更是讓人賞心悅目。1.microsoft visio 我最常用的原型設計工具,幾乎是windows平台下惟一的 最佳 選擇。有很多的模板可以選擇,可以製作...

App介面原型設計工具

首先,一款優秀的 支援移動端演示 隨時隨地演示給boss,廁所 食堂 電梯 以體現我是那麼的敬業 長點工資必備 元件庫 高效復用,誰用誰知道 可以快速生成全域性流程 程式猿看不懂拆解的,給丫的看這個 手勢操作 轉場動畫 互動特效 這些都不需要,留給專業的互動 視覺,搞那麼虛的不如多想想產品流程邏輯做...