終於到最後一篇了！今天要把剩下的部分都分享完。 第三個場景有三個地方要設定，返回鍵和切換按鍵前兩天都介紹過了，所以今天針對新增 link 的按鍵做分享。 點擊新...
小貓
‧
2018-11-14
接續著第二個場景，把下面所有細項設定拉進新的滾頁容器層，讓他們可以滑動。 在 name 的框新增“輸入”物件，在默認文本打上要輸入的內容，並把顏色、字體、字重、...
小貓
‧
2018-11-13
終於進入最後一個分享作品的 prototype 了，一樣把全部的 Artboard 都各別匯進場景裡。 第一個場景要觸發的按鍵有以下三個。 Personal i...
小貓
‧
2018-11-12
上一篇做到移動頭像，接下來就換其他物件的設定。 名稱、簡介和頭像的做法一樣，設定好可以看一下效果如何，確定OK後可以把場景2複製過來的物件刪除。這邊補充一下，從...
小貓
‧
2018-11-06
今天接續著做場景2，這一頁要做的效果是點擊頭像可以放大頭像查看，一樣對頭像添加單擊觸發，把場景3的物件複製過來，先做頭像放大的部分。 把放大的頭像照片複製一個，...
小貓
‧
2018-11-08
昨天已經把底部色塊放大了，接下來就是要讓他消失，那這部分會用到的“透明度動作”昨天已經有介紹過了，就讓大家自己動手做做看囉！ 那這邊為了讓底部色塊和封面有無縫接...
小貓
‧
2018-11-07
突然注意到信件夾出現ProtoPie 寄來的信，分享更多不同的教學。 很好奇他們是怎麼找到這些人，並且用什麼樣的方式合作。 這次是最早我看的影片教學任職於微軟...
做事情都要有個為什麼 人是很奇怪的動物，心中會有很多對某些事情的想像，總是一件又一件的想去做。 決定連續30天就是一直玩 ProtoPie ，有什麼 tutor...
接下來要使用 ProtoPie Player 來進行分享。 如果 client 端手機或平板已經下載了 ProtoPie Player ProtoPie Stu...
剛寫了一下覺得，其實好像很難收尾，就先暫時不跟那個影片了。 想一想，其實這些內容，大家直接跟著影片也是很容易做到。 但對我來說，我是喜歡文字學習的人，尤其這種文...
糟糕 突然就 29 天 了。 今天來看官網上的 ProtoPie Advanced Workshop 2 。https://www.youtube.com/wa...
影片繼續看下去 選擇 Rotate 底下的 Direction 就是順時鐘還是逆時鐘旋轉。 我們選擇右上角的 Preview 來測試一下，會跳出一個畫面，可以測...
第二天，不廢話，繼續摸摸摸。 ProtoPie 的 Conceptual model 影片開始解釋 ProtoPie 的 Conceptual model ，其...
今天來聊軟性一點的事情。 其實跟 ProtoPie 互動到今天，覺得整體的體驗都滿好的。 影片的教學品質、各種教學文章、Documentation，都做得非常用...
今天來玩這個，模擬一個旋轉鈕。（其實是 Slider 但這東西真不容易翻譯。等等直接看圖片吧。） 分享者是個在學使用者設計的大學生，Cal Brackin。 h...
ProtoPie 其實也有一些我這次可能玩不到的部分。 也就是企業方案。（還是我 Request Demo 他們會讓我玩嗎XD） 看網頁敘述他們企業方案有個...
https://www.protopie.io/blog/keyboard-shortcut-tips 各種好用快捷鍵，我們繼續看下去： 把不同的 Trigge...
第五天了。反省一下，接下來結束前的每一天要再多做一點，感覺進度有點慢。今天要來把影片剩下的搞定，接下來要繼續探索更進階的 ProtoPie 啦！ Intera...
做出左右滑動的互動行為 今天要來操作這個 Container ，其實就可以把它想成「一組」東西就好了。 （感覺有點像是資料夾一層一層這樣。） 在 ProtoPi...
用 Range 來讓滑到的影片動起來 今天來延續好幾天前的練習。 我們有好幾個影片，希望在滑到那個畫面的時候，自動播放影片。 這次要使用 Range 這個 T...
今天要來進行使用者點擊之後跳到下一頁的行為，一樣延續昨天使用的介面。 所以我們選擇下方的按鈕（Get Started）然後選擇 Tap 這個 Trigger...
今天延續昨天的文字輸入，我們來做更多嘗試。 講者把昨天 Text > Input 做出來的 Input 複製三個。 Shift + Option 直接...
昨天順利讓使用者講的話能夠顯示在螢幕上後，來做點有用的語音控制吧。 Trigger 選擇一個 Voice Command 。 Include 裡面可寫各種想要...
第二種啟動相機的方法 昨天勾選 Camera 的 Auto Start 來啟動相機。 今天使用第二種方法，就是 Start Trigger 。 我們先把昨天 C...
突然意識到，其實正確的學法，應該更直接去看看別人怎麼做。 立刻發現，ProtoPie 已經整理了一些 Featured Prototypes 。 https:/...
適應不同的手機螢幕 我們意識到我們放大的 icon 其實還是有導角 （border radius）。 但放大的那個頁面我們未必想要，這要怎麼改呢？ 選擇下一個...
Chain 和 Range 的差異 講者很用心提到這個地方，他用換頁的時後底下點點跟著移動作為例子。 幾週前我們有用 Chain 來做換頁 Paging。htt...
Focus In 跟 Focus Out 到底是什麼 今天終於要來看講者解釋 Focus Out 的意思。 昨天有提到 Focus 可以作為 Trigger 也...
怎麼有東西擋在前面 昨天有提到為什麼點擊 icon 放大之後，還是有一些其他 icon 在上面呢？ 不管是用簡報軟體或是有圖層的軟體，永遠有一個可以調整的地方...
看到這篇覺得滿實用的，來跟著看一下。 連結： https://www.protopie.io/blog/keyboard-shortcut-tips 其實有很多...
ithomerandommember
iThome鐵人賽
看影片追技術