做界面設計低保真和高保真的,是用什麼軟體做的?
Axure
dobe After Effects、Adobe Photoshop、Adobe Flash、 Pixate、Origami、 Hype 3、Flinto、Principle、CINEMA 4D、keynote。
1、AE屬首選。
2、PS製作簡單動效比較方便。
3、Flash被ADOBE爸爸拋棄了。
4、Pixate優點是可交互,共享性強,和Sketch結合相對高;缺點是沒有時間線,層級管理不是很明確,圖層一多就會非常的繁雜。
5、Origami,使用此軟體還是有點代碼知識為好。
6、Hype3配合sketch效果很好。最近也比較火
7、Flinto界面跟Sketch很像,能夠快速實現各種滾動、轉場、點擊反饋效果。
8、Principle,優點很明顯,效率高,質感好,缺點就是不能做整套原型。
9、C4D攻可三維,受可動效。
10、keynote相當於windows的PPT,相對複雜一點的動效實現起來就有點不夠。
藍湖產品設計協作平臺,直觀展現交互邏輯,一鍵共享在線討論,輕鬆生成高保真原型。
而且藍湖是完全免費的。
低保真圖可以用Axure RP軟體,高保真圖可以sketch軟體
低保真用手在紙上瞎畫就,只要能看出大概線框和按鈕就行了,這個是用來初步討論可行性和交互邏輯的。
高保真就sketch,足以勝任。(還有Adobe XD,Figma等類似的工具,都是大同小異)。
最後如果要做mockup效果圖或者視頻之類的,再拿到PS或者AI或者AE裏做。
手繪或者墨刀/等
sketch,或者ps。
Sketch高低都做,沒毛病…
特殊情況上axure
個人經驗:
- Axure 適合有標準化控制項的界面,比如軟體的中臺,一般在電腦上用。低保真沒問題,高保真相對比較困難。
- Sketch 適合喜歡錶達彰顯個性的產品經理,什麼都能做,但是想做低保真的話,操作成本比 Axure 高。
舉例:
- 如果你想在一個 button 控制項的正中間輸入文字,使用 Axure 雙擊這個 button 就可以了,而且文字是 button 的一部分,拖動 button 的時候文字可以一起走。但如果你想用 Sketch 來實現 button 正中間文字,需要創建一個矩形,再創建一個文本,把文本放到正中間,編組纔可以。
- 不過如果你想做一個圓環進度條、或者好看一些的文本輸入框,或者一個異形氣泡,或者消除掉圖片某個位置上的文字,再補上新文案。請用 sketch 吧~
準確來說,界面設計就是最終效果圖,原型設計才相對分為低保真和高保真
低保真和高保真,都是指原型設計(Prototype)階段和最終界面的相似程度。
低保真界面原型:框線圖,包括紙上塗鴉手繪、Balsamiq Mockups、PPT等。
高保真界面原型:常用的是Axure。
然後,根據原型再來用PS或Sketch等設計界面。