常見問答

Q1.這門課可以看多久? 

開課後,即可使用電腦、手機及平板登入上線上課,不用受到上課時間及地點的限制,皆可無限次數重複觀看課程內容。

Q2.我要如何購買課程呢?

非常的簡單!點擊「立即購買」的字樣,就可以成為本堂線上課程的其中一位學員!

Q3.目前有哪些付款方式呢?

YOTTA 目前提供線上刷卡、ATM 轉帳及超商付款三種付款方式。

Q4.為什麼我已經付款了,訂單狀態仍顯示未付款?

金流處理時間需等候 5-15 分鐘,待金流完成入帳後,系統中訂單狀態將會從「未付款」轉變顯示為「已付款」。

Q5.請問什麼時候會收到發票?

電子發票將會透過 E-mail 方式寄送電子發票給您。

Q6.我還有其他問題!

歡迎至 常見問題 FAQ 頁面看看,或是透過 聯絡我們 與我們聯繫!

單元

52

課程總長

494分鐘

課堂測驗

尚無測驗

  • Sketch 3 基礎篇
  • 1 本章介紹 試看 06:19
  • 2 學習畫板 試看 04:23
  • 3 使用顏色和圖形樣式 試看 07:18
  • 4 創建文本樣式 試看 03:16
  • 5 使用符號 試看 14:51
  • 6 十個快捷技巧 試看 12:30
  • Sketch 3提高篇
  • 7 使用布局網格來設計 試看 03:35
  • 8 創建自訂形狀 試看 02:25
  • 9 遮罩 試看 03:08
  • 10 插件:動態按鈕 試看 04:40
  • 11 插件:InVision的Craft Duplicate 試看 05:42
  • 12 插件:InVision的Craft Photos 試看 05:02
  • 13 Craft Library插件 試看 03:48
  • 14 插件:InVision的Craft Prototype 試看 10:21
  • 15 我最愛用的鍵盤快捷鍵 試看 08:26
  • 16 常見的快捷鍵和自訂快捷鍵 試看 03:14
  • 17 我最愛用的Sketch插件(2017版) 試看 26:08
  • 18 使用Paddy插件製作Sketch動態按鈕 試看 19:13
  • 19 Sketch 49版本中的Prototyping工具 試看 15:19
  • Sketch 3高級篇
  • 20 使用嵌套符號來創建按鈕系統 試看 30:41
  • 21 使用嵌套符號來創建一個左側導航欄 試看 48:01
  • 22 使用SVG文件來創建圖示集 試看 07:33
  • Principle - 簡單的UI動畫和原型工具
  • 23 在Principle裡創建自訂動畫 試看 07:00
  • 24 實踐:創建分欄導航欄 試看 04:25
  • 25 連續交互:拖拽、滾動、翻頁 試看 06:26
  • 26 實踐:創建一個可以捲動的原型 試看 02:49
  • 27 Pinciple裡Drivers的價值 試看 03:31
  • 28 實踐:創建一個可以用拖拽移動的角色 試看 09:51
  • 29 實踐:使用Drivers來分頁卷屏 試看 10:04
  • 30 實踐:創建視差捲動特效 試看 04:20
  • 31 實踐:簡單的拖放 試看 05:12
  • 32 實踐:使用Principle來實現角色動畫 試看 08:39
  • 33 將原型導出為GIF以及在設備上模擬 試看 10:48
  • 34 借助Principle連接界面和事件使用 試看 03:20
  • 35 Principle簡介及課程準備 試看 05:48
  • Flinto - UI動畫工具
  • 36 Flinto入門基礎 試看 03:35
  • 37 在Flinto中創建頁面過場動效 試看 03:52
  • 38 使用Flinto創建模態疊加效果 試看 02:57
  • 39 使用Flinto添加圖層過場動效 試看 04:30
  • 40 在Flinto中連接多個圖層 試看 03:53
  • 41 使用Flinto創建可滾動的區域 試看 03:35
  • 42 在Flinto中創建卡片動畫 試看 06:43
  • 43 用Flinto給原型添加聲效 試看 01:31
  • 44 使用滑鼠移入和移出手勢 試看 09:48
  • 實踐項目
  • 45 在Flinto中創建一個模態疊加效果原型 試看 05:54
  • 46 創建一個視差動畫效果的導入界面 試看 20:31
  • 47 設計一個聖誕老人插畫 試看 14:13
  • 48 使用Flinto創建視差特效 試看 14:04
  • 49 使用Marvel和Sketch創建完整的原型 試看 22:30
  • 50 使用Flinto創建動畫圖示 試看 10:03
  • 51 使用Flinto和Sketch 3製作一個動畫原型 試看 23:46
  • 52 創建Drumpad來為原型添加聲音 試看 14:09

開始分享你的學習成果吧!

這裡是專屬於課堂學員及老師可以互動的作業區,學員們可以透過實際操作來複習課程中所學習到的內容,作業完成後只要簡單上傳到平台裡,就能得到更多老師的指點唷!同時,在這裡也可以觀摩其他學員的成果,一起來互相切磋吧!

<%if list.length == 0 %>

尚無作業

老師還沒有出作業唷!

<%else%> <%props list%>

作業<%>~numToZH(~toInt(key) + 1)%>

<%if prop.type == 'image' %> 圖片檔 <%else prop.type == 'pdf' %> picture_as_pdfPDF <%else prop.type == 'youtube' %> Youtube 影片連結 <%else prop.type == 'ppt' %> PowerPoint <%else prop.type == 'sound' %> 錄音檔 <%/if %>

<%:prop.title%>

<%/props%> <%/if%>

作業觀摩

目前還沒有任何學員上傳作業喔!來當第一個吧~

<%props data%>

<%if prop.type == 'image' %> <%else prop.type == 'pdf' %> picture_as_pdf <%else prop.type == 'youtube' %> <%else prop.type == 'ppt' %> <%else prop.type == 'sound' %> <%/if %> 作業<%>~numToZH(~toInt(key) + 1)%> <%:prop.title%>

<%:~loadTmpl('homework-card', prop.rows)%>
<%/props%>
<%props data%>
<%if prop.type == 'image'%>
<%:~isGif(prop.cover)%>
<%else prop.type == 'pdf' %>
picture_as_pdf
<%else prop.type == 'youtube' %>
<%else prop.type == 'ppt' %>
<%else prop.type == 'sound' %>
<%/if%>
<%if prop.visible == 1 %> <%/if %>

<%:~formatDate(prop.create, 'YYYY-MM-DD')%>

<%:prop.title%>

<%:prop.user%>

<%if prop.isAuthor == true %> 刪除 編輯 <%/if %>

<%:prop.comment_count%>

<%/props%>

錄音 <%:~numToZH(sort + 1)%>

錄音 <%:~numToZH(sort + 1)%>

來關注最新的課程資訊吧!

這裡是專屬課程的公告區,老師將在此發佈與課程相關的重要資訊,您可以在此看到所有與課程有關的最新公告。

尚無公告

老師還沒有發佈公告唷!

<%props data%>

<%:~formatDate(prop.publishDate, 'YYYY/MM/DD')%>

<%:prop.title%>

<%if ~root.isStudent === false && ~root.isTeacher === false && prop.permission === 'private' %>

本篇公告僅限購課學員閱讀,若您已購買本堂課程,請先以購課帳號登入!

<%else%> <%:prop.content%> <%/if%>
<%/props%>

回頂端