鐵人檔案
以Adobe XD和ProtoPie這兩個設計軟體來介紹分享UI/UX設計入門，用幾個Daily UI的作品來介紹分享一下軟體的實際操作及功能、特效的應用。
今天又要進入用ProtoPie實作prototype的部分了，那一樣開啟 Adobe XD 和 ProtoPie 把所有場景都匯入，然後就開始第一個場景的設定囉...
上一篇做到移動頭像，接下來就換其他物件的設定。 名稱、簡介和頭像的做法一樣，設定好可以看一下效果如何，確定OK後可以把場景2複製過來的物件刪除。這邊補充一下，從...
昨天已經把底部色塊放大了，接下來就是要讓他消失，那這部分會用到的“透明度動作”昨天已經有介紹過了，就讓大家自己動手做做看囉！ 那這邊為了讓底部色塊和封面有無縫接...
今天接續著做場景2，這一頁要做的效果是點擊頭像可以放大頭像查看，一樣對頭像添加單擊觸發，把場景3的物件複製過來，先做頭像放大的部分。 把放大的頭像照片複製一個，...
這次的 Setting 是延續上一次的 User Profile做的設定，風格跟用色會統一跟 User Profile 一樣，針對 User Profile 的...
今天換分享第二個 Artboard ，這一頁是做 personal information 的細項設定。 上面的 setting 部分一樣保留複製過來，細項的設...
今天會把最後的 Artboard 都分享完，那第三個 Artboard 是點開 link 選項的頁面，可以增加或關閉社群平台連結。 一樣把上方的 Setting...
終於進入最後一個分享作品的 prototype 了，一樣把全部的 Artboard 都各別匯進場景裡。 第一個場景要觸發的按鍵有以下三個。 Personal i...
接續著第二個場景，把下面所有細項設定拉進新的滾頁容器層，讓他們可以滑動。 在 name 的框新增“輸入”物件，在默認文本打上要輸入的內容，並把顏色、字體、字重、...
終於到最後一篇了！今天要把剩下的部分都分享完。 第三個場景有三個地方要設定，返回鍵和切換按鍵前兩天都介紹過了，所以今天針對新增 link 的按鍵做分享。 點擊新...
