500多種扁平化陰影 ICON 自動產生器!圖示免費下載


看到社群上有人在推薦這個網站:「Flatty Shadow 」,試用之後覺得很不錯,也分享出來給需要的朋友。

Flatty Shadow 」的用途是幫我們設計:「扁平化陰影 ICON 」,是一個可以依據 549 種不同圖像(目前數量,還在持續增加),製作不同色彩、大小、陰影變化的圖式自動產生器,而且製作完成的作品提供圖檔和程式碼免費下載。

在 iOS 與 Android ,還有整個 Apple 與 Google 設計都紛紛走向扁平化後(尤其最近 Google 力推的 Material Design ),這樣的概念也成為各式各樣平面設計的一種風格。如果你是網頁開發者,或許也希望自己的網站有著 Flat 按鈕;如果你是軟體開發者,或許正需要這樣的素材;就算你要設計的是一個海報、封面,加上一點時髦的扁平化元素也添加新潮感。

2015/3 補充icon 圖示免費下載!介面設計師用得到的9個免費圖庫
2015/5/28 補充十萬 icon 圖示免費下載,傳神的設計與簡報符號圖案




打開「Flatty Shadow 」網頁,點擊右上方的「 Get Started 」就能開始操作 ICON 自動產生器。




在自動產生器的畫面中,點擊左方的「 ICON 」,可以挑選想要使用的扁平化設計圖示,我數了一下這裡目前有 549 種圖標,涵蓋了軟體介面、食衣住行育樂等各種層面的圖案,應該足夠豐富。




接著進入「 SIZE」 頁面,可以決定圖案的大小、外框的大小,這裡甚至能夠自己輸入數值調整。




在「 Shadow 」頁面,我們則可以調整陰影的長度、方向,或是取消陰影效果。




然後在「 Shape 」頁面中,挑選外框的方形、圓形,或是自己用拉桿微調圓角角度。




最後在「 Color 」頁面,設計自己 ICON 想要使用的顏色、陰影的顏色,完成後,點擊右上方的[ Download ]可以下載圖檔,點擊[ CODE ]可以下載程式碼。

非常簡單、實用、流暢的扁平化 ICON 自動產生器,推薦有需要的朋友試試看!或者,需要免費圖示素材的朋友,也可以到我之前在電腦玩物介紹的這些網站去尋找:Icon Download 三個最棒的圖示搜尋引擎,免費網頁素材圖庫下載



留言

  1. Material Design 的阴影是这样的吗?Material Design 的阴影是在“卡片”的后面,而不是在卡片上的图形的后面。

    回覆刪除
    回覆
    1. 原來如此,感謝你的補充說明^^

      刪除
    2. 不好意思,因為這方面我確實不太了解,而且也非文章重點,所以確實少了求證的工夫了^^

      刪除
    3. 每個人都有擅長之處,有人指正,也有人反指正,版主不欠你我他什麼,口氣不需要這樣吧?

      刪除
  2. 不好意思題外話,站內的字體看起不清晰糊糊的 :p

    回覆刪除
    回覆
    1. 覺得可能是大小或是深淺的問題呢?因為可以調整的主要在這兩項上面

      刪除
    2. 如果是字型的話,因為我沒有預設字型,應該就是使用每個用戶電腦設定的系統字

      刪除
  3. 沒想到竟然有這種免費製作icon的網站!
    以後做ppt不愁沒icon了XD
    感謝推薦!!

    回覆刪除
  4. 天啊~~~~~真是謝謝您

    回覆刪除
  5. 網站好像掛了~~出現Forbidden錯誤

    回覆刪除
  6. 剛剛點過去,連結好像失效了?

    回覆刪除
  7. 好可惜,這網站已經不在了。

    回覆刪除

張貼留言

為了避免垃圾廣告留言過多,開始測試「留言管理」機制,讓我可以更容易回應讀者留言,並更簡單過濾掉廣告,但只要不是廣告留言都會通過審核。

這個網誌中的熱門文章

Google NotebookLM 免費中文 AI 筆記實例教學,老師、學生、創作者利器

Google NotebookLM 影音升級:用 AI 學習英文 YouTube 影片、 整理大量錄音檔最佳工具

Google Maps 我的地圖完全教學!規劃自助旅行攻略

全家沖印、 7-11 列印照片誰好用?立可得與 ibon教學+比較表

Slack 完整教學與上手心得:找到正確的團隊溝通之道

ChatGPT Canvas 全新 AI 寫作、程式碼編輯工具,不再只能對話!

為什麼大家愛用 Trello ?最佳整理教學讓事情井然有序

畫張圖說得更清楚! Napkin 用 AI 幫你的簡報文章手繪視覺思考圖

ChatGPT 進階語音對話純測試心得:腦力激盪、即時口譯、冥想教練,台語也能通

讓你看懂即時颱風動態 Windyty驚人動畫播報天氣網站