設(shè)計師必備！71個爆火的神器、模板、素材、資源網(wǎng)站推薦

時間：2022-08-07 16:03:01 | 來源：網(wǎng)站運營

時間：2022-08-07 16:03:01 來源：網(wǎng)站運營

2021 年了，你還在為沒有設(shè)計靈感而頭疼嗎？你還在為尋不到素材而苦惱嗎？你還在為不會配色而焦慮嗎？別急，優(yōu)優(yōu)傾情選擇了 71 個設(shè)計師必備網(wǎng)站，包含設(shè)計師及團隊、樣機素材、模板下載、插畫圖標等等，每個網(wǎng)站都附帶網(wǎng)址鏈接，一站式解決你的工作需求！

設(shè)計師及團隊

1. Tran Mau Tri Tam

Dribbble 主頁：Tran Mau Tri Tam

Tran Mau Tri Tam 是一名越南的 UI 設(shè)計師，將豐富的色彩以及流暢的動效運用在網(wǎng)頁中。無論是復雜的 3D 效果還是簡約的扁平插畫，都運用地得心應(yīng)手。







2. Gleb Kuznetsov

Dribbble 主頁：Gleb Kuznetsov

Gleb Kuznetsov 是一個擁有超過 15 年的 UI 和 UX 設(shè)計經(jīng)驗的設(shè)計師。Gleb 的設(shè)計工作獲得了全球關(guān)注，并且是設(shè)計界最受歡迎和追隨者之一。







3. Zhenya Rynzhuk




Dribbble 主頁：Zhenya Rynzhuk

個人網(wǎng)站：Zhenya Rynzhuk

Zhenya Rynzhuk 是一名網(wǎng)頁動效做的十分自然流暢的 UI 設(shè)計師。排版和動效都十分具有參考價值。她個人的網(wǎng)站的交互動效設(shè)計也十分有她自己獨特的風格，有興趣的朋友可以去看看。







4. Eddie Lobanovskiy

Dribbble 主頁：Eddie Lobanovskiy

Eddie Lobanovskiy 是一名優(yōu)秀的設(shè)計師和插畫家。他的圖標設(shè)計將豐富的色彩與圖形結(jié)合得十分巧妙，不僅如此，他的擬物圖標也是做到極致的逼真。







5. Yoga Perdana

Dribbble 主頁：Yoga Perdana

Yoga Perdana 是一名優(yōu)秀的 Logo 設(shè)計師。他的 Logo 多是由多個色塊拼接而成，配色清新淡雅。運用的切割和漸變的手段也使他的 Logo 更加有空間感，同時也形成了他獨特的設(shè)計風格。







6. Cuberto

Dribbble 主頁：Cuberto

工作室網(wǎng)站：Cuberto

Cuberto 是俄羅斯的一個設(shè)計工作室。他們的 UI 設(shè)計在色彩上就很吸睛,大多都是十分明亮的顏色，而在動效設(shè)計上更是流暢且精致，用戶體驗感是極好的。他們自己的工作室網(wǎng)站的交互做的非常有趣，感興趣的朋友也可以去看看。







7. Ramotion

Dribbble 主頁：Ramotion

Ramotion 是一個從事品牌和 UX 設(shè)計的工作室，服務(wù)客戶包括 Adobe、Xero、Opera 等知名企業(yè)。他們的很多作品都是從手繪入手，并且有一套強大及完整的設(shè)計框架。







8. Alexey Savitskiy

Dribbble 主頁：Alexey Savitskiy

Alexey Savitskiy 是一名來自烏克蘭的 UI 設(shè)計師。他的設(shè)計能直觀且精準地展現(xiàn)品牌的特性，無論是色彩還是排版都很值得學習。

背景素材

1. CSS Background Pattern

網(wǎng)站鏈接：CSS Background Pattern

CSS Background Pattern 能讓你在幾秒鐘之類，創(chuàng)建出無限的背景。有相當多的幾何圖形，可自由調(diào)節(jié)其大小、縮放、旋轉(zhuǎn)、顏色等來創(chuàng)造出屬于你自己的獨特的背景。







2. Bg Patterns

網(wǎng)站鏈接：Bg Patterns

Bg Patterns 是一個日本的紋理背景素材網(wǎng)站，有非常多扁平化的紋理圖案。有素材分類讓你更快找到想到的背景，同時還可以調(diào)整尺寸、添加雜色和支持不同格式下載。







3. Patterninja

網(wǎng)站鏈接：Patterninja

Patterninja 是一個可以在線設(shè)計圖案背景的網(wǎng)站。有豐富的圖案可以選擇，網(wǎng)頁里圖案的顏色密度、角度位置也可以調(diào)整。支持 SVG 和 PNG 格式下載。







4. The Pattern Library

網(wǎng)站鏈接：The Pattern Library

The Pattern Library 有相當多的平鋪圖案背景的網(wǎng)站。種類多樣，紋理、插圖、質(zhì)感等可以自行選擇下載。







5. Paper-co

網(wǎng)站鏈接：Paper-co

Paper-co 是一個日本的免費可商用的素材網(wǎng)站。有紙張、筆記本、木材、布紋理等，還有各種的標簽。提供不同尺寸和格式下載。







6. http://Trianglify.io

網(wǎng)站鏈接：Trianglify.io

免費的多邊形壁紙生成網(wǎng)站，顏色和尺寸大小都可以調(diào)整。

PNG 素材

1. Stick PNG

網(wǎng)站鏈接：Stick PNG

Stick PNG 是一家免費下載 PNG 素材的網(wǎng)站。素材包含范圍非常廣，且圖片質(zhì)量非常高。目前提供超過 36000 張透明背景圖片，同時允許創(chuàng)作者上傳素材。







2. Free PNGimg

網(wǎng)站鏈接：Free PNGimg

Free PNGimg 是一家提供免費下載的 PNG 素材網(wǎng)站。分類十分細致，且可以通過顏色進行篩選。







3. Free PNG Image

網(wǎng)站鏈接：Free PNG Image

Free PNG Image 是可以免費下載的 PNG 素材網(wǎng)站，其中矢量插畫素材非常多。網(wǎng)站同時還有相當多的海報、卡片、徽標等模板素材。提供 PNG 格式下載的同時還提供 PSD 文件下載。







4. Freepik

網(wǎng)站鏈接：Freepik

Freepik 是免費可商用高質(zhì)量的素材網(wǎng)站，有非常豐富的素材。分類十分詳細，還可通過顏色、日期、畫幅等進行搜索。有矢量圖和 PSD 文件下載。







5. Free pngs

網(wǎng)站鏈接：Free pngs

Free pngs 里擁有超過 17 萬張免費的 PNG 圖片可供下載。圖片分類多、質(zhì)量高，還可以批量下載某一類別的 PNG 圖片素材。







6. Mr cutout

網(wǎng)站鏈接：Mr cutout

Mr cutout 是一個提供各種人物動態(tài) PNG 素材的網(wǎng)站。值得一提的是，網(wǎng)站可以通過場景、視角、動態(tài)、年齡等來進行人物素材的篩選。此外，網(wǎng)站還有植被、交通工具、物件等其他各類素材。







7. Clean PNG

網(wǎng)站鏈接：Clean PNG

Clean PNG 是一個擁有適用于多種不同的場景的 PNG 素材的網(wǎng)站。有水彩畫、漫畫、植物、節(jié)日、蔬菜等多種類型的素材可供下載。







8. Subpng

網(wǎng)站鏈接：Subpng

Subpng 是擁有超過一百萬免費 PNG 素材的網(wǎng)站。其中矢量插圖素材數(shù)量占比非常之多。同時允許創(chuàng)作者上傳素材。

3D 網(wǎng)站

1. Handz

網(wǎng)站鏈接：Handz

Handz 是一個 3D 手勢庫。擁有 320 種手勢組合。12 只手的手勢，有 9 種顏色的皮膚和3種不同的袖子。下載時將價格改成 0 即可免費下載。







2. shapefest

網(wǎng)站鏈接：shapefest

shapefest 擁有多種材質(zhì)的高質(zhì)量 3D 圖形。粘土和塑料、玻璃、金屬、紡織等多種材質(zhì)的基本形狀和數(shù)字字母圖案等可供免費下載。







3. iconshock

網(wǎng)站鏈接：iconshock

iconshock 擁有 1000 多個高質(zhì)量 3D 圖標，色彩明快吸引眼球，尤其適合辦公、學習場景使用。







4. Isoflat

網(wǎng)站鏈接：Isoflat

Isoflat 擁有超多 2.5D 風圖標素材，點進去可以直接下載。值得推薦的是，下載的是源文件，個人可以再進行修改。







5. Isometriclove

網(wǎng)站鏈接：Isometriclove

Isometriclove 不僅有 2.5D 視角的物品，還有像素體積和 gif 動畫可供下載。選擇了圖像后還可以在網(wǎng)頁上自行調(diào)節(jié)大小、角度、燈光效果來保存PNG圖片。







6. Avatarz

網(wǎng)站鏈接：Avatarz

Avatarz 是一個可愛的 3D 人物庫，擁有超過 8000+ 可能的人物組合。同時，還有可以自己創(chuàng)作的 3D 人物生成器、源文件及教程。







7. bemore.graphics

網(wǎng)站鏈接：bemore.graphics

bemore.graphics 有各種視角各種顏色各種手勢的 iPhone 的高質(zhì)量 3D 模型可供下載。







8. 3D Christmas

網(wǎng)站鏈接：3D Christmas

3D Christmas 有多種圣誕元素的 3D 模型可以免費下載，網(wǎng)頁里提供 5 種顏色以便自行調(diào)節(jié)手部顏色。另還可以下載源文件以根據(jù)需要定制更多手勢。

字體網(wǎng)站

1.求字網(wǎng)

網(wǎng)站鏈接：求字網(wǎng)

求字網(wǎng)是全球首個支持中英文等多語種字體識別的搜索引擎?？梢悦赓M提供上傳圖片找字體、字體實時預覽及字體下載服務(wù)。







2. What The Font

網(wǎng)站鏈接：What The Font

What The Font 可以快速查找不認識的字體。只需上傳圖像，單擊要識別的字體，然后就可以查看結(jié)果。







3.字由

網(wǎng)站鏈接：字由

字由不僅向用戶提供字體，還展示每款字體的應(yīng)用案例、字體介紹以及字體設(shè)計的背景信息等。同時還分享技巧教程、設(shè)計趨勢、素材合集等。







4. Free Typography

網(wǎng)站鏈接：Free Typography

Free Typography 不僅提供許多高質(zhì)量的免費字體，同時還有字體設(shè)計師的介紹以及字體的應(yīng)用展示。







5. Fontself

網(wǎng)站鏈接：Fontself

Fontself 是 IlluStrator 和 Photoshop CC 的擴展插件，可以快速將任何字母轉(zhuǎn)換為 OpenType 字體。Fontself 還可以把圖標、笑臉、符號等全部轉(zhuǎn)化為可使用的字體文件。這意味著你可以創(chuàng)建屬于你自己的字體。







6. Right font app

網(wǎng)站鏈接：Right font app

RightFont 5 是一個創(chuàng)新的，漂亮的和專業(yè)的 Mac 字體管理應(yīng)用，可以幫助我們預覽，安裝，同步和管理我們的字體文件。







7. What Font is

網(wǎng)站鏈接：What Font is

What Font is 擁有自己的數(shù)據(jù)庫，包括超過 280,000 種字體。只需要上傳圖片然后優(yōu)化圖片輸入字體就能夠幫助我們識別陌生字體。如果沒有找到，則會匹配相似的字體。還提供文字篩選功能，可以選擇免費或者付費字體。







8. Size Calculator

網(wǎng)站鏈接：Size Calculator

Size Calculator 能通過輸入觀看距離、物理尺寸和感知尺寸，來直觀地展示不同字體大小和距離給人帶來的不同的觀看效果。

靈感網(wǎng)站

1. Designspiration

網(wǎng)站鏈接：Designspiration

Designspiration 號稱小 pinterest 。有藝術(shù)、攝影、插畫、UI 設(shè)計、海報設(shè)計等相當豐富的設(shè)計靈感資源，可以根據(jù)顏色查找相應(yīng)的作品。







2. Best Website Gallery

網(wǎng)站鏈接：Best Website Gallery

Best Website Gallery 是一個分享網(wǎng)頁設(shè)計和網(wǎng)頁創(chuàng)作靈感的網(wǎng)站?？梢愿鶕?jù)顏色、風格、框架等來篩選優(yōu)秀的網(wǎng)頁設(shè)計作品。







3. Awwwards

網(wǎng)站鏈接：Awwwards

Awwwards 是一個展示網(wǎng)頁設(shè)計的網(wǎng)站。同時，它還會邀請優(yōu)秀的設(shè)計師及團隊舉辦一些比賽。網(wǎng)站上還會發(fā)布一些職位信息以及售賣一些設(shè)計相關(guān)課程。







4. CSS Nectar

網(wǎng)站鏈接：CSS Nectar

CSS Nectar 是一個網(wǎng)頁設(shè)計網(wǎng)站，網(wǎng)站有詳細的分類以便快速找到。在網(wǎng)站上看到的網(wǎng)頁底部的數(shù)值是 CSS Nectar 的設(shè)計社區(qū)在編碼、設(shè)計和創(chuàng)造力三個不同的類別中，對每個站點進行的投票得分。







5. Abduzeedo

網(wǎng)站鏈接：Abduzeedo

Abduzeedo 會分享很多關(guān)于設(shè)計、攝影、插圖和 UX 的文章。吸引了超過百萬的設(shè)計愛好者，幾乎每天 300 萬訪問量，已經(jīng)成為了全球最受歡迎的設(shè)計創(chuàng)意資源與教程網(wǎng)站之一。







6. sitelnspire

網(wǎng)站鏈接：sitelnspire

sitelnspire 收集了很多風格各異創(chuàng)意十足的優(yōu)秀網(wǎng)頁設(shè)計。同時也支持各個風格、類型、學科來進行搜索。







7. Io3000

網(wǎng)站鏈接：Io3000

日本的一個網(wǎng)頁設(shè)計網(wǎng)站。網(wǎng)站設(shè)計簡潔明了。同樣可以根據(jù)色彩、標簽和主題選擇。







8. OLLY MOSS

網(wǎng)站鏈接：OLLY MOSS

OLLY MOSS 收錄了相當多優(yōu)秀的海報設(shè)計。點進海報會有相應(yīng)的海報來源、作者及介紹。

配色網(wǎng)站

1. Nippon Colors

網(wǎng)站鏈接：Nippon Colors

Nippon Colors 是一個日本傳統(tǒng)色網(wǎng)站。直觀地標注了顏色的名字和 CMYK、RGB 以及 HEX 值。同時，點擊某一個顏色網(wǎng)站頁面也會變成相對應(yīng)的顏色。







2.優(yōu)設(shè)色彩導航

網(wǎng)站鏈接：優(yōu)設(shè)色彩導航

優(yōu)設(shè)的色彩導航有超齊全的中日傳統(tǒng)色彩，當然還有豐富的色卡、漸變色以及配色參考和相關(guān)文章，是一個非常全面的色彩網(wǎng)站。







3. Happy Hues

網(wǎng)站鏈接：Happy Hues

當不知道在設(shè)計中應(yīng)該使用什么顏色或者在哪里使用它們時，Happy Hues 作為一個色彩調(diào)色板靈感網(wǎng)站，向我們展示了在真實世界的設(shè)計項目中可以如何使用顏色。







4. Scheme Color

網(wǎng)站鏈接：Scheme Color

Scheme Color 有相當多的色卡?？梢愿鶕?jù)應(yīng)用場景、季節(jié)、色彩等進行色卡的篩選。點進色卡會有具體的色彩名稱和色值。







5. Pigment

網(wǎng)站鏈接：Pigment

Pigment 里有豐富的雙色色卡。有直接從自然環(huán)境種提煉出來的顏色。還可以直接在選擇色彩的同時，改變色彩的飽和度和明度。







6. Color Box

網(wǎng)站鏈接：Color Box

Color Box 可以通過調(diào)整色調(diào)、飽和度和亮度得到一個多色色卡。意味著我們可以迅速擁有任何一個可能出現(xiàn)的色值。







7. Palettelist

網(wǎng)站鏈接：Palettelist

Palettelist 非常適合常常為選擇某一個顏色而糾結(jié)的朋友。在 Palettelist 里，你只需要挑選 12 個顏色中任意 2 個顏色，就會出現(xiàn)成百上千種顏色組合。提供 CSS、SASS、SVG 格式免費下載。







8. Khroma

網(wǎng)站鏈接：Khroma

Khroma 會在第一步讓你選擇 50 個心儀的顏色，以便于了解你喜歡的和不喜歡的顏色。然后會分別分為字體配色、海報配色、漸變、圖片配色、色板組合幾個大類生成成百種色彩方案。







9. Web Gradients

網(wǎng)站鏈接：Web Gradients

Web Gradients 是一個擁有 180 個線性漸變的色彩網(wǎng)站?？梢暂p松復制 CSS3 跨瀏覽器代碼，并且還有線性漸變的 PNG 文件。

插畫網(wǎng)站

1. Undraw

網(wǎng)站鏈接：Undraw

Undraw 是一個提供高質(zhì)量插圖的網(wǎng)站。最值得推薦的是可以在網(wǎng)站里直接修改插圖的顏色，這極大地提高了插圖的適用性。







2. humaaans

網(wǎng)站鏈接：humaaans

在 humaaans 可以通過改變?nèi)宋锇l(fā)型、服裝、顏色和其他元素等自由創(chuàng)作出不同動態(tài)的人物插畫。







3. Open Doodles

網(wǎng)站鏈接：Open Doodles

Open Doodles 是一個涂鴉風格的插畫網(wǎng)站，有不同構(gòu)圖的插畫和應(yīng)用場景實例，提供 PNG 和 SVG 文件下載。







4. Ouch illustration

網(wǎng)站鏈接：Ouch illustration

Ouch illustration 包含了多個多種風格的插圖。可以根據(jù)關(guān)鍵詞搜索插圖，也有一些主題分類，每一個主題類別下都會有相當多的插圖選擇。可以免費下載 PNG 格式和 SVG 格式的插圖。







5. Mixkit

網(wǎng)站鏈接：Mixkit

與其他插圖網(wǎng)站不同，Mixkit 都是一幅幅完整的插圖而不是單個元素。Mixkit 同樣可以通過關(guān)鍵詞搜索，所有的插圖都可以免費下載。







6. Vector Creator

網(wǎng)站鏈接：Vector Creator

Vector Creator 有 20 種風格 9000 多個素材組件，可根據(jù)喜好自行搭配。最后的成果可免費下載 PNG 和 SVG 兩種格式。







7. Openpeeps

網(wǎng)站鏈接：Openpeeps

openpeeps 是一個涂鴉人物矢量插圖庫。提供不同人物表情、發(fā)型、服裝、配飾、動態(tài)等元素，可以隨意組成擁有超過 584668 個可能的組合。







8. Blush

網(wǎng)站鏈接：Blush

Blush 中包括人物、植物、涂鴉、建筑等多類插圖，均可以在線調(diào)節(jié)相應(yīng)的元素，以創(chuàng)造出屬于你的獨特的插圖。

Logo網(wǎng)站

1. Hatchful

網(wǎng)站鏈接：Hatchful

Hatchful 能快速簡單的生成好看專業(yè)的 logo。只要選擇使用場景、設(shè)計風格和產(chǎn)品名字和 slogan 就可以快速生成 logo，選中 logo 后還可以在線對 logo 進行調(diào)整。







2. Designevo

網(wǎng)站鏈接：Designevo

Designevo 提供 10000 多個模板，可以直接搜索或者分類查找 logo 模板。選擇 logo 模板后還可以查找相似模板，更可以在線對 logo 進行調(diào)整。







3. Logo

網(wǎng)站鏈接：Logo

在網(wǎng)站里輸入品牌名稱后，選擇一款經(jīng)過設(shè)計的字體與你想要使用的圖形就會自動排列組合來生成 logo。







4. Looka

網(wǎng)站鏈接：Looka

只需先輸入 logo 行業(yè)類型，再選擇 5 種或以上你喜歡的風格、顏色，輸入 logo 名和 slogan 再選擇最多 5 個符號即可生成多個 logo。







5. Instant Logo Search

網(wǎng)站鏈接：Instant Logo Search

Instant Logo Search 收集了上千個世界流行的品牌 logo，提供 PNG 和 SVG 格式下載。







6. Name Cheap

網(wǎng)站鏈接：Name Cheap

只需選擇你喜歡的字體和圖標，就可以自由組合形成新的 logo，并可以免費下載。







7. Fiverr Logo Maker

網(wǎng)站鏈接：Fiverr Logo Maker

在 Fiverr Logo Maker 輸入品牌名，選擇行業(yè)和元素就可以在線生成 logo，還可以改變元素的排列位置以及顏色。







8. Logo Rank

網(wǎng)站鏈接：Logo Rank

Logo Rank 是一個人工智能系統(tǒng)。上傳你的 logo，就會顯示出這個 logo 與其他圖標的相似性、logo 的可讀性、logo 的色彩以及總體的評分。







大家還有什么優(yōu)秀的網(wǎng)站推薦呢，歡迎在評論區(qū)留言交流~

看完這篇網(wǎng)站的朋友還在看