iT邦幫忙

2021 iThome 鐵人賽

DAY 7
0
Mobile Development

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

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

大家好,我是YIYI,今天要開始用Whimsical畫架構圖了~

進入Whimsical

先透過【DAY5】給大家的Whimsical網址進入網站的畫面。
https://ithelp.ithome.com.tw/upload/images/20210916/20140979REiAdmRU3L.png
點【Sign UP with Google】,並選擇想要使用的帳號就能夠進到Whimsical的WORKSPACE了~
https://ithelp.ithome.com.tw/upload/images/20210916/20140979gLWpr2EZUF.jpg

接下來我們要建立一個Wireframe(Board)
https://ithelp.ithome.com.tw/upload/images/20210916/20140979w9Lv5YsjVS.png

接著就可以進入工作頁面中啦~
左上角的部分可以更改專案名稱
https://ithelp.ithome.com.tw/upload/images/20210916/20140979xvNujJLLpm.jpg

再來我們要新增一個介面,點擊左邊工具列第三個按鈕,並選擇PhoneX當作我們的架構圖使用裝置。
https://ithelp.ithome.com.tw/upload/images/20210916/20140979EPNp7HqhgV.jpg
https://ithelp.ithome.com.tw/upload/images/20210916/20140979wL5BT8DQ4C.png

接下來我們將昨天製作好的background放進來,點擊工具列倒數第三個按鈕即可匯入圖片。
放進去後就會變成如下圖這樣~
https://ithelp.ithome.com.tw/upload/images/20210916/20140979nOCuiIHx3d.png

好的,今天就到這邊,如果任何意見都歡迎在下方留言呦~

預告

明天將開始製作APP頁面。

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

謝謝大家的閱讀/images/emoticon/emoticon29.gif


上一篇
30天零負擔輕鬆學會製作APP介面及設計【DAY 06】
下一篇
30天零負擔輕鬆學會製作APP介面及設計【DAY 08】
系列文
30天零負擔輕鬆學會製作APP介面及設計30

尚未有邦友留言

立即登入留言