模仿練習-Meowterest
裡面充滿喵喵的Pinterest真是太棒了
持續挑戰作業，還有熟悉Storyboard的操作，每天都過得很精實！
今天要挑戰的是模仿一個app畫面，找了一下發現好像還沒人做過這個
所以就決定來做Pinterest了！
app的畫面不算太難，不過有些要加圓角、stroke的地方，算是這次的小挑戰
總之先來截圖一張要做的畫面吧
雖然Peter提供了方便的網站，可以看到截圖上每個位置的座標，不過這邊我還是用自己習慣的Figma來處理
手機的型號是iPhone X ，可是這次要做的是iPhone 14 Pro Max 的畫面，所以截圖在調整到適合大小後，會看到裡面的物件有些變形或是糊掉
不過沒關係，看得出大概就好～
之後簡單的用figma重製裡面的icon與物件，需要的時候也可以切到Dev mode，方便查看每個物件的大小跟周圍的距離
前期準備做得好，製作的時候就會省下很多工！
再來就是進入Xcode製作畫面了，storyboard的操作方式和figma有87%像
雖然有些操作不像figma那麼直覺，不過可以用這種方法做出畫面，對初學者來說真的很友善～
不過Xcode的快捷鍵跟Figma的不一樣，有時候腦袋會當機一下
在製作圓角、stroke的時候有小小的卡關一下，不過沒關係，除了Peter提供的超詳細補充資訊之外，還有ChatGPT可以幫忙！
還很好心的提醒我，在 Interface Builder 中無法直接看到效果
幸好build出來之後看起來還不錯！
來交作業囉！
記錄一下這次作業碰到的問題和心得！
下排tab bar上面有些icon應該是和畫面上的icon共用的
可是我不知道怎麼調整尺寸QQ
另外tab bar最右邊的user image圖片內圈應該還有一圈黑色的stroke，但是不知道為什麼做不出來，也許該換個思考方式看看怎麼呈現
在figma切換到Dev mode之後，終於真正感受到開發端拿到designer的檔案時的感受了！這可以幫助我更了解開發端的需求，以及怎麼製作更方便使用的prototype
雖然有小小的美中不足，不過整體來講做出來還是很有成就感！
