iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 2
1
Modern Web

UI/UX/ProtoPie入門-喵喵設計師的學習日記系列 第 2

DAY 02-Adobe XD 安裝及簡介

  • 分享至 

  • xImage
  •  

目前自己都是用Adobe XD做UI設計,所以只會介紹Adobe XD,不會說道Sketch喔。目前Adobe XD是可以免費下載使用,但Sketch只有30天免費試用,對於學生或是想先試試的朋友,Adobe XD相對取得比較方便。

搜尋Adobe XD就可以找到官網,點進去就可以看到頁面上有“Get XD for free”的按鍵,就給他按下去
https://ithelp.ithome.com.tw/upload/images/20181017/201124919zT8mx2gTL.png

然後就會下載安裝檔,再按照上面的指示安裝就完成了!

https://ithelp.ithome.com.tw/upload/images/20181017/20112491NeS6awS7u5.png

開啟應用程式會看到下面的畫面,紅色區塊是可以選擇要設計的類別,有不同的版型大小,綠色區塊是基本教學,藍色區塊是一些套件素材和資源,橘色區塊是則是最近開啟的檔案。
https://ithelp.ithome.com.tw/upload/images/20181017/20112491vNMDjKg5ot.png

點擊最左下的“Begin Tutorial”開啟教學檔案,會進到以下畫面,可以按照上面的指示做簡單的導覽教學。
https://ithelp.ithome.com.tw/upload/images/20181017/20112491Iv4OWdN73y.png

這邊先開一個新的檔案介紹一下介面,紅色區塊是“工具列”,綠色區塊是“工作區域”,藍色區塊是“狀態欄”。
https://ithelp.ithome.com.tw/upload/images/20181017/20112491LAI4o312Y4.png

下一篇會針對各個小工具做詳細的介紹及基本操作,那我們下篇見囉喵!


上一篇
DAY 01-前言
下一篇
DAY 03-Adobe XD 工具介紹及基礎操作(一)
系列文
UI/UX/ProtoPie入門-喵喵設計師的學習日記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言