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. 作者已經移除這則留言。

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

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

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

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

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

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

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

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

    回覆刪除

張貼留言

相關文章:

這個網誌中的熱門文章

首席測速照相 Android iOS App 幫 Google 地圖加路況超速語音

像個專家活用 Google 地圖 App :13 個你可能還不知道的技巧

Google 簡報更接近取代專業簡報軟體了嗎?別錯過今天6個更新

OpenShot 免費中文版影片剪輯軟體,何必用精簡版的威力導演

[筆記術-12] 主題樹狀筆記法:上課讀書筆記第一次寫就有條理

5個台灣老照片圖庫,歷史教學研究必備的免費歷史照片資料庫

YouTube 內建看影片學英文字幕機:還可中英對照、單句複習

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

CCleaner 被駭事件:我們要知道什麼與可以做什麼的整理清單

AirMeasure AR 憑空測量長度!影片實測 iOS 11 必裝神奇 App