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