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. 好可惜,這網站已經不在了。

    回覆刪除

張貼留言

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

這個網誌中的熱門文章

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

微軟 Bing AI 繪圖工具 Image Creator 免費開放,30秒輕鬆生成圖片

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

3個 ChatGPT 輸入到輸出實驗,第二大腦筆記用 AI 生成文章報告

Arc 瀏覽器 windows 版測試心得,用四大介面改造升級專注工作流

如何為筆記命名,建立搜尋規則?我的標題、分類、標籤命名法

Google 表單的 10 個專業問卷調查設計秘密教學

Draw.io 中文線上製作流程圖首選!專業水準完全免費

如何用 ChatGPT 加速生成一份有圖有文的簡報,實戰案例教學

Google 表單自動關閉回覆教學:時間人數到達就過期