酷站兩連發！超好用的網頁柵格化工具+免費可商用的優質圖庫

編者按：今天推薦一個操作方便簡單的柵格工具以及一個收錄高質量的免費圖庫，建議收藏。

GridGuide

平面設計中使用柵格化設計是相當重要的，特別是網頁和VI設計方面，在設計前都需要來好柵格，但是選擇合適柵格和計算無疑是浪費了設計師不少的時間，然而當遇上今天的神器「GridGuide」在線工具，以后再也不怕Web網格布局問題了。

打網站后，用戶可以自由設置最大寬度、列數以及留白邊界即可生成柵格方案了。

這里說明下留白邊界（Outer Gutter Ratio）是以倍率為單位，分別為0，0.5，1.0，1.5，2.0的倍率。

選擇最佳柵格方案

GridGuide 可以很方便計算多1種柵格多種方案的布置。比如我設置了最大寬度：1240，列數：12，此時工具會自動生成5種最佳柵格方案給我們選擇。

下圖是以手機寬度375 PX來設置，列數是5列，留白邊框是1.5倍

有了這個工具，我們在制作 WEB、響應式、H5網頁、VI 等平面設計相關的柵格都會更容易，推薦大家收藏。

值得使用的三個理由

1、使用簡單，不需要設計師去算來算去
2、一次性推薦多種最佳柵格布局，設計師可自由選擇最合適的方案
3、支持下載 PNG格式的柵格圖像

Picography

本文要再來介紹一個最近新發現的免費圖庫「Picography」，相較于其他圖庫來說，它并沒有與眾不同的部分，不過本身采用大圖預覽，在瀏覽上感覺相當舒適，網站內圖片不依照分類或卷標排列，現在收錄的數量也不多。

網站提供免費高畫質解析相片讓使用者下載，無須注冊登入，圖片可以做任何用途（CCO?授權），無論個人或商業項目都能自由取用，還能投稿自己拍攝的相片讓其他人下載。

開啟 Picography 后，可以看到網站收錄的免費相片，這些相片拍攝上都相當到位，且有部分套用濾鏡效果，看起來更有質感！

點選縮圖后會開啟原始圖片，占滿整個網頁背景，喜歡的話點選右下角的「Download」就能免費下載、獲取原圖。

前面已經提到過，Picography 收錄的圖片素材皆能使用于個人或商業用途，版權上沒有任何限制，不過禁止以任何方式再次販賣給第三方，這應該是使用圖庫最基本的認知。

如果你本身也有拍攝相片，自己后制修圖的習慣，那么也可以透過 Picography 將作品無償分享至全世界，開放讓其他人免費下載使用，細節部分可以點選右上角 Submit 把相片傳送給 Picography 在線圖庫。

「優設酷站22連發！」

1. 免費圖庫+導航收集站：《酷站兩連發！高品質免費圖庫站+專注WEB/APP導航收集站》
2. 音樂站+字體搜索：《酷站兩連發！幫你專心工作的音樂站+谷歌字體在線搜索神器》
3. 漸變色+代碼比較：《酷站兩連發！漸變色方案全聚合網站+在線代碼比較神器》
4. 配色+占位圖：《酷站兩連發！在線色彩搭配工具+快速生成占位圖片器》
5. LOGO下載+字體下載：《酷站兩連發！可商用的矢量LOGO下載+平面最愛的27款免費字體》
6. 壓縮圖片+在線配色：《酷站兩連發！在線圖片壓縮神器+在線配色工具COLOURCO》
7. CSS Hover動畫+寵物小精靈配色：《酷站兩連發！寵物小精靈專屬配色網站+CSS HOVER動畫收集站》
8. 美女圖片+游戲配色：《酷站兩連發！游戲配色網站+免費美女素材特供網站》
9. 在線配色+字體推薦：《酷站兩連發！在線配色神器+英文字體推薦網站》
10. 追波作品變代碼+16進制顏色：《酷站兩連發！用代碼呈現DRIBBBLE作品+16進制顏色網站》
11. 無縫紋理+多邊形背景：《酷站兩連發！專注無縫紋理素材站+多邊形背景生成器》

原文地址：free.com.tw

【優設網 原創文章 投稿郵箱：yuan@uisdc.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量180萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com