Adobe XD 的圖示設計 -從草圖到平面圖標集

學習圖示( icon )設計的基本原理,通過組合和疊加形狀建立一個漂亮的平面圖標集( flat icon sets )

從這 1.5 小時的課程,你會學到

  • 向量設計
  • 寫下你的想法
  • 建立網格
  • 建立簡單的形狀、路徑和筆觸來製作複雜的圖示( icons )
  • 使用筆工具建立自訂的形狀
  • 使用透明度
  • 實用的平面設計技巧,可用於 Illustrator、Affinity Designer、Sketch、Figma 和其他許多設計工具
  • 以 PNG、SVG、JPG、PDF 等格式匯出圖示

要求

  • 安裝了 Adobe XD 的電腦(免費)
  • 如何瀏覽你電腦上的檔案系統的基本知識
  • 推薦使用基本的繪圖工具,如筆、橡皮擦、素描本或紙

課程說明

學習如何在任何程式中設計具有視覺吸引力和內聚力的圖示集。 我將教授為圖示創作做頭腦風暴的最佳實踐,找到正確的隱喻,勾勒你的想法,最後設計高解析度圖示和簡單的圖示版本,以供在小螢幕上使用。

雖然我將教你使用 Adobe XD (因為它是免費的) ,但我也將介紹在你最喜歡的設計程式中也可以找到的工具,包括:

  • Adobe Illustrator
  • Sketch
  • Figma
  • Affinity Design
  • Invision Studio

還有更多

你在這裡學到的概念可以應用到網頁圖形、網頁設計、互動設計、圖形插圖等等。

在這門課程中你將學到的東西包括:

  • Adobe XD 概述
  • 理解圖示的類型以及何時使用它們
  • 建立一個設計大綱,並規劃你的圖示以達到一致的風格和顏色。
  • 研究圖示隱喻,勾勒你的想法
  • 為圖示設計設定你的工作區
  • 建立和合倂形狀以建立複雜的圖示
  • 使用透明度
  • 平衡圖示大小和位置
  • 建立一個簡單的圖示集
  • 將填充圖示集轉換為輪廓
  • 匯出圖示

還有更多。

目標受眾

  • 想要設計圖示( icons )的平面設計師
  • 想要設計圖示( icons )的介面設計師
  • 希望通過案例學習 Adobe XD 的設計師
  • 希望成為圖形或介面設計師的學生
  • 希望學習向量設計的學生

講師簡介

Caleb Kingston 使用者介面導師 ( 更多講師主講課程介紹 )

早在2010年,我開始用 brainspin 來設計迷人的應用程式。 在過去的 7 年裡,我設計了許多備受矚目的網路和 iPhone 應用程式。 應用範圍從 3D 醫療輔助網路應用程式到針對利基行業的專案管理應用程式。

我還是當地一家大型設計機構 Salt Lake Designers 的創始人,在那裡,我和其他當地有影響力的人通過研討會和小組討論幫助培養未來使用者體驗設計師的才能。

英文字幕:有

  • 想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To


  • Udemy 永久擁有課程 NT310 起特價中(點擊連結看更多)
  • 年訂閱每月 NT350 🌈 悠遊 Udemy 的 26000+ 門課,最大化學習 ( 原價 NT635/月 )
  • Udemy 現在越來越多課程有中文字幕,請參考 Soft & Share 中文線上課程
  • 手機上點選優惠連結看到的價格比電腦上看到的貴
  • $代表當地貨幣, 如在台灣為 NT
  • 點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上,請稍等刷新或重新點選就會出現

報名參加課程

Sponsored by Udemy


也許你會有興趣

不受 FB 演算法影響,歡迎透過 e-mail 訂閱網站更新

發表迴響

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料

由 WordPress.com 建置.

Up ↑

探索更多來自 Soft & Share 的內容

立即訂閱即可持續閱讀,還能取得所有封存文章。

Continue reading