編者按：今天推薦一個(gè)操作方便簡(jiǎn)單的柵格工具以及一個(gè)收錄高質(zhì)量的免費(fèi)圖庫，建議收藏。

GridGuide

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

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

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

選擇最佳柵格方案

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

下圖是以手機(jī)寬度375 PX來設(shè)置，列數(shù)是5列，留白邊框是1.5倍

有了這個(gè)工具，我們?cè)谥谱?WEB、響應(yīng)式、H5網(wǎng)頁、VI 等平面設(shè)計(jì)相關(guān)的柵格都會(huì)更容易，推薦大家收藏。

值得使用的三個(gè)理由

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

Picography

本文要再來介紹一個(gè)最近新發(fā)現(xiàn)的免費(fèi)圖庫「Picography」，相較于其他圖庫來說，它并沒有與眾不同的部分，不過本身采用大圖預(yù)覽，在瀏覽上感覺相當(dāng)舒適，網(wǎng)站內(nèi)圖片不依照分類或卷標(biāo)排列，現(xiàn)在收錄的數(shù)量也不多。

網(wǎng)站提供免費(fèi)高畫質(zhì)解析相片讓使用者下載，無須注冊(cè)登入，圖片可以做任何用途（CCO?授權(quán)），無論個(gè)人或商業(yè)項(xiàng)目都能自由取用，還能投稿自己拍攝的相片讓其他人下載。

開啟 Picography 后，可以看到網(wǎng)站收錄的免費(fèi)相片，這些相片拍攝上都相當(dāng)?shù)轿?，且有部分套用濾鏡效果，看起來更有質(zhì)感！

點(diǎn)選縮圖后會(huì)開啟原始圖片，占滿整個(gè)網(wǎng)頁背景，喜歡的話點(diǎn)選右下角的「Download」就能免費(fèi)下載、獲取原圖。

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

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

「優(yōu)設(shè)酷站22連發(fā)！」

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

原文地址：free.com.tw

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：yuan@uisdc.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量180萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com