網(wǎng)頁設(shè)計(jì)/配色/UI界面/圖形樣機(jī)網(wǎng)站集合大公開！

時(shí)間：2023-10-04 08:48:01 | 來源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-10-04 08:48:01 來源：網(wǎng)站運(yùn)營(yíng)

網(wǎng)頁設(shè)計(jì)/配色/UI界面/圖形樣機(jī)網(wǎng)站集合大公開?。捍似獌?nèi)容一共分為四大類：網(wǎng)頁設(shè)計(jì)、配色網(wǎng)站、UI圖標(biāo)網(wǎng)站、圖形&樣機(jī)資源網(wǎng)站 。喜歡的請(qǐng)點(diǎn)贊喲~




一、網(wǎng)頁設(shè)計(jì)網(wǎng)站

1.Reeoo是我本人最喜歡的優(yōu)秀網(wǎng)頁設(shè)計(jì)網(wǎng)站之一啦，它是可以根據(jù)配色篩選好的網(wǎng)頁，其實(shí)不考慮色彩，Reeoo上已經(jīng)都是頂級(jí)設(shè)計(jì)網(wǎng)站了，非常非常多牛逼設(shè)計(jì)師提供的頂級(jí)設(shè)計(jì)，讓Designer們長(zhǎng)期追捧。而按照顏色篩選這個(gè)功能，簡(jiǎn)直是讓人歡喜到無以復(fù)加，真心的非常方便。

Reeoo

2.如果你喜歡日本的設(shè)計(jì)，那你一定要關(guān)注這個(gè)網(wǎng)站，這里多半都是日本設(shè)計(jì)師的作品分享。網(wǎng)站也帶有日本設(shè)計(jì)的優(yōu)雅與公整，且整個(gè)網(wǎng)站分享的作品質(zhì)量也較高。

Web Design Clip




3.免費(fèi)提供數(shù)百種用戶界面、模板和圖標(biāo)資源，還可以按文件類型和領(lǐng)域搜索。

Fly Pixel

4.提供網(wǎng)頁設(shè)計(jì)趨勢(shì)、教程和免費(fèi)資源、站內(nèi)文章涵蓋了從品牌和用戶體驗(yàn)設(shè)計(jì)到營(yíng)銷和社交媒體的網(wǎng)頁設(shè)計(jì)等各個(gè)方面，免費(fèi)資源包括UI工具包、博客站主題樣機(jī)、圖標(biāo)和矢量圖。

WebdesignerDepot




5.提供各種類型的智能手機(jī)、平板電腦和顯示器的屏幕尺寸。

Screen Sizes

6.FltDesign

7.免費(fèi)的PSD、圖形、平面、網(wǎng)頁設(shè)計(jì)資源 。

DesignLazy

8.網(wǎng)頁設(shè)計(jì)的網(wǎng)站

The Fox

9.程序員和設(shè)計(jì)師都可以看的網(wǎng)站，主要是Web開發(fā)、移動(dòng)開發(fā)、性能優(yōu)化、體驗(yàn)報(bào)告等。

凹凸實(shí)驗(yàn)室




10.網(wǎng)頁設(shè)計(jì)和開發(fā)博客，有最新的一些技術(shù)、特效代碼和文章。

Codrops




二、配色網(wǎng)站

網(wǎng)頁設(shè)計(jì)師25配色工具：

1.ColorHexa 鏈接： www.colorhexa.com

2.Coolors 敲擊空格即可換配色 鏈接： www.coolors.co

3.Palettte 鏈接： palettte.app

4.Materrial UI Colors 鏈接： http://materrialuicolore.co

5.Color Supply 鏈接： http://colorsupplyyy.com/app

6.Color Safe 鏈接：http://colorsafe.co

7.Color Hunt 現(xiàn)成配色 鏈接：www.colorhunt.co

8.Open Color 鏈接：http://yeun.github.io/open-color

9.color scheme designer 鏈接：http://www.peise.net/tools/web/

10.配色表 鏈接：網(wǎng)頁設(shè)計(jì)常用色彩搭配表 - 配色表 | 小影的工具箱

11.SDC優(yōu)設(shè)網(wǎng)配色工具 鏈接：網(wǎng)頁配色,設(shè)計(jì)配色,配色圖表,配色卡,配色方案圖譜生成-SDC優(yōu)設(shè)網(wǎng)配色工具 12.Color Hunter 鏈接：Color Hunter

13.Adobe Color CC 導(dǎo)入任何圖像以生成顏色主題，或者使用其色盤生成不同的主題如：?jiǎn)紊?、鄰近色、三元色、互補(bǔ)色、復(fù)合色和陰影! 鏈接：www.color.adobe.com

14.BrandColors

自稱是最大的官方品牌顏色代碼合輯，單擊喜歡的顏色會(huì)立即復(fù)制到剪貼板。

鏈接：www.brandcolors.net

15.Coolors

快速顏色方案生成器，幾秒內(nèi)創(chuàng)建、保存和共享不同的調(diào)色板。

鏈接：www.coolors.co

16.Flat UI Colours

提供多種設(shè)計(jì)項(xiàng)目調(diào)色方案，與全球13位設(shè)計(jì)師合作設(shè)計(jì)和演示提供了共280種顏色的搭配

鏈接：www.flatuicolors.com

17.Colour Lovers

一個(gè)國際社區(qū)網(wǎng)站，提供了設(shè)計(jì)靈感資源和執(zhí)行所需的工具，擁有豐富的用戶分享內(nèi)容、色彩搭配靈感以及制作工具。

鏈接： www.colourlovers.com

18.Palette Creator

右鍵單擊目標(biāo)圖片，選擇“調(diào)色板創(chuàng)建器”選項(xiàng)，然后選擇調(diào)色板所需的顏色數(shù)，即可提取圖片風(fēng)格配色。 鏈接： www.chrome.google.com/webstore/detail/palette-creator

19.配色：Web安全色

該網(wǎng)站列舉了216種網(wǎng)頁安全色，分Html和RGB兩種進(jìn)行標(biāo)識(shí)。

20.配色網(wǎng)-致力色彩搭配方案的交流與學(xué)習(xí)

這個(gè)配色網(wǎng)站有些名字起得挺有文采的，能給人直觀的想象，方便記憶。

除此之外，首頁下方，還有一些關(guān)于配色的相關(guān)知識(shí)和方法。

21日系配色 鏈接： http://nipponcolors.com

22.漸變配色 鏈接： Free Gradients Collection by itmeo.com

23.圖片顏色提取 鏈接： ColorFavs

24.日系配色 鏈接： FLAT ICON DESIGN -フラットアイコンデザイン-

25.香葉紅 - 中國色 - 中國傳統(tǒng)顏色 中國色 － 中國傳統(tǒng)顏色

---

三、UI界面網(wǎng)站

1.阿里巴巴圖標(biāo)網(wǎng) Iconfont-阿里巴巴矢量圖標(biāo)庫

2.專業(yè)用戶體驗(yàn)設(shè)計(jì)平臺(tái) 。這里是UI設(shè)計(jì)、圖標(biāo)設(shè)計(jì)規(guī)范、用戶體驗(yàn)設(shè)計(jì)研究，教程學(xué)習(xí)的網(wǎng)站。

UI中國

3.icons8 免費(fèi)圖標(biāo)




4. Iconstore 系列圖標(biāo)




5.扁平化圖標(biāo) 超過130000個(gè)矢量圖標(biāo)，1849個(gè)打包資源。

FLATICON




6.Iconsfeed iOS風(fēng)格圖標(biāo)




7.IconFinder




8.UI設(shè)計(jì)師的成長(zhǎng)記 - 博客 - 飛屋設(shè)計(jì)

飛屋博客




9.Findicons




10.Easyicon




11.IconArchive




12.強(qiáng)大的ICON搜索功能，集眾人之力為所有詞繪制矢量圖。提供免費(fèi)會(huì)員資格，訪問超過100,000個(gè)不同主題的圖標(biāo)，付費(fèi)升級(jí)后可無限制訪問目錄。

Noun Project




13.Medialoot

211+ Most-Popular Icon Sets to Download (SVG, PNG, AI, PSD)




14.Pttrns IOS UI




15.豐富的圖標(biāo)資源，從網(wǎng)絡(luò)、企業(yè)、社交等常見項(xiàng)目到一些不尋常的主題，如美容、美食等均有涉及。

Endless Icons




16.非常詳細(xì)的UI收集網(wǎng)站，關(guān)鍵是分類做得非常好。網(wǎng)站左側(cè)的一個(gè)導(dǎo)航列表，里面基本上涵蓋了各種常見的UI界面，細(xì)致到共有167個(gè)種類！

UI收集網(wǎng)站：Collectui

---

四、圖形&樣機(jī)資源網(wǎng)站

1.獨(dú)立和完整的素材資源兼具，用戶可以在其中下載免費(fèi)圖標(biāo)、線框、按鈕、表單和徽標(biāo)。

Sketch App Sources

2.矢量圖形、徽標(biāo)設(shè)計(jì)和PSD圖形的集合網(wǎng)站，從商業(yè)圖標(biāo)集和免費(fèi)平面UI工具包到網(wǎng)頁圖像和Facebook封面，有大量可以瀏覽和下載的資源。

365PSD







3.提供免費(fèi)UI工具包、圖標(biāo)、模型、模板和字體，同時(shí)用戶也可以提交自己的作品

Designer Mill

4.免費(fèi)矢量圖庫，自稱矢量圖搜索引擎網(wǎng)站先驅(qū)，高質(zhì)量的免費(fèi)的矢量藝術(shù)，插圖，圖標(biāo)，PSD等素材資源，擁有超過一百萬個(gè)免費(fèi)矢量圖和照片資源。

FreePik

5.擁有大量圖標(biāo)和矢量圖形、圖形設(shè)計(jì)、和網(wǎng)頁設(shè)計(jì)模板。

Pixeden




6.提供圖標(biāo)，矢量圖形，字體，庫存圖像和紋理，用戶可選擇免費(fèi)資源下載。

Design Instruct




7.主要匯集一些大品牌的logo，例如 Facebook、Spotify、Dropbox等公司的標(biāo)識(shí)。

FindGuidelin.es




8. 從字體、圖標(biāo)、插畫等PS資源到樣機(jī)、網(wǎng)站模板，一應(yīng)俱全。

Freebiesbug

9. 提供各種圖標(biāo)、UI工具包、背景圖片和樣機(jī)PSD資源。

Psddd

10.一個(gè)樣機(jī)PSD包，可以免費(fèi)用于商業(yè)和個(gè)人項(xiàng)目，所有圖像都是在C4D中創(chuàng)建而成，并使用Octane Render進(jìn)行渲染，由美國設(shè)計(jì)師 Aaron Covrett 提供。

Granite Stationery Bundle

11.Screely

12.Yoarts




13.由設(shè)計(jì)師Alex Andr提供的，四個(gè)免費(fèi)名片樣機(jī)。

Business Card Mockup




14.一款線上框架合成工具，提供智能手機(jī)、電腦、筆記本、名片、杯子、招牌、袋(箱)子等上百種逼真樣機(jī)，可將自己的產(chǎn)品或截圖置入到免費(fèi)樣機(jī)中。

MockupsJar




15.提供大量?jī)?yōu)質(zhì)樣機(jī)，可以查看免費(fèi)贈(zèng)品獲取更多樣機(jī)。

Free iPhone Photo Mockup




16.免費(fèi)樣機(jī)（國外）

Mockupworld


17.PSD Repo

該網(wǎng)站是收錄了很多工作中可能會(huì)用到的高質(zhì)量PSD素材，包括網(wǎng)頁、界面、圖標(biāo)、模型等豐富的素材，素材質(zhì)量也是很豐富的。




18.云端設(shè)計(jì)




19.設(shè)計(jì)小咖




20.PSD樣機(jī) ,免費(fèi)的矢量圖、徽標(biāo)設(shè)計(jì)、插畫等 - 全部免費(fèi)供個(gè)人和商業(yè)使用。

Vectorhq




21.淘寶網(wǎng) - 淘！我喜歡在這上面找素材比百度都方便。




補(bǔ)充一些獨(dú)家樣機(jī)素材：

【1402722】Art Deco Bundle Offer 機(jī)械幾何裝飾邊框圖案合集矢量格式

鏈接：https://pan.baidu.com/s/1YrdDf5BQJwf4pRtj9QFARw 密碼：td5j




A1127矢量Art Deco復(fù)古花紋邊框紋樣字母logo線條 AI設(shè)計(jì)素材+psd

鏈接: https://pan.baidu.com/s/13rFfvn2wLyy9iz8XRf5UgA 密碼: csw8




221套VI貼圖合集：鏈接：https://pan.baidu.com/s/17g7m4yuj0eSmfwGsimEwcw 密碼：tqb0




phoneX蘋果TPU手機(jī)殼智能貼圖樣機(jī)40效果展示VI標(biāo)志PSD模板素材

文件下載鏈接：https://pan.baidu.com/s/1QDgl3_oUju0Tfn4iVawvew 提取碼：7x14













完。