iT邦幫忙

2024 iThome 鐵人賽

DAY 3
0

一開始,我對於應用程式的畫面設計完全沒有頭緒。於是,我打開 App Store,搜尋「訂餐」關鍵字,從中參考了一些點餐系統的概念。

接著,我決定使用小畫家來開始設計畫面。(是的,我知道這種方式有點土炮。)當時我想應該學習使用 Figma 或 Adobe XD 等專業設計工具來製作畫面,但我希望降低起步的門檻,所以決定先用小畫家來畫草圖,之後再用更專業的工具來迭代。

我使用方塊和文字描述的方式,開始繪製第一個畫面視圖。以下是我初步設計的結果:

https://ithelp.ithome.com.tw/upload/images/20240803/20132295wcul52wz9E.png

我認為第一個畫面對於剛接觸的使用者來說非常重要,因為它會留下第一印象。因此,我在設計時特別注重如何在小螢幕上清晰地呈現應用程式的主要功能,並明確地引導使用者了解該做什麼。這也是為什麼我將應用程式的起始畫面設計為「開始點餐」。

這樣的設計流程幫助我逐步將概念具體化,即使方法簡單,但也為後續的設計打下了基礎。


上一篇
[Day 2] 專案發想與介紹
下一篇
[Day 4] 決定 APP 畫面主題樣式
系列文
用React Native打造找餐店APP26
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

1
凱文大叔
iT邦新手 4 級 ‧ 2024-08-05 17:00:23

可以試試 https://whimsical.com 拿來設計簡單的網頁或app綽綽有餘

yc1996 iT邦新手 5 級 ‧ 2024-08-05 19:58:40 檢舉

謝謝回覆建議!之前有用過好像有帳號限制只能設計幾個畫面 已經用了兩組帳號用滿了XD

以前有限制,現在好像改掉了,只有team board才限制三個喔

我要留言

立即登入留言