技術 DAY 30-Daily UI 007 Setting 實作分享(prototype)(三)

終於到最後一篇了！今天要把剩下的部分都分享完。 第三個場景有三個地方要設定，返回鍵和切換按鍵前兩天都介紹過了，所以今天針對新增 link 的按鍵做分享。 點擊新...

技術 DAY 29-Daily UI 007 Setting 實作分享(prototype)(二)

接續著第二個場景，把下面所有細項設定拉進新的滾頁容器層，讓他們可以滑動。 在 name 的框新增“輸入”物件，在默認文本打上要輸入的內容，並把顏色、字體、字重、...

技術 DAY 28-Daily UI 007 Setting 實作分享(prototype)(一)

終於進入最後一個分享作品的 prototype 了，一樣把全部的 Artboard 都各別匯進場景裡。 第一個場景要觸發的按鍵有以下三個。 Personal i...

技術 DAY 24-Daily UI 006 User Profile 實作分享（prototype）(四)

今天接續著做場景2，這一頁要做的效果是點擊頭像可以放大頭像查看，一樣對頭像添加單擊觸發，把場景3的物件複製過來，先做頭像放大的部分。 把放大的頭像照片複製一個，...

技術 DAY 23-Daily UI 006 User Profile 實作分享（prototype）(三)

昨天已經把底部色塊放大了，接下來就是要讓他消失，那這部分會用到的“透明度動作”昨天已經有介紹過了，就讓大家自己動手做做看囉！ 那這邊為了讓底部色塊和封面有無縫接...

技術 DAY 22-Daily UI 006 User Profile 實作分享（prototype）(二)

上一篇做到移動頭像，接下來就換其他物件的設定。 名稱、簡介和頭像的做法一樣，設定好可以看一下效果如何，確定OK後可以把場景2複製過來的物件刪除。這邊補充一下，從...