文章彙整

"網頁視覺設計"共有155篇文章

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

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教學。

Illustrator教學【入門篇】任意形狀漸層

今天歐斯瑞要與大家分享如何操作Illustrator的任意形狀漸層工具,提升你的Illustrator技能! 跟著我們的手把手教學,一起來看看如何操作吧 ※本教學需先對工具使用有基本認識

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)製作

Illustrator教學【入門篇】向量3D文字

今天歐斯瑞要與大家分享如何使用Illustrator製作向量的3D文字,提升你的Illustrator技能! 跟的我們的手把手教學,一起來看看如何操作吧 ※本教學需先對工具使用有基本認識

Photoshop教學【入門篇】製作傳統立體字模板

今天歐斯瑞要與大家分享如何使用Photoshop製作可以重複使用的立體字模板,一起來看看如何製作吧! ※本教學需先對工具使用有基本認識 ※本教學需先熟知基本技法,如去背、選取工具、色調調整

【影像處理概念篇】陰影處理小技巧

在影像合成中,陰影是結合主體與背景的關鍵元素,如果少了陰影物體就會顯得很不自然,跟著我們一起來學習後置「陰影」時的繪圖知識與小技巧吧!

【網頁設計輔助工具Zeplin】使用Photoshop發布與Assets應用

今天 Astral Web 要與大家分享將設計稿使用 Photoshop 發布至 Zeplin 與 Assets 的應用,一起來看看如何製作吧! ※本教學需先對 Photoshop 操作有基本認識

【網頁設計輔助工具Zeplin】分享與註解

今天 Astral Web 要與大家分享 Zeplin 如何將文件分享給工作夥伴,以及團隊成員該如何註解的應用,一起來看看如何操作吧!