FrankStudio官方部落格

本日目標

做出第二個頁面，並讓兩頁產生連結。

大綱

1. 認識左側功能列
2. 建立新畫布
3. 輸入文字
4. 調整文字：大小與顏色
5. 切換到「原型製作模式」
6. 製作連結

前言

你是不是第一次使用Adobe XD呢？如果是，歡迎你！

精簡、極度精華，是這份教學的最大特點。因為我們相信，與其製作豐富的教學，其實你只需要掌握基本中的基本，重要的是實際操作、在做中學。

在這份教學中，我們會示範一個僅有兩頁的互動原型。非常簡單，但是你會學到三件事情：

1. 認識XD介面
2. 用XD製作互動原型
3. 操作XD的檔案，像是建立新檔案、預覽、上傳等等

我們馬上開始。

大綱

1. 新建檔案
2. 匯入圖片
3. 改變視野
4. （用滑鼠）調整圖片
5. 預覽
6. 儲存檔案

1. 新建檔案

每次開啟XD後，你會看到一個對話框，長得像下圖這樣：

簡介

自從今年5月Adobe推出XD的免費版本後，UX/UI設計師們多了一樣免費原型工具的選擇。

除了免費之外，XD還有什麼特點呢？

• 在Mac和Win的電腦上都可以使用
• 可以快速輸出，用網頁或手機檢視與回饋
• 相容於Adobe系列產品：AI、PS、線上資料庫（library）等等