這些設(shè)計(jì)資源網(wǎng)站和字體，小眾好用還全部免費(fèi)！

時(shí)間：2022-08-07 16:57:01 | 來源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2022-08-07 16:57:01 來源：網(wǎng)站運(yùn)營(yíng)

賣家可以利用設(shè)計(jì)資源來美化你的店鋪/網(wǎng)站，以提高轉(zhuǎn)化率。本文將盤點(diǎn)2019年新銳網(wǎng)頁(yè)設(shè)計(jì)工具和字體，包括適合網(wǎng)站設(shè)計(jì)人員和開發(fā)人員的工具、編碼資源、字體和顏色資源等，而且全部都免費(fèi)！

免費(fèi)設(shè)計(jì)工具

1、404 Illustrations

https://www.kapwing.com/404-illustrations

404 Illustrations是一款404頁(yè)面生成工具。它提供精彩時(shí)髦的插圖，圖片還可以根據(jù)頁(yè)面發(fā)生的錯(cuò)誤加上文字，如下圖所示：




2、311產(chǎn)品管理免費(fèi)資源

https://usefyi.com/templates/product-management-templates/

這款工具里面羅列了許多免費(fèi)產(chǎn)品管理工具和模板，你可以很輕松就能找到創(chuàng)建、發(fā)布以及管理產(chǎn)品的工具。




3、Real Dev

https://real.dev/?business=1

Real Dev是面向開發(fā)者的社區(qū)平臺(tái)。企業(yè)可以使用這款工具來尋找具有實(shí)際編程經(jīng)驗(yàn)的開發(fā)人員。




4、Paaatterns

https://lstore.graphics/paaatterns/index.html

這款工具里面含有許多矢量圖像模板，你可以自定義編輯圖層樣式以及矢量圖形。




5、SaaS Pages

https://saaspages.xyz/

這款工具收集了許多優(yōu)秀的獨(dú)立站著陸頁(yè)，不知道著陸頁(yè)怎么設(shè)計(jì)以及怎么寫文案，可以進(jìn)入這個(gè)網(wǎng)站找找靈感。如下圖所示，它還將每個(gè)轉(zhuǎn)化率最高的著陸頁(yè)因素分成若干個(gè)版塊，并且分享了許多關(guān)于高級(jí)著陸頁(yè)的文章和圖樣。




6、Verby

https://www.verby.co/

Verby是一款免費(fèi)的文本轉(zhuǎn)語(yǔ)音工具，你可以自己創(chuàng)建或下載純音制作MP3音頻文件。










7、Superposition

https://superposition.design/

Superposition能夠提取網(wǎng)站已有的設(shè)計(jì)，例如主題配色、網(wǎng)頁(yè)排版以及圖文間距。你可以用它平衡網(wǎng)站、APP甚至是項(xiàng)目之間的一致效果。







8、Dynamic Charts

https://dsternlicht.github.io/react-dynamic-charts/

Dynamic Charts 是一個(gè)React模塊庫(kù)，用于根據(jù)動(dòng)態(tài)數(shù)據(jù)創(chuàng)建動(dòng)畫圖表等可視化內(nèi)容。




9、VisualSitemaps

https://visualsitemaps.com/

VisualSitemaps是一款能夠自動(dòng)生成網(wǎng)站地圖，以及在任何網(wǎng)站上都能進(jìn)行高清截屏的工具，用于用戶界面審核、用戶體驗(yàn)、搜索引擎優(yōu)化和市場(chǎng)調(diào)研。




10、Components AI

https://components.ai/

Components AI是一個(gè)實(shí)驗(yàn)平臺(tái)，開發(fā)自動(dòng)生成設(shè)計(jì)系統(tǒng)。要尋找網(wǎng)站設(shè)計(jì)的靈感可以上這個(gè)網(wǎng)站上看看。










11、Avant UI

https://www.avantui.com/

Avant UI是一個(gè)基于Bootstrap框架的開發(fā)工具包，比Bootstrap更美觀且看起來更高級(jí)。Avant UI添加了新元素，用于設(shè)計(jì)更加完整的網(wǎng)頁(yè)框架。




12、Eva Design System

https://eva.design/

這款工具包含數(shù)以百計(jì)的標(biāo)志以及樣式配置，你可以借助此工具將你的網(wǎng)站和APP的設(shè)計(jì)風(fēng)格保持一致。




13、Creative Machine

https://creativemachine.co/

Creative Machine是一款在線圖片編輯器，可以創(chuàng)建個(gè)性化廣告素材。你可以根據(jù)模板上傳本地圖片進(jìn)行創(chuàng)作，然后再下載下來。




14、Swipemix

https://apps.apple.com/us/app/swipemix-layouts-collages

Swipemix可以用來創(chuàng)建高級(jí)的Instagram排版，以及創(chuàng)建Instagram幻燈片式滑頁(yè)多圖廣告。




15、Hubcap

https://free.hubcap.video/

Hubcap是一個(gè)截屏錄屏工具，不需要安裝或下載。添加自定義鏈接開始錄制或在你的網(wǎng)站上添加一個(gè)按鈕。




16、Freemium

https://freemium.cc/

Freemium網(wǎng)站中也是以板塊形式羅列了一系列免費(fèi)增值工具，適用于數(shù)字內(nèi)容創(chuàng)作人員。你可以通過該網(wǎng)站創(chuàng)建設(shè)計(jì)、查找免費(fèi)設(shè)計(jì)資源、與創(chuàng)意團(tuán)隊(duì)協(xié)作等等。




17、Material Icons Library

https://icons.pixsellz.io/

Material Icons Library里面包含大約1000個(gè)流行的圖標(biāo)素材，包括圓形圖標(biāo)、輪廓矢量圖標(biāo)以及雙色調(diào)樣式等圖標(biāo)。




免費(fèi)好用的字體




1、Salt

https://www.behance.net/gallery/80296873/Salt-a-free-font-by-Masha-Chuprova

Salt可以免費(fèi)商用，它屬于極簡(jiǎn)風(fēng)重心低的無襯線字體，如下圖所示。它有兩種屬性：常規(guī)和加粗體。







2、Oliver

https://freebiesbug.com/free-fonts/oliver/

這款字體也可免費(fèi)商用，它屬于現(xiàn)代風(fēng)的無襯線字體，提供限時(shí)免費(fèi)設(shè)計(jì)。這款字體有多個(gè)細(xì)體、常規(guī)和加粗體格式，如下圖所示：

3、Basier Mono

http://atipofoundry.com/fonts/basier-mono

Basier Mono 有兩種字體系列，圓形和方形，看起來很與眾不同（如下圖所示）。常規(guī)款式可以免費(fèi)使用，但是如果想要獲取整個(gè)字體系列就需要付費(fèi)。




4、Cocomat

https://www.myfonts.com/fonts/zetafonts/cocomat-pro/

這款字體主要是一款意大利斜體，有多種磅數(shù)，常規(guī)版本可以免費(fèi)使用，如下圖所示：




5、Lansdowne

https://pixelbuddha.net/freebie/lansdowne-decorative-font

這款字體既簡(jiǎn)潔又復(fù)古，其設(shè)計(jì)靈感起源于舊廣告字體。這樣的字體既棱角分明又方正整齊，同時(shí)還不失經(jīng)典復(fù)古韻味，如下圖所示：


亞馬遜賣家之路，從http://AMZ123.COM開始