在信息爆炸的今天，設(shè)計(jì)師要通過(guò)網(wǎng)絡(luò)尋找設(shè)計(jì)素材和工具是一件簡(jiǎn)單的事情，相應(yīng)的，要找到真正可靠且素質(zhì)優(yōu)秀的素材，也越發(fā)的不容易。在海量的網(wǎng)站中尋找一個(gè)符合需求的素材，花費(fèi)在搜索和篩選上的時(shí)間也越來(lái)越長(zhǎng)。這種情況使得今天這樣的設(shè)計(jì)工具/素材推薦類的文章與合集顯得更有意義，也彌足珍貴。

由于網(wǎng)頁(yè)設(shè)計(jì)師和開(kāi)發(fā)者之間的界限越來(lái)越模糊，兩者所用的工具和素材的交叉重疊的情況也非常普遍。今天所推薦的這15項(xiàng)全新的工具/素材里，應(yīng)該有很多都值得網(wǎng)頁(yè)設(shè)計(jì)從業(yè)者們收入囊中。這當(dāng)中涵蓋了設(shè)計(jì)類應(yīng)用、框架、分析工具、柵格系統(tǒng)等多種類別，單把它們放到一起，就足以組成一個(gè)網(wǎng)頁(yè)設(shè)計(jì)師的日常用工具合集了。接下來(lái)我們具體看看這些新工具能幫你做哪些事情。

1. Frontify

Frontify 可以讓你在5分鐘內(nèi)創(chuàng)建一套漂亮而完備的風(fēng)格指南！這個(gè)在線工具有趣而簡(jiǎn)單，讓你維護(hù)品牌風(fēng)格和樣式快速而方便。由于Frontify 優(yōu)秀的用戶體驗(yàn)設(shè)計(jì)，你可以很快上手，即使你有專業(yè)的需求，F(xiàn)rontify 的說(shuō)明文檔也可以引導(dǎo)你實(shí)現(xiàn)一些更細(xì)致更專業(yè)的東西。

2. Flarum

Flarum 是一套簡(jiǎn)約易用的開(kāi)源論壇系統(tǒng)。如果你需要一個(gè)相對(duì)簡(jiǎn)單的論壇網(wǎng)站的話，可以考慮Flarum，它界面簡(jiǎn)單且可以快速上手，讓你更多的專注于話題討論。Flarum的論壇頁(yè)面滾動(dòng)加載流暢，無(wú)需等待頁(yè)面加載。

3. Lightning Design Systems

這個(gè)名為閃電設(shè)計(jì)系統(tǒng)的工具專注于構(gòu)建體驗(yàn)優(yōu)秀的企業(yè)級(jí)APP。在這套系統(tǒng)的支持之下，你可以快速地對(duì)整個(gè)界面進(jìn)行深度定制，保持整個(gè)界面保持高度的一致性而無(wú)需讓工程師在此耗費(fèi)更多精力，你所需要做的就是下載那些無(wú)平臺(tái)限制的CSS框架，然后開(kāi)工就可以了。你可以參考這套系統(tǒng)的詳細(xì)說(shuō)明作出符合SalesForce生態(tài)的優(yōu)質(zhì)APP，輕松地調(diào)用SalesForce的核心視覺(jué)組件和交互模式，拿出最佳的方案。

4. Rucksack

Rucksack 是一款有趣的CSS工具，讓CSS的開(kāi)發(fā)過(guò)程更加有趣了。Rucksack 是基于PostCSS構(gòu)建的，模塊化設(shè)計(jì)，沒(méi)有冗余，運(yùn)行起來(lái)飛快。將Rucksack融入到你的開(kāi)發(fā)流程是很簡(jiǎn)單的，Rucksack對(duì)絕大多數(shù)的工具都有相應(yīng)的插件。由于它是基于PostCSS來(lái)構(gòu)建的，所以它同其他的CSS處理工具都能很好的兼容，甚至能夠同Stylus直接協(xié)同。

5. GridLayout

GridLayout是一款輕量級(jí)的柵格系統(tǒng)，用以制作水平滾動(dòng)或者垂直滾動(dòng)的Web應(yīng)用，并且能夠兼容舊版的瀏覽器。如果你需要?jiǎng)?chuàng)建復(fù)雜的布局，并且需要對(duì)舊版的瀏覽器進(jìn)行兼容，選擇GridLayout是很不錯(cuò)的。這套工具涵蓋了1KB大小的CSS文件和大概0.5KB的JS文件，如果你只需要支持更為現(xiàn)代的瀏覽器，最好不要使用Flexbox。這個(gè)工具是基于MIT的協(xié)議來(lái)分發(fā)的。

6. Bonsai

Bonsai 是一款為自由設(shè)計(jì)師所準(zhǔn)備的工具，用來(lái)創(chuàng)建、簽署和存儲(chǔ)工作合同的工具，并且可以協(xié)助付款、托管。目前這個(gè)簽署協(xié)議的模塊已經(jīng)完善并且發(fā)布了，而支付和托管的部分還處于內(nèi)測(cè)階段?，F(xiàn)在Bonsai對(duì)于專業(yè)的設(shè)計(jì)人員的工作合同簽署的支持已經(jīng)做的很不錯(cuò)了，尤其是支付方式的規(guī)定、知識(shí)產(chǎn)權(quán)保護(hù)等環(huán)節(jié)。

7. Apostrophe

Apostrophe 是一款設(shè)計(jì)驅(qū)動(dòng)下、基于Node.js 和MongoDB的內(nèi)容管理系統(tǒng)。這套CMS為你提供了靈活的工具，你可以以此為基礎(chǔ)設(shè)計(jì)內(nèi)容向的網(wǎng)站，不論是簡(jiǎn)約風(fēng)還是繁復(fù)的結(jié)構(gòu)都可以輕松Hold住。這套系統(tǒng)的開(kāi)發(fā)者相信，內(nèi)容編輯應(yīng)該是簡(jiǎn)單而易用的，也就是在這想法的驅(qū)動(dòng)下Apostrophe的編輯體驗(yàn)設(shè)計(jì)的非常容易上手，網(wǎng)站編輯也可以輕松掌控網(wǎng)站內(nèi)容。

8. Grid.Guide

Big Bite 的員工發(fā)現(xiàn)計(jì)算柵格的寬度是一件非常惱人的事情，尤其是在嵌套結(jié)構(gòu)下。正是在這種需求的驅(qū)動(dòng)下，他們發(fā)明了這款Grid.Guide工具。這款工具會(huì)根據(jù)最大寬度和列數(shù)來(lái)幫你計(jì)算可能的排列組合，生成對(duì)應(yīng)的PNG文件，讓你可以直接托拽到相應(yīng)的工具中使用。更重要的是，Grid.Guide是完全免費(fèi)的！

9. Quantity Queries

Quantity Queries 是一款幫你進(jìn)行數(shù)量查詢的工具。

10. Timber

Shopify Timber 是一款前端框架，用于快速便捷地構(gòu)建Shopify主題。其實(shí)從廣泛意義上來(lái)說(shuō)這是一款可以廣泛應(yīng)用的主題制作工具，并不全限制于在Shopify中運(yùn)用。不論是經(jīng)驗(yàn)豐富的設(shè)計(jì)師和前端還是新手都可以靈活運(yùn)用，其中包含了模板、標(biāo)記、模塊和CSS框架，根據(jù)你的需求調(diào)用就好了。

11. Now UI Kit

InVision所提供的這套Now UI Kit 是一套堪稱完美的跨平臺(tái)UIKit，可以用于網(wǎng)頁(yè)設(shè)計(jì)、平板和手機(jī)的界面，當(dāng)然，最重要的是它是免費(fèi)的。其中包含了52個(gè)完整的設(shè)計(jì)模板、35款可以自定義的圖標(biāo)以及可以運(yùn)用在各種界面中超過(guò)180個(gè)UI組件。

12. Unsplash

我們其實(shí)已經(jīng)不是第一次推薦Unsplash.it ，它是用于網(wǎng)頁(yè)中的圖片占位符，其中所用的圖片是來(lái)自于網(wǎng)站Unspalsh.com，這個(gè)網(wǎng)站提供了許多高品質(zhì)的圖片，這也使得Unsplash.it的效果非常不錯(cuò)。

13. Gitup

Gitup 是一款為Git所準(zhǔn)備的圖形化客戶端。在Gitup的協(xié)助下你可以便捷的提交、創(chuàng)建新的分支、合并等等等等。Gitup 賦予了Git全新的交互方式，讓代碼管理更加迅速、安全、無(wú)痛。

14. Color Hunt

ColorHunt 包含了一系列漂亮炫酷的色彩組合，網(wǎng)站會(huì)每天更新配色方案，并且根據(jù)瀏覽數(shù)排列出最漂亮的配色方案。

15. TinyCon

TinyCon 是一款管理Favicon 的庫(kù)，借助它可以方便地管理Favicon和彈出框。

品牌化之路是農(nóng)產(chǎn)品在競(jìng)爭(zhēng)中脫穎而出的利器，在打造品牌時(shí)，包裝是消費(fèi)者視覺(jué)感受的第一步。有創(chuàng)意的包裝設(shè)計(jì)確實(shí)很有吸引力，中國(guó)現(xiàn)在很多農(nóng)產(chǎn)品設(shè)計(jì)也在重視設(shè)計(jì)的力量了，這是一個(gè)很好的趨勢(shì)。做農(nóng)業(yè)領(lǐng)域品牌管理的公司，自己的品牌官網(wǎng)肯定也是很重視的。

　　近日，我們有幸攜手杭州芒種品牌管理有限公司，為其打造品牌官網(wǎng)。緣震根據(jù)芒種公司實(shí)際情況，首頁(yè)設(shè)計(jì)展示公司概況和自身國(guó)內(nèi)資深品牌專家團(tuán)隊(duì)、公司在全國(guó)的成果，凸顯出是一家專注于農(nóng)業(yè)領(lǐng)域品牌研究、戰(zhàn)略規(guī)劃、市場(chǎng)營(yíng)銷、傳播推廣等以品牌化為引領(lǐng)的一站式服務(wù)公司。

　　芒種著眼于農(nóng)業(yè)品牌化進(jìn)程，開(kāi)展理論研究、戰(zhàn)略規(guī)劃、符號(hào)設(shè)計(jì)、影像視頻、電子商務(wù)、質(zhì)量追溯、行業(yè)傳播等全方位品牌管理咨詢服務(wù)，打造農(nóng)業(yè)品牌化產(chǎn)、學(xué)、研一站式服務(wù)平臺(tái)。

　　希望蒙特的網(wǎng)站原創(chuàng)設(shè)計(jì)能幫助芒種深耕品牌農(nóng)業(yè)，播種農(nóng)業(yè)未來(lái)。

　　更多農(nóng)業(yè)品牌管理網(wǎng)站開(kāi)發(fā)與設(shè)計(jì)，可以詳詢緣震，18年老牌企業(yè)，值得信賴!

網(wǎng)站關(guān)鍵詞：網(wǎng)站建設(shè)  網(wǎng)站設(shè)計(jì)  網(wǎng)站制作  上海網(wǎng)站建設(shè)  上海網(wǎng)站設(shè)計(jì)  上海網(wǎng)站制作  上海網(wǎng)絡(luò)公司  網(wǎng)站建設(shè)上海  上海做網(wǎng)站  上海建設(shè)網(wǎng)站  上海做網(wǎng)站公司  上海建網(wǎng)站公司  上海高端網(wǎng)站建設(shè)  上海手機(jī)網(wǎng)站建設(shè)  怎么建設(shè)網(wǎng)站  如何建設(shè)網(wǎng)站  營(yíng)銷網(wǎng)站建設(shè)  品牌網(wǎng)站建設(shè)  網(wǎng)站建設(shè)方案  響應(yīng)式網(wǎng)站建設(shè)  外貿(mào)網(wǎng)站建設(shè)  公司網(wǎng)站建設(shè)  建設(shè)網(wǎng)站  網(wǎng)站建設(shè)服務(wù)  高端網(wǎng)站建設(shè)  網(wǎng)站優(yōu)化服務(wù)  上海網(wǎng)站公司  企業(yè)網(wǎng)站設(shè)計(jì)  官網(wǎng)制作  官網(wǎng)建設(shè)  官網(wǎng)設(shè)計(jì)  網(wǎng)站建設(shè)公司  網(wǎng)站設(shè)計(jì)公司  網(wǎng)站制作公司