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