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

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

留言

扁平化設計已成為用戶介面的趨勢,但背後的缺點亦陸續浮現,其中之一是沒有陰影,使一些人無法辨識哪些元件是可按的按鈕,因此新擬物風格 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:馬上訂閱

去看個書,好不好?

博客來 金石堂

掌握世界脈搏,探索全新領域。

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

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

如何在香港購買博客來書籍?

手把手學習新技能,開啟無限可能。

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

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

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

獲取線上課程:Hahow 好學校

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

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

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

獲取線上課程:Hahow 好學校