主頁> 科技新聞 >Adobe XD 新增內陰影功能!開發新擬物風格更簡單!

Adobe XD 新增內陰影功能!開發新擬物風格更簡單!

留言
分享文章: Facebook X LINE LinkedIn

扁平化設計已成為用戶介面的趨勢,但背後的缺點亦陸續浮現,其中之一是沒有陰影,使一些人無法辨識哪些元件是可按的按鈕,因此新擬物風格 Neumorphism 亦開始嶄露頭角。全新的 Adobe XD 加入了多項功能,其中包括內陰影效果,使設計師更方便製作出新擬物風格的界面。

內陰影

在全新的 Adobe XD 中,只要選取物件後,便可在右側的屬性檢查器 (Properties Inspector) 裡的效果 (Effects) 部分看到「內陰影」屬性。功能可應用於形狀、文字、影像和布林值 (Boolean) 群組,同時支援從 Photoshop 或 Sketch 等其他工具匯入的設計。

Adobe XD 內陰影

角度漸層

除了陰影,漸層亦可使界面變得更生動有趣。在新版的 Adobe XD,除了線形和放射狀漸層之外,亦提供角度漸層支援功能,角度或錐形漸層可從圓心一路延伸至形狀周圍進行漸層填色,用戶可移動或旋轉漸層填色並額外加上色標,增添獨特風格,特別適用於環形進度旋轉器、圓形圖、色環、車速錶等。

Adobe XD 角度漸層

外框筆畫

最後,Adobe XD 亦加入外框筆畫功能,讓用戶可將筆畫 (線條或邊框) 轉換為形狀,然後像編輯畫布上的物件一樣改變形狀和大小,加上漸層、陰影或混合模式等,從而創造自訂的形狀和文字風格,為向量繪圖開創新的可能性。該功能亦適用於匯出 SVG 資產,因為已轉換為形狀的筆畫將被以形狀方式同樣進行複製,擁有更好的縮放性能,並支援在不同的瀏覽器和裝置上無縫渲染,省卻在 XD 和 Illustrator 之間來回切換的步驟。

Adobe XD 外框筆畫

Adobe XD:免費下載

Adobe CC:馬上訂閱

尋找線上學習平台:
Udemyhahow六角學院Coursera

馬上領取Hahow好學校 9 折優惠

去看個書,好不好?

書名:實戰 UX 工作現場|創造更有價值的產品與服務

作者:松薗美帆, 草野孔希

簡介:這是一本實踐使用者經驗(UX)研究的入門書。「聽說過『UX研究』這個詞,但不太清楚具體內容⋯⋯」、「我想嘗試一下UX研究,應該從何處開始好呢⋯⋯」除了腦中出現這類想法的人以外,還有一些人的煩惱是:「雖然已經開始進行UX研究了,但說真的,我對實作方法沒有自信⋯⋯」。筆者希望能為這些人提供助力,因此將實務工作中獲得的UX知識與洞察統整成一本書。當讀者準備踏出第一步,或是持續進行UX研究時,都能將這本書當作如同導師的存在,放在身邊隨時翻閱參考。

立即購買:博客來

Hahow 線上課程

不小心就學會!用 UI 設計方法製作網站

課程名稱:不小心就學會!用 UI 設計方法製作網站

UI UX 網頁設計入門課程,學習完整的前端設計、網頁設計課程,掌握程式碼管理、設計切版、專案設計開發流程等要點,透過實際案例的剖析,讓你清楚掌握 UI/UX 領域的思考方式。

獲取線上課程:Hahow 好學校

從入門到業界實戰 - UI / UX 前端網頁設計

課程名稱:從入門到業界實戰 – UI / UX 前端網頁設計

UI UX 網頁設計入門課程,學習完整的前端設計、網頁設計課程,掌握程式碼管理、設計切版、專案設計開發流程等要點,透過實際案例的剖析,讓你清楚掌握 UI/UX 領域的思考方式。

獲取線上課程:Hahow 好學校

訪客留言