文章彙整

"Adobe教學"共有10篇文章

首頁  /  新知分享  /  網頁視覺設計  /  Adobe教學

Adobe XD教學【入門】新版3D立體功能 – 讓網站更具互動性

今天Astral Web要與大家分享Adobe XD 3D元件的運用,一起來看看吧! 此功能非常簡單,只要選擇物件後,再點擊右方工具列“3D Transforms按鈕” 即可使物件自由拖曳物件的垂直與水平方向。以下會透過實例讓大家更加了解 ※本教學使用Adobe XD (v35.1.12.5) 製作 (3D功能版本至少v34.0.12.33)

Adobe XD教學【入門】Overlay疊加效果

今天Astral Web要與大家分享Adobe XD Overlay疊加效果的運用,一起來看看吧! ※本教學使用Adobe XD (v35.1.12.5) 製作 這次要教大家的是很常會用到的疊加功能,可以針對重複性高的做使用,例如:彈跳視窗、打字鍵盤或是下拉選單都能使用。 首先把按鈕製作成組件,再來先把要彈跳出來的物件做出來,並擺到理想顯示的位置。

Adobe XD教學【入門】響應式輔助工具-Responsive Resize應用

今天astralweb要與大家分享Adobe XD在製作響應式縮放時的輔助工具,可以省去不少時間喔,一起來看看吧! ※本教學使用Adobe XD (v27.2.12) 製作 ※操作本教學前建議看看之前的其他篇喔 在製作響應式畫面的時候,會需要將特定區塊作縮放,Adobe XD的Responsive Resize可以依照響應式自動縮放,雖然不能完全符合各種需求,但是已經算是一個不錯的輔助工具。

Adobe XD教學【入門】轉存檔案一次搞定-批次匯出

今天Astral Web要與大家分享Adobe XD轉存jpg、png、svg、pdf檔案,並且能批次處理,該如何操作呢?一起來看看吧!※本教學使用Adobe XD (v27.2.12) 製作※範例來源:Adobe UI kits - XD wireframe kits

Adobe XD教學【入門】比複製更好用的工具-重複網格應用

今天Astral Web要與大家分享Adobe XD重複網格(Repeat Grid)的應用,一起來看看吧! ※本教學使用Adobe XD (v27.2.12) 製作 在UI/UX設計中,我們有時候會需要建立數個相同區塊或是相似區塊,例如商品列表、文章列表等,當要修改時就會變得非常麻煩,而重複網格(Repeat Grid)可以透過連動的方式來做調整喔!

Adobe XD教學【入門】一個組件顯示多個狀態-用組件狀態製作選單

今天astralweb要與大家分享Adobe XD如何用一個組件顯示多個狀態,並能透過組件批次修改,一起來看看吧! ※本教學使用Adobe XD 2019(v25.1.12) 製作

Adobe XD教學【入門】滑入效果也能批次調整-用組件製作按鈕的滑入效果

今天Astral Web要與大家分享Adobe XD如何使用組件製作滑入效果,並能透過組件來批次修改,一起來看看吧!(※本教學使用Adobe XD 2019(v25.1.12) 製作) 還記得我們之前教過的建立組件的方式嗎?組件內還可以用來顯示不同狀態喔,如果沒看過之前文章,建議先參考歐斯瑞所撰寫的其他篇Adobe XD教學。

Adobe XD教學【入門】批次修改好工具,組件Component、顏色Color、字符樣式Character Styles

又來到了歐斯瑞Adobe XD手把手教學系列囉!今天我們要與大家分享Adobe XD如何建立組件Component、顏色Color、字符樣式Character Styles,可以批次修改設計稿的好工具。本教學使用Adobe XD 2019 (v25.1.12) 製作,本教學需對軟體操作有基礎認識。

Adobe XD教學【入門】畫板基礎大解析-畫板設定

今天Astral Web要帶領大家學習分享Adobe XD中基礎教學 - 畫板(Artboard)常用功能的相關設定,一起來看看如何使用吧! ※本教學使用Adobe XD 2019(v25.1.12)製作

Adobe XD 三種好用的預覽方式

Adobe XD好用的功能之一,就是能將設計時的畫面投射到部分裝置上呈現,有三種方式可以做預覽,其中兩種可以在裝置上觀看,我們使用官方提供的範本來作介紹。