快收藏! 2021年全網(wǎng)最完整的設(shè)計(jì)網(wǎng)址導(dǎo)航

時間：2022-08-20 16:21:02 | 來源：網(wǎng)站運(yùn)營

時間：2022-08-20 16:21:02 來源：網(wǎng)站運(yùn)營

來源：設(shè)計(jì)工廠 | 作者：廠長

設(shè)計(jì)師網(wǎng)址大合集

1、ZG

一個優(yōu)秀的網(wǎng)頁設(shè)計(jì)

https://www.zg.com




2、Lawsof UX

一系列交互原則的介紹，配合極簡風(fēng)格的插圖。https://lawsofux.com/




3、CollectUI，UI 設(shè)計(jì)必備！100 多個分類，不用發(fā)愁沒靈感了 https://www.collectui.com/




4、分享一個種類豐富的 UI 組件靈感庫

http://collectui.com/




5、網(wǎng)格網(wǎng)站

http://grid.guide/




6、按功能分類的設(shè)計(jì)網(wǎng)站

https://www.collectui.com/challenges/admin-panel




7、國外設(shè)計(jì)網(wǎng)站合集

https://webgradients.com

https://www.iconfinder.com

https://unsplash.com

https://audiojungle.net

https://webgradients.com

https://www.freepik.com/index.php?goto=2&k=rocket&order=2&vars=2

http://bm.straightline.jp/




8、GIF 垂直搜索引擎，不支持中文搜索，下載 GIF 網(wǎng)址

https://giphy.com/




9、分享幾個平時常用的網(wǎng)頁設(shè)計(jì)參考




可根據(jù)配色篩選設(shè)計(jì)網(wǎng)站集錦

https://reeoo.com/




Bootstrap 優(yōu)站精選

http://www.youzhan.org/




全球酷站中心

https://www.iiiimg.com/index.php




全球優(yōu)秀網(wǎng)站集錦

https://www.siteinspire.com/websites




清爽簡約風(fēng)格的網(wǎng)頁模板

http://stockholmlanding.select-themes.com/




界面簡潔的網(wǎng)頁設(shè)計(jì)匯集

http://siiimple.com/




日本網(wǎng)頁設(shè)計(jì)欣賞

http://muuuuu.org/




日本網(wǎng)頁設(shè)計(jì)匯總網(wǎng)站

http://bm.straightline.jp/




日本網(wǎng)頁設(shè)計(jì)欣賞

http://4db.cc/




韓國設(shè)計(jì)欣賞

http://inagblog.com/




優(yōu)秀網(wǎng)頁設(shè)計(jì)欣賞

http://www.webdesignfile.com/




10、http://www.uupoop.com/ps/

這個網(wǎng)上軟件類似 ps




11、平面紋理素材，圖色網(wǎng)址

http://www.hituyu.com/




Hero Pattems

http://www.heropatterns.com/




Thepattemlibrary

http://thepattemlibrary.com/




12、一批化妝品集團(tuán)網(wǎng)站

愛茉莉

http://www.amorepacific.com.cn/




IOPE

http://www.iope.com/cn/zh/skincare_makeup.html




韓 佛

http://www.hanbul.com/?lang=zh-hans




伽 藍(lán)

http://www.jala.com.cn/index.html




資深堂

http://www.shiseido.com.cn/




高 絲

http://www.kose.co.jp/company/cn/




佳麗寶

https://www.kanebo-cosmetics.co.jp/，







13、海報(bào)網(wǎng)址




餐飲

http://www.weirujia.com/




商業(yè)展覽

http://www.ad518.com/




廣告營銷

http://www.adsoftheworld.com/




韓國電影

https://pygmn.com/7-_-The-Magnificent-Seven




歐美電影

http://www.joblo.com/movie-posters/




國產(chǎn)電影

https://movie.douban.com/

https://pick.mydesy.com/archives/category/graphic-design/poster




inspiration

https://www.inspirationde.com/?s=poster




designspiration

https://www.designspiration.net/




字體圖形

https://www.typographicposters.com/posters




14、Picjumbo很有格調(diào)的圖片網(wǎng)站

https://picjumbo.com/




15、Studio Details分享超現(xiàn)實(shí)主義美學(xué)應(yīng)用

http://www.details.co.jp/




16、The Dieline 包裝設(shè)計(jì)方向

http://www.thedieline.comDieline




17、one page mania簡約格調(diào)設(shè)計(jì)網(wǎng)站，需要科學(xué)上網(wǎng)

http://www.onepagemania.com/




18、創(chuàng)意-廣告?zhèn)鞑?品牌

http://www.2plus1.dk/#hjem/ecogrid

http://www.bellchinagroup.com/

http://www.dragonrouge.com/

http://www.daileyideas.com/

http://www.bbdo.ca/




19、平面設(shè)計(jì)

http://carpentercollective.com/

http://www.depotwpf.ru/

http://www.bibliothequedesign.com/

http://www.julia.uk.com/

http://designarmy.com/




20、攝影-影像

http://www.ronhaviv.com/

http://karsh.org/

http://www.barryackroyd.com/

http://www.jessicadimmockphotography.com/

http://gregwilliams.com/




21、關(guān)于 iphone x

https://pan.baidu.com/s/1kVn96Kn







設(shè)計(jì)靈感

1、Fotor（懶設(shè)計(jì)）

探索海量模板 發(fā)現(xiàn)設(shè)計(jì)靈感的神奇網(wǎng)站，你可以把它當(dāng)做“花瓣”來用

https://www.fotor.com.cn/templates




2、云端：高品質(zhì)設(shè)計(jì)素材與資訊集合站

C4D、PS、PPT、Sketch、平面、影視、筆刷等資源應(yīng)有盡有

https://www.yrucd.com/category/designresources




3、Niice：創(chuàng)建情緒版的最佳靈感網(wǎng)站

https://niice.co/

用于創(chuàng)意初期腦爆、產(chǎn)品風(fēng)格設(shè)定時收集各種討論素材的網(wǎng)站，沒看懂，或者沒用過的，可以去看看




4、背景紋理

http://www.heropatterns.com/

http://www.heropatterns.com/

http://www.heropatterns.com/




5、科技網(wǎng)站推薦

https://www.bocweb.cn/




6、這個也是一個類似于花瓣的

https://www.iguoguo.net/




7、分享一個種類豐富的 UI 組件靈感庫

http://collectui.com/




8、很有創(chuàng)意的網(wǎng)站,類似于日記類

http://i-remember.fr/en




9、構(gòu)圖很大氣，用斑點(diǎn)元素，然后選項(xiàng)卡也設(shè)計(jì)的比較有啟發(fā)

http://goggles.wedze.com/winter-2017-2018/和




10、Dribbble

大把的靈感，不得不說，平時我做設(shè)計(jì)的很多靈感都來自于此，年輕，有活力，獨(dú)特，新穎，潮流。

https://dribbble.com/




11、Behance

設(shè)計(jì)創(chuàng)意交流，設(shè)計(jì)前衛(wèi)，有手機(jī) APP 應(yīng)用，支持中文

https://www.behance.net/




12、Pixabay

免費(fèi)，激發(fā)靈感

https://pixabay.com/




13、365 Awesome Designers

每天推薦一名優(yōu)秀設(shè)計(jì)師作品，發(fā)散思維

http://365awesomedesigners.com/




14、Booooooom

腦洞大開的設(shè)計(jì)網(wǎng)站

http://www.booooooom.com/




15、Illusion

提供靈感的高逼格網(wǎng)站

http://illusion.scene360.com/




16、DADA

你可以與其他藝術(shù)家通過創(chuàng)意視覺圖像的聯(lián)結(jié)進(jìn)行對話。也就是說用圖像圖畫代替文字交流，炒雞有趣哦。

https://dada.nyc/home




插畫網(wǎng)址

1、undraw

一個扁平插畫集，可用于個人和商業(yè)，可調(diào)整顏色

https://undraw.co/illustrations




2、16xx8

一個很多插畫教程的網(wǎng)站

http://www.16xx8.com/photoshop/shuhuijiaocheng/chahua/95_2.html




3、今天給大家推薦幾個插畫設(shè)計(jì)網(wǎng)址

①http://apeonthemoon.com/

②http://www.creativeboom.com/

③http://www.itsnicethat.com/

④http://www.folioart.co.uk

⑤http://www.agent002.com/

⑥http://artand.cn/

⑦http://www.imagezoo.com/index.asp

⑧https://illustrationage.com/

⑨http://abduzeedo.com/




4、weavesilk

分享個隨便畫畫就很漂亮的網(wǎng)站

http://weavesilk.com/







免費(fèi)商用圖片網(wǎng)址

大多數(shù)都不需要科學(xué)上網(wǎng)。




1、Foodiesfeed

一心一意提供專業(yè)美食相關(guān)的免費(fèi)圖庫，所以，這個網(wǎng)站只有與美食相關(guān)的圖片。這比那些圖片分類多，但每一個分類下圖片數(shù)量很少的網(wǎng)站專一多了

https://www.foodiesfeed.com/




2、Kaboompics

一個為博主、網(wǎng)站主、自由職業(yè)者、網(wǎng)頁設(shè)計(jì)師提供高品質(zhì)圖片素材的網(wǎng)站，所有的圖片都可以應(yīng)用于任何項(xiàng)目，沒有版權(quán)限制。（這個網(wǎng)站，它居然有配色方案！而且，配色方案還可以下載下來。）

https://kaboompics.com/）




3、Nasa

美國國家航空航天局的網(wǎng)站，上面的圖片涉及到美國的國家領(lǐng)導(dǎo)人

https://images.nasa.gov/




4、Magdeleine

號稱“免費(fèi)高清靈感系圖片網(wǎng)”，它是一個每天分享免費(fèi)高分辨率照片的網(wǎng)站

https://magdeleine.co/




5、Streetwill

一個干凈整潔無任何廣告的圖片分享網(wǎng)站（這一點(diǎn)深入我心），提供超高分辨率的圖片資源，由眾多攝影師提交分享，可以讓你欣賞世界各地分自然風(fēng)景、人物寫真

http://streetwill.co/




6、別樣網(wǎng)

國內(nèi)較大的無版權(quán)高清圖片網(wǎng)站，提供各類高質(zhì)量的無版權(quán)圖片。圖片由用戶自行上傳，后臺審核，優(yōu)秀攝影師的交流平臺，喜歡攝影的小伙伴，可以收藏

https://www.ssyer.com/）




7、Gratisography

免費(fèi)高分辨率攝影圖片庫，所有圖片都可以用于個人或者商業(yè)用途，圖片每周更新一次，適合開腦洞

https://gratisography.com/




8、Pexels

一個致力于為用戶提供海量共享高清圖片素材的網(wǎng)站，每周都會定量更新。它所有的圖片都會顯示詳細(xì)的信息，例如：拍攝的相機(jī)型號、光圈、焦距、ISO、圖片大分辨率等

https://www.pexels.com/）




9、LifeOfPix

LifeOfPix 的圖片多為歐洲景觀，多為攝影師拍攝的生活類圖片，所有的影像都是公共領(lǐng)域捐贈而來，比較適合旅游的人

https://www.lifeofpix.com/）




10、Stocksnap

由多位攝影師創(chuàng)辦，擁有豐富的免費(fèi)照片

https://stocksnap.io/




11、推薦幾個好用的國外免費(fèi)的圖片源站（都可以直接打開，就是有的有點(diǎn)慢）

http://freenaturestock.com/

http://isorepublic.com/

https://stocksnap.io/

https://visualhunt.com/

http://librestock.com/

https://unsplash.com/

https://pixabay.com/




12、TheStocks

涵蓋 Pixbay，Unsplash，Startup Stock，Gratisography，Pexels 在內(nèi)的 15 個免費(fèi)高清圖片網(wǎng)站的資源。

http://thestocks.im/




13、最好的 27 個高質(zhì)量免費(fèi)圖片網(wǎng)站

http://isorepublic.com

http://www.bucketlistly.com

http://www.resplashed.com

http://www.pexels.com

http://www.freeimages.co.uk

http://mmtstock.com

http://kaboompics.com

http://makerbook.net

http://jaymantri.com

http://stock.tookapic.com

http://picography.co

http://negativespace.co

http://www.splitshire.com

http://littlevisuals.co

http://freestocks.org

http://getrefe.com

http://snapwiresnaps.tumblr.com

http://imcreator.com/free

http://picjumbo.com

http://nos.twnsnd.co

http://deathtothestockphoto.com

http://www.lifeofpix.com

http://superfamous.com

http://unsplash.com

http://gratisography.com




14、高清免費(fèi)下載圖片，盡量使用英文關(guān)鍵詞搜索

https://alpha.wallhaven.cc/

https://barnimages.com/

https://gratisography.com/




15、復(fù)古圖庫

http://www.raumrot.com




風(fēng)景圖庫

http://unsplash.com




黑白圖庫

http://magdeleine.co




美食圖庫

http://foodiesfeed.com




人物圖庫

http://picography.co




歐洲景觀

http://www.lifeofpix.com




綜合圖庫

http://www.gratisography.com




日系圖庫

https://www.pakutaso.com




京東圖庫

http://www.tokyo-date.net

攝影圖庫

http://nos.twnsnd.co




16、trendlist

幾乎全是畫冊、海報(bào)

http://www.trendlist.org/




note&point

PPT 靈感素材站。

http://noteandpoint.com/




The Pattern library

紋理素材

http://thepatternlibrary.com/




New OldStock

提供大量的老照片

http://nos.twnsnd.co/




Magdeleine

可以通過顏色、情緒尋找圖片

http://magdeleine.co/




foodiesfeed

主打美食，吃貨設(shè)計(jì)師站點(diǎn)

https://foodiesfeed.com/




Superfamous

藝術(shù)家 FolkertGorter 站點(diǎn)，很適合 web 設(shè)計(jì)，

和壁紙使用

http://superfamous.com/





17、古田路 9 號

以品牌為核心，集創(chuàng)意作品分享、活動招聘發(fā)布、廣告推廣、正版字體素材下載等多元化的交流分享平臺

http://www.gtn9.com




18、視覺 ME

設(shè)計(jì)社區(qū)

http://shijue.me




19、mmtstock

免費(fèi)的商業(yè)圖庫

https://mmtstock.com/

https://www.skypixel.com/（天空之城）

http://psiupuxa.com/（星空,宇宙）

https://www.netcarshow.com（汽車）

https://foodiesfeed.com/(食物)

http://barnimages.com/(不要錢高清大圖)

http://librestock.com/(不要錢的高清大圖)

http://wallions.com/（文藝濾鏡）







電商網(wǎng)址

1、http://www.zhisheji.com/

2、http://woofeng.cn/

3、http://dameigong.cn/







趣味網(wǎng)址

1、http://www.species-in-pieces.com/#

各種有趣的晶格小動物




2、https://emmitfenn.com/

一個有趣的交互式音樂視覺網(wǎng)站。(第一次打開網(wǎng)頁的時候會比較慢，可能需要在當(dāng)前頁面等一會兒)




3、https://photomosh.com/

把靜態(tài)圖片自動生成故障風(fēng)格，還可以保存成 gif




4、http://jsrun.net/MdYKp/edit

感受一下代碼的魅力




5、晶格化背景網(wǎng)站推薦

Trianglify

https://trianglify.io/




Owpolygonart

http://www.lowpolygonart.com/?page_id=2026




lowpoly

http://www.shejidaren.com/examples/tools/low-poly/




Wagerfield

http://matthew.wagerfield.com/flat-surface-shader/




6、https://segmentfault.com/a/1190000010963326?_ea=2474007

一個網(wǎng)頁上實(shí)現(xiàn)動態(tài)霓虹文字效果的實(shí)現(xiàn)方法，你們可以拿去讓你們的開發(fā)小哥看，如此一來，你們在設(shè)計(jì) web海報(bào)的時候，又多了一種選擇噢




7、萬箭齊發(fā)毫發(fā)無傷背景生成器 https://wangyasai.github.io/Stars-Emmision/




8、分享幾個練習(xí)設(shè)計(jì)能力的游戲網(wǎng)站

http://pixact.ly/測試你對像素寬度的識別能力

http://www.rgbchallenge.com 測試你對 RGB 的了解程度

http://type.method.ac/ 讓你練習(xí)排版

http://color.method.ac/ 配色練習(xí)

http://game.ioxapp.com/eye-test/game.html

測試色感的小游戲

http://bezier.method.ac/ 鋼筆工具小游戲

http://shape.method.ac/ 鍛煉你的字體造型能力

http://dedesigntheweb.com/ 看原型圖猜網(wǎng)站




9、設(shè)計(jì)神器https://mp.weixin.qq.com/s/Fv0oVY06Uj3_2BVmw7GVdw

http://duotone.shapefactory.co/雙色調(diào)

http://photomosh.com/故障藝術(shù)生成器

https://codepen.io/tsuhre/full/BYbjyg/炫光生成器

http://weavesilk.com/鏡像炫光生成器

https://codepen.io/pissang/full/geajpX/漸變層生成器

http://codepen.io/Yakudoo/full/rJjOJx/流動漸變層生成器

demo.marpi.pl/biomes/體素生成器

http://pissang.github.io/voxelize-image/圖片體素化生成器

http://pissang.github.io/papercut-box-art/剪紙風(fēng)格生成器

http://wangyasai.github.io/Stars-Emmisionbiubiubiu 生成器




10、分享個萌酷有趣的星球生成器 http://oskarstalberg.com/game/planet/planet.html




11、放射粒子 Stars-Emmision

http://wangyasai.github.io/Stars-Emmision/




光線繪畫 Weavesilk

http://weavesilk.com/




多邊形在線制作器

http://matthew.wagerfield.com/flat-surface-shader/




光效網(wǎng)址

https://codepen.io/tsuhre/pen/BYbjyg




粒子網(wǎng)址

https://codepen.io/vincentGareau/pen/pnlso




剪紙風(fēng)格網(wǎng)址

https://pissang.github.io/papercut-box-art/




多種場景背景發(fā)生器

http://yiwenl.github.io/Sketches/

https://demo.mapi.pi




特效發(fā)生器網(wǎng)址http://atteredqualia.com/xg/examples/nebula_artefact.htm




NASA 星空

網(wǎng)址：http://original.wlppr.co/




12、背景質(zhì)感紋理生成器

http://www.noisetexturegenerator.com/




14、4K 超高清背景圖下載網(wǎng)址

https://walipapersite.com/




15、多種素材集合網(wǎng)址

http://thestocks.im/#




科技數(shù)字生成器網(wǎng)址：https://www.airightinteractive.com/demos/js/emsx/




故障藝術(shù)生成器網(wǎng)址

https://photomosh.com




漸變元素網(wǎng)址

https://glslb.in/s/03941523/




16、等高線漸變背景

https://codepen.io/Yakudoo/full/rJjOJx/




抽象漸變背景

http://gradient.quasi.ink/







Icon 圖標(biāo)

1、一個萌趣又腦洞大開的圖標(biāo)網(wǎng)址

https://www.swifticons.com/?from=groupmessage




2、圖標(biāo)搜索

阿里巴巴矢量圖標(biāo)庫

http://www.iconfont.cn/




Easyicon

http://www.easyicon.net/




icon8 網(wǎng)址

http://www.icons8.com/




多場景矢量圖標(biāo)網(wǎng)址

http://undraw.co/illustrations




3、圖標(biāo)除了阿里圖標(biāo)庫之外的其他網(wǎng)站推薦

http://iosicongallery.com/

http://www.easyicon.net/

https://thenounproject.com/

http://www.iconninja.com/icon

https://www.iconfinder.com/

http://www.iospirations.com/

http://www.iconarchive.com/

http://www.iconsweets2.com/

http://iconka.com/en/stickers-for-imo-messenger/

http://icontoucan.com/

https://iconsmind.com/

https://goodstuffnononsense.com/

http://www.iconwerk.com/

http://fontawesome.io/icons/







后臺界面

1、契合平臺系統(tǒng)類以及可視化設(shè)計(jì)

https://themeforest.net/category/site-templates/admin-templates




2、很不錯的后臺系統(tǒng)開發(fā)模版

https://themehunt.com/




3、常規(guī)類后臺https://preview.pro.ant.design/#/dashboard/analysis




4、這篇文章講的后臺挺詳細(xì)的 https://zhuanlan.zhihu.com/p/28787738




5、個 demo 網(wǎng)站（后臺管理系統(tǒng)）

https://shapebootstrap.net/items/category/html-templates/11-admin-templates

http://echarts.baidu.com/echarts2/doc/example.html




6、后臺管理themeforest 上面很多的哦，都有 Live Demo




https://themeforest.net/category/site-templates/admin-templates




7、后臺頁面可參考

①全面功能和流程

http://www.10oa.com/v8/function.htm

②這里是 Ant Design 的 React 實(shí)現(xiàn)，開發(fā)和服務(wù)于企業(yè)級后臺產(chǎn)品：

https://ant.design/index-cn

https://ant.design/docs/react/introduce-cn

③Ant Design 后臺

https://preview.pro.ant.design

④花瓣 B/S 后臺界面

http://huaban.com/boards/291013/




8、系統(tǒng)界面

http://thevectorlab.net/flatlab/

http://thevectorlab.net/slicklab/index.html

http://flatfull.com/themes/flatkit/







配色資源

1、http://taou.cn/5lpmK

靈感網(wǎng)站，可以自己選擇搭配 5種顏色來搜索具有特定調(diào)色板的設(shè)計(jì)方案




2、http://taou.cn/5lpmi（用網(wǎng)頁打開）

配色網(wǎng)站 ，可以通過對比色或者鄰近色等來給出配色方案，還會給出一些小案例




3、material design palette

自動配色網(wǎng)站，任意選擇兩個你喜歡的顏色就能在瞬間生成一個比較全面的配色方案了，這個方案除了告訴你都有哪些顏色，并且提供簡單的示例之外，還幫你安排好了主色、輔色、甚至文字標(biāo)題的顏色等你沒想到的其他細(xì)節(jié)！

http://www.materialpalette.com




4、Chinese colors

各種中國傳統(tǒng)顏色一覽，美得一塌糊涂

http://zhongguose.com




5、Colorize photo

Ai 幫你給黑白圖片上色，輸入圖片鏈接，或者本地上傳圖片，網(wǎng)站會根據(jù)深度算法自動上色

http://demos.algorithmia.com/colorize-photos/




6、一波比較小眾但很好用的色彩網(wǎng)站

0 to 255?—?http://www.0to255.com

Colour Lovers?—?http://www.colourlovers.com

Adobe Kuler Color Wheel?—?https://kuler.adobe.com/create/color-wheel/

Color Scheme Designer?—?http://www.colorschemedesigner.com

Hex to RGB Converter?—?http://hex.colorrrs.com

Coleure?—?http://coleure.com/

Colllor?—?http://colllor.com/




7、一個配色網(wǎng)站

http://nipponcolors.com/#urayanagi




8、根據(jù)圖片生成色卡

http://www.fancynode.com.cn/colorcube/home




9、色彩網(wǎng)站小集合

http://colorhunt.co/

"色彩獵人"每天收集并策劃發(fā)布美麗的配色方案




https://colordrop.io/

讓尋找配色方案成為信手拈來的事情




https://www.materialui.co/

推薦！幫助設(shè)計(jì)師們快速選到自己喜愛的配色方案




https://coolors.co/browser/latest/1

實(shí)用！成千上萬的配色方案




https://uigradients.com/#Selenium

今年流行的漸變！點(diǎn)擊屏幕兩側(cè)按鈕可選更多色彩




https://color.adobe.com/zh/

網(wǎng)頁設(shè)計(jì)師配色的最佳之選




http://bm.straightline.jp/

日本酷站索引，近 6000 個！必備酷站




http://colrd.com/

從圖片中提取顏色參考




http://www.colorhexa.com/

以主色調(diào)確定其它顏色




http://www.peise.net/tools/web/

在線配色器




http://skuawk.com/extractor.html

抓取圖片顏色




http://www.colorfavs.com/

看到配色好看的圖片 可以上傳吸取顏色




10、https://uigradients.com/#MoonPurple 這個是可以在線預(yù)覽漸變顏色 自己復(fù)制粘貼色值的




11、推薦幾個不錯的漸變配色網(wǎng)站

https://uigradients.com/#Shore

https://webkul.github.io/coolhue/

https://webgradients.com/




12、配色神器

http://khroma.co/




13、云配色：http://card.qdsay.com

好色度：http://www.haosedu.com

扁平化配色：http://color.koya.io/

在線漸變色：http://uigradients.com

日本傳統(tǒng)色：http://nipponcolors.com

中國色彩寶典：http://t.cn/RPDSJeq

日本色彩寶典：http://www.nicopon.com

抓取圖片顏色：http://www.colorfavs.com

配色方案：http://t.cn/RcWStK9

色彩搭配思維：http://t.cn/RzDdHde

安全配色指南：http://t.cn/RAnjhDc

選色配色規(guī)律：http://t.cn/RUEOYWn

扁平插畫配色：http://t.cn/RcWSMjQ

中國傳統(tǒng)色譜：http://t.cn/RcWSVnh




14、https://www.grabient.com/?ref=producthunt

一個顏色工具可以創(chuàng)建修改，抓取漸變




15、純色背景配色網(wǎng)

依照色相抓取配色 Colorthunt

http://www.colorhunt.co/




16、依照關(guān)鍵詞抓配色 Fatuicolorpicker

http://www.flatuicolorpicker.com/







動效網(wǎng)址

1、https://www.lottiefiles.com/ icon

動效參考網(wǎng)站




2、http://www.appanimations.com/

https://uimovement.com/

小動效網(wǎng)站




3、https://www.lottiefiles.com/aep

一個動畫素材源文件網(wǎng)站，里面所有的動畫都可以下載到源文件，方便設(shè)計(jì)師和開發(fā)二次創(chuàng)作，是可重復(fù)組合使用的動效素材







APP 啟動頁

1、http://iconsfeed.com/

一個啟動圖合集的網(wǎng)站







矢量素材

1、PNG 素材網(wǎng)址

PNGALL

http://www.pngall.com/




覓元素網(wǎng)址

http://gradient.quasi.ink/




freepngs

http://www.freepngs.com/




Slick PNG

http://www.stickpng.com/




2、抽象矢量圖搜索

Veclteezy

https://www.vecteezy.com/




Freeplk

https://www.freeplk.com/




3、一個矢量圖下載站

https://www.vexels.com/




整站都是矢量的素材下載

https://www.vecteezy.com/




免費(fèi)的矢量、PSD、圖標(biāo)和照片下載

https://www.freepik.com/




矢量插畫源文件

https://www.ac-illust.com/




免費(fèi)矢量和 PSD 圖片

http://cn.vectorhq.com/




設(shè)計(jì)元素的靈感圖庫

http://thedesigninspiration.com/




扁平矢量插畫集

https://undraw.co/illustrations




免費(fèi)矢量 PSD 素材

https://www.freepik.com/




免費(fèi)的矢量、PSD、圖標(biāo)和照片下載

https://www.freepik.com/




背景生成器

https://wangyasai.github.io/Stars-Emmision/




在線下載背景素材網(wǎng)站

http://thepatternlibrary.com/#magnus-2050




無縫紋理背景的素材站

http://thepatternlibrary.com/#design-tools




免費(fèi)的 SVG模板海報(bào)背景

http://www.heropatterns.com/




支持大量圖案下載

http://www.heropatterns.com/







Logo 設(shè)計(jì)

關(guān)于 LOGO 設(shè)計(jì)的博文

1、https://www.logodesignlove.com/




2、很優(yōu)秀的國外 LOGO 設(shè)計(jì)機(jī)構(gòu)，提供了很多 LOGO 作品

https://99designs.com/logo-design




3、高品質(zhì)的標(biāo)志設(shè)計(jì)作品

http://logofaves.com/




4、一個設(shè)計(jì)靈感圖庫旗下的 logo 設(shè)計(jì)欣賞

http://thedesigninspiration.com/category/logos/ -




5、扁平化的 logo 庫

https://www.logomoose.com/




6、設(shè)計(jì)精彩集錦

https://logopond.com/ - logo




7、超過17 萬例的 LOGO 設(shè)計(jì)資源網(wǎng)站https://www.logolounge.com/




8、 國內(nèi)外 Logo 靈感神器

http://instantlogosearch.com/




9、品牌包裝靈感站

http://bpando.org/ - LOGO




10、 LOGO 品牌標(biāo)志設(shè)計(jì)理念趨勢及案例展示http://underconsideration.com/ -




11、 深度解釋和展示LOGO 設(shè)計(jì)

http://www.logogala.com/




12、每天更新精品 LOGO

http://logospire.com/




地圖網(wǎng)址

1、地圖和圖標(biāo)網(wǎng)址

https://www.amcharts.com/

https://www.mapbox.com/maps/

https://pixelmap.amcharts.com/




2、Stadia Maps

https://stadiamaps.com/

可以為你提供出色的地圖繪制體驗(yàn)，借助其中的矢量地圖模塊和柵格可以更好地繪制視覺效果出色的靜態(tài)地圖




3、http://lbs.amap.com/getting-started/mapstyle

一個可以定制地圖樣式的網(wǎng)站，讓地圖不在枯燥范圍。




4、多風(fēng)格地圖工具網(wǎng)址

http://chiangbt.bithub.io/webcontent/Mapboxmap.html/







數(shù)據(jù)分析

1、數(shù)據(jù)分析網(wǎng)站

http://echarts.baidu.com/theme-builder/

http://echarts.baidu.com/index.html







工具推薦

1、http://gridcalculator.dk/

鍵入相關(guān)參數(shù)就能導(dǎo)出 PNG 的柵格系統(tǒng)圖




2、http://xclient.info

http://www.tuyiyi.com/tool-8348-1.html

分享三個 MAC 很全面的軟件免費(fèi)下載網(wǎng)址，最后一個注冊一下就可以下載了，免費(fèi)注冊




3、https://zhuanhuan.supfree.net/

一個網(wǎng)站，在線進(jìn)行各種文件格式轉(zhuǎn)換的，里面除了常規(guī)的商務(wù)辦公文檔、圖片、制圖等的格式轉(zhuǎn)換外，還有咱們設(shè)計(jì)師，進(jìn)場用到的矢量文件格式轉(zhuǎn)換




4、圖表

https://www.hcharts.cn/demo/highstock

http://echarts.baidu.com/examples/




5、http://nudg.it

sketch 插件，在 sketch中默認(rèn) Shift +→移動的距離是 10 px，當(dāng)你在一個 8px 的網(wǎng)格上工作時，這將是非常惱人的。幸運(yùn)的是Anthony Collurafici 制作了一個名為 Nudg 的應(yīng)用，可以設(shè)置最小和最大移動距離




6、http://taou.cn/5lpm7

關(guān)于網(wǎng)格選擇 8 的倍數(shù)的原因和應(yīng)用 （文章是英文的，大家可以用有道翻譯官輔助哈）




7、http://taou.cn/5lpm9

貝塞爾工具，做動效時，與程序猿哥哥對接對接確實(shí)是讓人頭疼的事情，但是用這個貝塞爾工具可以把相應(yīng)的參數(shù)對接給程序猿使用，很方便




7、http://bigjpg.com/ AI

人工智能圖片放大 放大效果非常出色, 色彩保留較好, 圖片邊緣

也不會有毛刺和重影,。更重要的是，影響畫質(zhì)的噪點(diǎn)基本在放大的圖片上看不出來。







樣機(jī)模板

樣機(jī)模板網(wǎng)站推薦

①https://www.yrucd.com 去云端下吧，樣機(jī)比較多

②https://placeit.net/

③https://medialoot.com/mockups/

④http://www.uikit.me/index.php?s=/index/index/pid/2

⑤分享個樣機(jī)模板 http://threed.io/ 網(wǎng)頁直接編輯可以導(dǎo)出圖片







壓縮網(wǎng)址

1、圖片壓縮網(wǎng)站

http://zhitu.isux.us/

http://optimizilla.com/zh/

https://imageoptim.com/mac（可離線壓縮）

https://www.iloveimg.com/

https://tinypng.com/

https://www.jpeg.io/

轉(zhuǎn) PDF：https://smallpdf.com/cn/compress-pdf




2、PDF 壓縮 https://smallpdf.com/

http://pdfcompressor.com/zh/

3、GIF 壓縮 https://ezgif.com/







綜合性網(wǎng)站

1、設(shè)計(jì)導(dǎo)航推薦

中國設(shè)計(jì)網(wǎng)址導(dǎo)航：http://wz.cndesign.com/

騰訊設(shè)計(jì)導(dǎo)航：http://idesign.qq.com/#!index/feed

大獅搜索導(dǎo)航：http://p.bigbigwork.com

創(chuàng)造師導(dǎo)航：http://www.chuangzaoshi.com/

牛大拿導(dǎo)航：http://www.niudana.com/

奇目設(shè)計(jì)師導(dǎo)航：http://www.qisumu.com/

設(shè)計(jì)師導(dǎo)航：http://www.foolo.cn/

SDC 設(shè)計(jì)師網(wǎng)址導(dǎo)航：http://hao.uisdc.com/

設(shè)計(jì)導(dǎo)航：http://hao.shejidaren.com/

前端設(shè)計(jì)導(dǎo)航：http://nav.templatesy.com/

NAV80 導(dǎo)航：http://nav80.com/

優(yōu)設(shè)網(wǎng)的設(shè)計(jì)師網(wǎng)址導(dǎo)航 https://hao.uisdc.com/

圖翼網(wǎng)的設(shè)計(jì)導(dǎo)航：http://www.tuyiyi.com/hao/




2、設(shè)計(jì)師能用到的綜合網(wǎng)站設(shè)計(jì)導(dǎo)航。這些網(wǎng)站匯聚了各種網(wǎng)頁、logo、界面、ui 等優(yōu)秀的網(wǎng)址與社區(qū)。常見的 dribbble、banchen、視覺中國等都有收集。

http://www.hiimii.com/hi/

http://hao.shejidaren.com/

http://hao.uisdc.com







3、一個 ppt 導(dǎo)航類網(wǎng)址

http://www.hippter.com/




4、https://reeoo.com/這是綜合類素材網(wǎng)站

這個網(wǎng)站主要是集合網(wǎng)頁設(shè)計(jì)、iphone APP 界面設(shè)計(jì)、icon 設(shè)計(jì)；設(shè)計(jì)作品質(zhì)量相對較高。可以根據(jù)所選顏色來匹配搜索的資源。




5、http://collectui.com/designs 這個網(wǎng)站特別好用 ，采集的是 dribbble 上的作品，打開速度

比 dribbble 塊，分類也多，墻裂推薦




6、推薦一個設(shè)計(jì)綜合網(wǎng)站，里面不僅有主流的設(shè)計(jì)網(wǎng)站像 Dribbble、Behance、Pinterest 等等，還有一些 H5 制作和 web前端，還有一些書籍。http://www.adobeedu.com/







字體網(wǎng)址

1、http://www.likefont.com/

識字體網(wǎng)




2、http://www.qiuziti.com/

把圖片放到求字體網(wǎng)試試







教程學(xué)習(xí)類

1、教你手繪freestyle 卡通涂鴉

https://uiiiuiii.com/draw/121211292.html




2、7 分鐘教你實(shí)現(xiàn)手寫字體動效

https://uiiiuiii.com/aftereffects/121211886.html




3、制作炫酷文字人像效果

https://uiiiuiii.com/photoshop/121212454.html




4、AverageJoseph 制作鉆石字的方法

https://www.yrucd.com/48955.html




5、http://www.ui.cn/detail/361909.html

5 分鐘教你學(xué)會骨骼動畫




6、自學(xué) C4D，不要錯過這些教程 -本站專欄

https://zhuanlan.zhihu.com/p/26277569utm_medium=social&utm_source=weibo




7、還有一套 ps 筆刷，適合手繪用的，里面有每種筆刷的使用方式

http://pan.baidu.com/s/1qYPrAVy




8、http://www.c4d.cn/3d-32244-1-1.html

這個講材質(zhì)很不錯




9、滴滴的這篇文章有系統(tǒng)講解組件化的思維

http://www.zcool.com.cn/article/ZNjA0Mzky.html







設(shè)計(jì)規(guī)范

1、彈窗規(guī)范

http://www.zcool.com.cn/article/ZMzkyOTQ0.html




2、切圖命名規(guī)范

http://www.qijishow.com/down/cutname.html




3、Adele

設(shè)計(jì)系統(tǒng)/規(guī)范庫，收集了目前各大公司公開的設(shè)計(jì)系統(tǒng)。

https://adele.uxpin.com




4、設(shè)計(jì)規(guī)范

一安卓的設(shè)計(jì)規(guī)范

https://material.io/design/motion/#principles




iPhone 尺寸規(guī)范

http://www.tuyiyi.com/cc/




分享一個規(guī)范網(wǎng)站

http://element-cn.eleme.io/#/zh-CN/component/icon




騰訊ISUX

騰訊系的產(chǎn)品品牌規(guī)范都可以查看下載

https://isux.tencent.com/brands/#




5、https://icon.wuruihong.com/

分享個移動應(yīng)用圖標(biāo)生成工具，一鍵生成所有尺寸的應(yīng)用圖標(biāo)




6、彈窗規(guī)范

http://www.zcool.com.cn/article/ZMzkyOTQ0.html




7、https://ant.design/index-cn

大家在看規(guī)范的時候不要機(jī)械的去套，每個規(guī)范給出的時候后面基本都會有一小段解釋來說

---

Wed UI Design

2019年設(shè)計(jì)風(fēng)格回顧

快速入門PS噪點(diǎn)插畫教程

AI 教程 | 3D Logo 設(shè)計(jì)

2020年十大前沿LOGO設(shè)計(jì)趨勢

PS教程 | 炫酷的人像分割技能

0-1帶你設(shè)計(jì)漂亮的海馬LOGO

如何在AI中創(chuàng)建逼真的3D毛皮效果

靈感鑒賞 | 20個出色UI / UX設(shè)計(jì)動畫

教你畫圈圈——LOGO設(shè)計(jì)中的輔助線

賊好玩! 推薦一波上班摸魚的10大設(shè)計(jì)神器

讓設(shè)計(jì)師欲罷不能的100個精選網(wǎng)站

全方位解析APP應(yīng)用圖標(biāo)設(shè)計(jì)