今天分類(lèi)推薦的這些基礎工具和網(wǎng)站中，涵蓋了素材、色彩、字體、圖標、主題、原型設計等多種類(lèi)別，足以組成一個(gè)網(wǎng)頁(yè)設計師的日常用工具合集了，非常值得網(wǎng)頁(yè)設計從業(yè)者們收入囊中。

三、字體圖標類(lèi)

1、Fontea

網(wǎng)站地址：https://fontea.madebysource.com/

Fontea 可以幫你在Photoshop中直接調用涵蓋700多款在字體的Google Fonts。這款插件zui大的優(yōu)勢是你再也不用打開(kāi)瀏覽器找字體，而是直接在程序內調用了。

2、Perfect Icons

網(wǎng)站地址： http://perfecticons.com/

PerfectIcons是一款生成社交相關(guān)圖標的工具。

3、Font Awesome

網(wǎng)站地址： https://fortawesome.github.io/Font-Awesome/

我們曾經(jīng)推薦過(guò)Font Awesome 這款矢量圖標字體，你可以在CSS中直接調用，極為省心。

4、Boxy SVG

如果你此刻電腦上沒(méi)有安裝AI和Sketch，或者是壓根不想打開(kāi)它們，那么你可以使用矢量圖形編輯工具Boxy SVG來(lái)編輯圖形。Boxy SVG 是一款跨平臺的矢量圖形編輯工具，只要你有瀏覽器就可以運行了，不需要安裝，還可以借助網(wǎng)絡(luò )導入Google Fonts 字體，各種圖形變幻、路徑編輯也都手到擒來(lái)，是個(gè)相當順手的替代工具。

四、主題類(lèi)

1、Frontify

網(wǎng)站地址：https://frontify.com/

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

2、Shopify Timber

網(wǎng)站地址：http://shopify.github.io/Timber/

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

3、Be Theme

網(wǎng)站地址：http://themes.muffingroup.com/be/splash/

Be Theme 系列主題，這個(gè)團隊提供了超過(guò)200個(gè)預搭建網(wǎng)站，超過(guò)40項核心功能，覆蓋的網(wǎng)站類(lèi)型非常的全面。如果你需要特定功能的Wordpress主題，就去挑一個(gè)吧。

4、X Theme

網(wǎng)站地址：https://theme.co/x/

如果你更傾向于功能完備可以自行定制的主題的話(huà)，那么這個(gè)幾乎在ThemeForest平臺上近乎登頂的X Theme 可能就是你的菜。X Theme嚴格按照目前zui高的標準來(lái)開(kāi)發(fā)，基礎扎實(shí)，設計創(chuàng )新，功能也足夠前沿。zui重要的是，圍繞著(zhù) X Theme 有一個(gè)完整的用戶(hù)社群，你可以得到zui全面的幫助。

5、Shopkeeper

網(wǎng)站地址：https://themeforest.net

Shopkeeper是 ThemeForest 平臺上的另外一個(gè)熱賣(mài)的電商類(lèi)主題。這個(gè)主題為你提供了足夠優(yōu)秀的用戶(hù)體驗，并且沿著(zhù)WooCommerce的思路來(lái)進(jìn)行整體的設計，它能讓用戶(hù)近乎無(wú)障礙的使用，并且內置了漂亮炫酷的主題。

6、Xstore

XStore 是一款迷人而小巧的主題，簡(jiǎn)單看看他們官網(wǎng)上提供的演示模板就能體會(huì )到這一點(diǎn)。主題中所使用的特效被廣泛使用，但是在這里用的恰到好處，不顯累贅。

五、原型設計類(lèi)

1、Proto.io

網(wǎng)站地址：https://proto.io/

Proto.io 是一款強大的原型設計工具，讓你可以在幾分鐘內創(chuàng )建功能豐富功能完備的交互原型，無(wú)需編寫(xiě)代碼。同時(shí)它還是一款協(xié)同工具，可以讓團隊成員、客戶(hù)和利益相關(guān)者都參與到項目當中來(lái)，在設計過(guò)程中實(shí)時(shí)分享設計原型。

2、Power Mockup

如果你更習慣使用PowerPoint，那么你應該會(huì )喜歡PowerMockup這個(gè)工具。作為一個(gè)PowerPoint 的庫，你可以使用你所熟知的PPT來(lái)快速搭建一個(gè)桌面端或者移動(dòng)端界面的原型，簡(jiǎn)單的托拽就可以搞定一切，有了它，展示起來(lái)也更加便捷。如果你愿意添加自己定制的形狀和控件，你還可以同其他的PowerMockup 用戶(hù)進(jìn)行分享哦。

3、Grid.Guide

網(wǎng)站地址：https://css-tricks.com/snippets/css/complete-guide-grid/

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

4、XPRS

XPRS 也是一款網(wǎng)站搭建工具，它會(huì )讓你的網(wǎng)站搭建像樂(lè )高一樣簡(jiǎn)單好玩兒。XPRS 讓你告別復雜、混亂、昂貴的開(kāi)發(fā)過(guò)程，優(yōu)秀可靠的設計和可靠的托管服務(wù)，加上簡(jiǎn)單易用的集成編輯環(huán)境，還有什么樣的Web項目搞不定的呢？

http://ezekroy.com/wangzhansheji/3322.html 這些實(shí)用網(wǎng)頁(yè)設計基礎工具和網(wǎng)站，你都知道嗎？（二）