Home » Author Archives: shinluen (page 3)

Author Archives: shinluen

3-1 Master基本理論

本節學習目標 了解共用區塊(Master)的意義與功用 將重複使用的Widget轉換成Master 修改及拖拉Widget至工作區中 Read More »

3-2 Master進階設定

本節學習目標 隨意放置共用區塊 將共用區塊鎖定 打散共用區塊並編輯 Read More »

3-3 新增Master到多個頁面

本節學習目標 新增Master至各個網頁頁面中 如何將建置好的Master移除 Read More »

4-1 何謂Dynamic panel(動態面板)

本節學習目標 了解Dynamic panel(動態面板)的意義與功用 Dynamic panel範例分享 Read More »

4-2 動態面板的建置

本節學習目標 新增 Dynamic panel 的方式 替 Dynamic panel 進行命名 編輯 Dynamic panel 顯示/隱藏 Read More »

4-3 替動態面板加上互動效果

本節學習目標 替 Dynamic panel 加上互動效果 學會如何讓 Dynamic panel 顯示/消失 預覽 Dynamic panel Read More »

5-1 如何透過頁面屬性的增加頁面註釋

本節學習目標 認識頁面屬性窗格 增加和預覽頁面註釋 Read More »

5-2 透過頁面屬性修改頁面型式

本節學習目標 如何在頁面上加上底色或背景 如何對齊及延伸背景圖片 調整頁面上的自己和物件邊框 使用Sketch製作出手繪效果 了解頁面樣式編輯器的作用和使用方式 Read More »

5-3 在頁面上顯示格線與輔助線

本節學習目標 了解格線與輔助線的作用 學會在頁面上增加輔助線和格線 學會兩種輔助線的使用方式與作用 學會替格線與輔助線進行進階設定 Read More »

6-1 流程圖基本操作與繪製

本節學習目標 學會替流程圖加上連接線 學會改變連接線的樣式 Read More »

6-2 網站流程圖

本節學習目標 替Sitemap自動生成網站流程圖 學會編輯關聯網頁 Read More »

6-3 輸出流程圖

本節學習目標 了解輸出流程圖的兩種方式 學會以網頁形式輸出流程圖 學會以圖片形式輸出流程圖 Read More »

7-1 規格文件

  1. 了解規格文件的作用
  2. 學會輸出規格文件
  3. 學會替規格文件做進階設定
Read More »

8-1 進階互動設計:旋轉木馬

4

本節學習目標 學會使用進階Dynamic Panel(動態面板) 透過Dynamic Panel製作旋轉木馬的照片輪播效果 本節學習主要透過Dynamic Panel製作旋轉木馬的照片輪播效果,共可分為四部分: Read More »

8-2 進階互動設計:Accordion Tab

3

第八章:進階互動設計 ─ Dynamic Panel(動態面板) 本節學習目標 學會使用進階Dynamic Panel 透過Dynamic Panel製作Tab 本節學習主要透過Dynamic Panel製作 Tab 的效果,共可分為四部分: Read More »

8-3 進階互動設計:Mega menu

本節學習目標 學會使用進階 Dynamic Panel 透過 Dynamic Panel 製作 Mega menu 本節學習主要透過Dynamic Panel(動態面板)製作Mega menu,共可分為四部分: 1. 設置Mega menu 首先,先將製作Mega menu所需要的物件(Label)從Widgets窗格內拖曳至Wireframe,即可輕鬆建立Mega menu。 2. 編輯Dyna ... Read More »

9 Widget Libraries

第九章:Widget Libraries(物件資料庫) 本節學習目標 學會使用Widget Libraries 學會下載其他Widget 學會使用下載的Widget Read More »

10 Adaptive views

第十章:Adaptive Views(響應式設計) 本節學習目標 了解何謂Adaptive views 學會使用Adaptive views   響應式設計幫助使用者將 prototype 根據不同裝置上的螢幕尺寸來設計不同版面的呈現與佈局。使用者可以自由定義切換版面佈局的數值,透過建立一個主要頁面,在其中建立不同尺寸的排版方式來完成 prototype 在不同裝置上呈現的樣子。 Read More »

11 手機上展示prototype

第十一章:手機上展示Prototype 本節學習目標 了解如何設定手機發布 學會如何將檔案上傳至雲端 學會如何在手機上瀏覽prototype 將prototype放置到手機桌面上使用 Read More »