網站、簡報上會出現 icon 已不稀奇，甚至可以說 icon 已成為網頁設計與平面設計不可分割的一部分，不過 icon 的使用率這麼高，如果你每做一份文書或網頁就要重新繪過 icon 未免也太耗時間。 因此這幾年出現了很多開源的 icon 資源包，以及提供免費下載的 icon 網站，為的就是要解決 icon 製作的問題，讓你可以從裡面快速下載適合的 icon 設計加以修改色彩、大小，就能創造與內容一致的 icon 感受。 下面我們會來介紹3個熱門的 icon 下載網站，當中提供的 icon 數量、介面操控的流暢性、搜尋結果的精準度，都非常值得需要下載 icon 的你一試！ freepik freepik 是數一數二大的向量素材圖庫，除了 icon 外，還有插畫、合成圖、照片以及模板可供下載。
freepik 是目前最大的向量圖庫，它旗下還有flaticon、slidesgo、wepik等工具， freepik 的目標是為了提供高品質的內容，如：插畫、照片、 icon 、合成模板和演示模板，希望能建立一個平台，讓設計師能找到高品質的免費資源。 所以，如果你問身邊的設計師都在使用哪些素材庫，答案之中一定有 freepik 的存在， freepik 與前面介紹的照片圖庫略有不同，以使用的性質來說更偏向提供素材供合成、創作，真實的情境照相對照片圖庫會少很多，但依然能滿足一般人使用。 【 官方網站 】 freepik 授權規則 freepik 與 flaticon 相差無幾，只要是未付費用戶都需要在應用上註記來源，不管你的應用是屬於實體還是數位，下面幾個案例是 freepik 舉出使用署名
Free Icons 是免費開源 icon 的集成體， Iconshock 開發 Free Icons 主要是為了增加更準確的搜尋功能，好讓使用者能更直覺地找到需要的 icon ，同時它也能在下載前，針對色彩、樣式做些小更動，讓 icon 更貼近所需。 不過，線上修改功能有一很特別的部分，其他網站圖形的極限，最多只可以在圖示後面再添一個形狀背景，Free Icons則是可以再加入預設的其他素材，反而讓 icon 更加獨特，而這個功能等會我們在下面的案例會談到。 【 官方連結 】 Free Icons 授權規則 不過，Free Icons 很可惜的一點在於，它的免費版本只供個人使用，所以要用於商業用途就必須付費升級，並且使用圖示還需要屬名連結標註，不能任意使用。 Free Icons icon
Flaticon 和 Freepik 是來自同一家公司的不同項目，有使用過這兩種圖庫的就知道， Flaticon 在選材上更偏向icon，它也是目前線上最大的icon資源網站。網站裡有上千種不同的 icon 組合，還能簡單自定義 icon 的色彩，讓你快速找到最適合的圖示。 在免費方案的情況下，Flaticon每天的下載限制是 100 個PNG格式的 icon ，且無法直接下載 icon 組合包，不過一般人通常都會將 icon 用於網站、簡報、文書，基本上100個已經能滿足需求了。 【 官方連結 】 Flaticon 授權規則 如果你是免費版用戶，在使用 icon 要記得註明使用者名稱，至於署名註記的位置， Flaticon 有整理幾種情境下的署名做法： 網站：在 icon 的頁面上插入署名
Strikingly 是一個免費網站架設平台，使用者不需要有程式基礎，也能在五分鐘內完成網站架設，和其他架站平台的差異在於：它有支援中文語系，不用擔心看不懂網站架設系統的操作方式，很多國外的架站平台都需要靠翻譯連矇帶猜去猜測它的功能使用方式， Strikingly 就比較沒有此類問題。 至於為什麼沒有考慮國內的架站平台，因為大多都會有諸多付費限制，比較沒有像 Strikingly 的高自由度。不過， Strikingly 的免費架站是有限制的，比較會影響到網站經營的，像：網域會是 Strikingly 的而非熟知的網域，以及商品上傳數量僅限一件。 一般經營網站都會建議要長期使用相同的網址，主要原因在於網站權重的培養，Strikingly 之於網路流量是有一定限制的，通常網站做大後，都會希望脫
Colorlib 收藏了14個免費的 WordPress 主題，只要提供返回網站的連結，就能自由使用、下載，這一系列的網頁模板都是使用 Bootstrap 前端框架開發的，並針對 iPad 、 iPhone 和 Android 系統等所有行動裝置進行了優化，能夠完全響應而不跑版。 原本的網站是只提供免費主題，但到2020年 Colorlib 也開始有付費模板、主題的出現，至今已有上千個模板，每週至少還會提供三個新的主題，囊括 WordPress 、 HTML 和 Bootstrap 的框架。 【 官方連結 】 Colorlib 模板下載 第一步：點擊 Colorlib 網站上方的 Free Themes 就能看見其所提供的免費主題。 主題的種類不多，但基本熱門的行業別都有在其中，像是：部落格
Bootstrap 是全世界最受歡迎的前端框架之一，並且通常後端會比前端工程師更喜歡 Bootstrap 框架，因為他們更希望能將時間精力在功能的開發，而不是將時間耗在美編上，再加上 Bootstrap 版型發展至今已有許多人玩出不同的花樣，所以比起自行架設， Bootstrap 的使用趨勢更為明顯。 那如果真的要自行架設會發生什麼事呢？一是後續的維護可能會出現問題，二則是冷門框架會有找不到套件的窘境，最糟的情況你甚至還要自己開發相關套件，才能解決相關問題，所以你其實可以發現目前很多網站的基底都有 Bootstrap 的影子。 Start Bootstrap 是一個免費、開源且易於下載的 Bootstrap 主題網站，一直到現在他們的網站還是選擇提供不需要輸入任何訊息的一鍵下載，而且它們提供
之前介紹過的5大網頁模板網站推薦，讓我們至少不用從無到有、從頭到尾來架設一個網站，免費的網頁模板讓我們能直接去做修改、調整，降低建置網站的難度，省下更多的時間與開支去進行推廣，或其他研發項目。 這裡就之前推薦過的一個免費模板網站做更深入的解析，那就是 html5up ，因為這是少數有提供響應式設計、設計品質蠻高的模板網站，並且還是以 CSS + HTML5 撰寫的。 html5up 一共只收錄了28種免費模板，雖然不多但勝在精實，每一套模板都有10萬多人下載，唯一需要注意的是它的授權規則是CC BY 3.0，也就是使用者可以分享、任意修改，但需要標示原創造者姓名。 【 官方連結 】 html5up 模板下載 第一步：進入 html5up 官網的下方，就都是可以自由下載的免費模板。 模板上面會
一頁式網頁在近幾年變得相當的搶手，很常會在單一產品促銷、上市，或活動的推廣、報名上看見，最主要的原因就在於，所有的資訊都在一個頁面呈現，讓使用者不需要跳頁瀏覽，就能找到需要的資訊，消費欲望也因此層層堆疊到結尾，很容易就能形成轉換。 而想要讓一個網站才能表達完資料量，在精簡後塞到一頁式網頁，還要能達到轉換，就需要著重於設計。在頁面的各個細節運用精美設計、動態效果，維繫視覺注意力，好讓閱覽者能深陷頁面之中，才能順利產生購買行為。 Onepagelove 就提供了不少免費一頁式模板下載，不僅有 HTML ，連時下流行 WordPress 的佈景主題都有，最重要的是模板裡面，每一個吸引視覺的動態效果都配置完整，只要換好圖片、修改好文字就能上架。 【 官方連結 】 Onepagelove 模板下載 第
剛開始接觸網站架設會發現，關於程式碼的資源到處都有，但該如何定下網頁的版型，尤其還要顧及程式碼與視覺就難倒了許多人！其實只要去Google關鍵字「Website Templates」還是能找到許多資源網站，但你也會發現大部分都是需要付費。所以以下我們整理了五大不同面向、高質感設計的免費網頁模板資源供大家參考： Onepagelove Onepagelove 主要是在蒐集各式一頁式網頁版型的網站，其中也提供50+種網頁版型讓使用者免費下載，不管是 WordPress、HTML、Bootstrap，還是Shopify的版型都應有盡有。 也許你會覺得一頁式網頁實際的用途不大，但其實一頁式網頁在新品上市、活動頁面，這種單一宣傳事項上的行銷效果特別喜人，不管是網頁載入速度，還是視覺設計的部分都有其不可