iT邦幫忙

2021 iThome 鐵人賽

DAY 5
0
Mobile Development

30天零負擔輕鬆學會製作APP介面及設計系列 第 5

30天零負擔輕鬆學會製作APP介面及設計【DAY 05】

大家好,我是YIYI,今天我要來介紹Whimsical。

關於Whimsical

在介紹如何使用前,先來說一下Whimsical是甚麼~
https://ithelp.ithome.com.tw/upload/images/20210913/20140979GY2PucH4XC.png
Whimsical是一個可以畫出框線稿(介面設計)Wireframes、流程圖Flowcharts、心智圖Mind Maps、便利貼Sticky Notes等的工具。
https://ithelp.ithome.com.tw/upload/images/20210913/20140979dzVyLnP1UM.png
註冊一組帳號(也可使用google登入)即可使用,
Whimsical的介面相較於其他的專業設計軟體更加的簡潔,
功能雖然比較少,不過使用門檻也降低很多,非常適合初學者使用。

免費版的強大功能

Whimsical免費版提供建立四個Board(白板)使用,
不過還可以建立團隊群組合作,
每個群組會再多四個Board(白板)的免費額度。
我覺得算是非常夠用了呢~
不夠的時候再用另一個帳號登入就可以再繼續使用了。
有能力的話當然還是希望大家付費使用支持!
/images/emoticon/emoticon01.gif

一個Board中可以建立3000個items

一個物件代表一個item,item包含一條連結線、一個icon…等。
做一個介面設計的架構圖夠用了~
https://ithelp.ithome.com.tw/upload/images/20210913/20140979yErOufvyNo.png

免費版就可以匯出無浮水印的圖片檔

在免費的環境下就可以輸出無浮水印的高解析度PNG圖檔!
並且不會加上任何浮水印~
不會有浮水印真的讓我超級驚訝的!!
/images/emoticon/emoticon37.gif

如何輸出圖片

https://ithelp.ithome.com.tw/upload/images/20210913/20140979QSlmhMtBeY.png
點擊Export 就可以選擇要匯出的方式了~
可以選擇要匯出單一介面還是整個白板
https://ithelp.ithome.com.tw/upload/images/20210913/20140979OSEZOkYZxk.png

預告

明天將為大家帶來我想製作的APP的規格表。

本篇所有圖片來自於Whimsical網頁截圖

今天就介紹到這邊,謝謝大家的閱讀/images/emoticon/emoticon29.gif


上一篇
30天零負擔輕鬆學會製作APP介面及設計【DAY 04】
下一篇
30天零負擔輕鬆學會製作APP介面及設計【DAY 06】
系列文
30天零負擔輕鬆學會製作APP介面及設計30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言