第一版

第二版

第三版

<aside> 🏡 首頁

</aside>

調整要點：

1. 增加頂部tab列，依種類搜尋查找更方便。
2. 調整頂部及底部導航的內容及大小寬度，使其更符合設計規範。

調整要點：

1. 加粗頂部tab列的文字顯示，使其更容易辨識。
2. 調整卡片內容的呈現設計，去掉多餘邊框，使視覺上更簡潔有重心。

<aside> 🏡 卡片詳細資訊

</aside>

調整要點：

1. 調整加入最愛按鈕及hashtag列的排放方式，hashtag列改以一橫排展示減少佔據頁面的空間並能呈現更多資訊。
2. 增加上部訊息呈現，訊息配上帶顏色的icon使辨識更直觀。

調整要點：

1. 將圖片切換顯示橫條的底色透明度調低，使其更與圖片融合。
2. 調整加入最愛按鈕及hashtag列的按鈕設計。

<aside> 🏡 其他調整

</aside>

• 第二版調整 聯絡收容 及 預約視窗 按下後的彈跳視窗寬度使其一致，並調整內容。

• 第三版調整聯絡收容及預約設計。
• 第三版新增預約時間及預約資訊頁面。

<aside> 🔍 搜尋頁面

</aside>

調整要點：

1. 搜尋欄設計調整符合設計規範大小。
2. 調整資訊內容大小及元件間距離，使畫面更分配更合理。

<aside> 🔍 地圖搜尋

</aside>

原始設計概念：

1. 以雷達方式及icon大小呈現帶領養動物離使用者所在地之遠近。

調整要點：

1. 調整頂部導航顯示，次要頁面的頂部皆顯示目前頁面名稱，讓使用者知道當前動作進程。
2. 搜尋欄設計調整符合設計規範大小。
3. 去除雷達效果及統一icon大小，使畫面更乾淨，更符合他地圖程式的顯示樣態，減少學習成本。
4. 增加導航、定位按鈕。

<aside> 👤 帳號頁面

</aside>

調整要點：

1. 增加「已追蹤列表」與「領養預約及領養紀錄」選項。

<aside> 👤 其他調整

</aside>