今天我主要在做介面設計的部分，想讓App看起來不要那麼樸素。之前登入跟註冊頁面都只是幾個EditText和Button，感覺很像剛學程式時的練習畫面。於是我開始嘗試用ConstraintLayout來重新排版，讓整個畫面更對稱、更有層次。
我先幫登入與註冊頁面各自加上代表性的圖示，比如登入頁面放一個鎖頭的圖案、註冊頁面放一個使用者頭像的圖案，讓使用者一進來就能知道畫面的用途。接著我改了背景顏色，讓整體風格比較柔和，也幫按鈕設計了圓角和陰影，看起來更現代。
過程中我學到不少關於UI設計的小技巧，例如怎麼設定margin、padding，還有用drawable製作自訂按鈕樣式。一開始排版時還常常跑版，元件對不齊，但多試幾次後就慢慢順手了。現在登入和註冊頁面變得好看多了，開App的時候整體感覺也更專業。做完之後，我覺得程式不只是邏輯和功能，畫面設計也超重要，因為那是使用者最直接看到的部分。
iThome鐵人賽
看影片追技術
看更多
