程序员必备网页前端设计网站

程序员必备的相关资源网站

    • 一、网页设计篇
        • 1、DOOOOR
        • 2、创客贴
        • 3、图帮主
        • 4、懒设计
        • 5、ColorHunt
        • 6、ArtStation
        • 7、SiteInspire
        • 8、CollectUI
        • 9、logopond
    • 二、图片篇(1)
        • 1、Librestock
        • 2、StockSnap
        • 3、iphone6papers
        • 4、500px
        • 5、Unsplash
    • 三、图片篇(2)
        • 1、花瓣网
        • 2、堆糖网
        • 3、SOOGIF
        • 4、GIPHY
        • 5、Pixabay
        • 6、ssyer
    • 四、图片素材网址汇总篇
        • 1、千库网
        • 2、90设计网
        • 3、千图网
        • 4、包图网
        • 5、摄图网
        • 6、昵图网
        • 7、站酷
        • 8、懒人图库
        • 9、素材中国
        • 10、我图网
        • 11、彼岸图网
    • 五、免费图片网站篇
        • 1、LittleVisuals.co
        • 2、picjumbo
        • 3、wefunction
        • 4、Pexels
    • 六、web前端开发篇
        • 1、配色网
        • 2、UIgradients
    • 七、图标篇
        • 1、Iconfont
        • 2、3000矢量图标:
    • 八、代码网站篇
        • 1、CodePen
        • 2、Bootsnpp

一、网页设计篇

1、DOOOOR

  DOOOOR是一个品鉴国外优秀设计作品,为广大设计师提供首选高端精神食粮的创意欣赏类平台。收录作品不断充实,旨在吸收国外优秀思想,培养国内设计界多风格高端人才,弘扬中国未来创意产业文化。
在这里插入图片描述
网站:http://www.doooor.com/forum-38-1.html

2、创客贴

  创客贴,极简好用的平面设计作图软件,在线图片编辑器,免费使用。提供免费设计模板,有海报、名片、公众号图片、PPT、邀请函等65个场景模板,一键稿定设计印刷。
在这里插入图片描述
网站:https://www.chuangkit.com/

3、图帮主

  图帮主,设计小白最爱的懒人设计神器。拖拉拽,秒出图,轻松搞定平面设计,图帮主在线平面设计工具提供五大类50多个场景的海量模板,让创意不再受限于工具。
在这里插入图片描述
网站:http://www.tubangzhu.com/

4、懒设计

  功能齐全,工作更高效,生活更轻松。继photoshop后,新一代数字图像增强处理与平面设计工具。
在这里插入图片描述
网站:https://www.fotor.com.cn/
附:简单拼图软件在这里插入图片描述
网站:https://www.fotor.com/cn/app.html#/collage/c81c5bc0-d4aa-11e7-90f5-133e0c92895e/classic

5、ColorHunt

  ColorHunt 网站是一个致力于帮助产品设计师们更好的选择颜色搭配组合的站点,从互联网中收集了海量的完美色彩组合,你可以把这些颜色组合运用到任何产品设计项目,方便设计师们找到最佳的色系搭配组合。
  色彩对视觉有刺激作用,在视觉传达设计中常常具有先声夺人的力量,这就是人们常说的设计的视觉冲击力的主要体现吧。“远看色彩近看花”、“七分颜色三分花”正说明色彩极易引起人的情感反应与变化。人的视觉对于色彩的特殊敏感性,决定了色彩设计在包装视觉传达中的重要价值。
在这里插入图片描述
网站:http://colorhunt.co/c/42937

6、ArtStation

  ArtStation是一个致力于网络的CG数字化设计媒体和娱乐设计艺术产业的公司,该网站上线于2014年月份,为用户展示图片、视频、模型等CG设计作品,收录了世界是顶级的艺术家作品。
  该网站目前访问不了
网站:https://www.artstation.com/

7、SiteInspire

  优秀网页设计展示平台,由(Howells—Studio)豪威尔斯-工作室选择和策划的。是一个展示互联网上最优秀的网页设计的平台,用户可以提交自己的网站,所有的网站收录都是经过人工审核的,目前已经收录2000多中风格各异的优秀网站设计资源。
在这里插入图片描述
网站:https://www.siteinspire.com/

8、CollectUI

  CollectUI 网站是一个提供网页设计师灵感设计案例作品的站点,每天更新界面设计师们的最新灵感设计作品,例如登录界面、付费界面、404界面、排行榜界面、搜索界面、注册界面等。
  该网站基于Dribbble网站而来,每天人工收集最佳的设计作品,目前已收录超过2000+个案例,112种不同的分类,由于所有的案例均是来自于Dribbble网站,设计师们可以在该网站欣赏作品大图,点击后会进入目标站点,查看更加详细的设计资料 ,包括配色、设计理念和讨论话题。
在这里插入图片描述
网站:https://www.collectui.com/challenges/form

9、logopond

  一款 logo 设计欣赏的网站,logopond是全球最大的logo分享平台。
在这里插入图片描述
网站:https://logopond.com/gallery/list/?gallery=featured&filter=#more

二、图片篇(1)

1、Librestock

  LibreStock 网站是一个致力于高清、优质图片推荐和搜索的站点,该网站通过特定的算法机制整合了众多的优质素材站点,用户可以通过关键词来搜索想要的素材图片,筛选出来的图片列表可以预览,点击下载的时候会直接跳转到目标站点上。
  LibreStock 网站本身并不提供原创的图片素材,而是通过索引其他网站上的图片资源来达到站内搜索查询的目的,当用户点击下载的时候会跳转到目标网站上下载,简单的机制来达到最直接的目标,相信设计师都喜欢一站式的搜索功能。
在这里插入图片描述
网站:http://librestock.com/

2、StockSnap

  号称第一的免费精美图片分享站,可商用,完全免费
  StockSnap:免费图片素材高清资源库是一个提供可自由下载使用的高清晰摄影图片作品的素材库,所提供的资源相当实用,该网站由多位摄影师组成,提供丰富的免费照片,随意使用无需经过授权。
  StockSnap 网站的设计其实非常简单,其宗旨就是希望能为寻找美丽图片的使用者提供一个完整且丰富的图片素材资源库,网站每天都会有摄影师上传发布作品,找出高品质、高清晰度的照片并更新到该网站上来,让更多的人去免费使用。
  该网站所有的图片都是采用CC0(Creative Commons授权,这也标识你可以将图片做任何用途,包括自由修改、复制、二次发布等,甚至可以用于商业用途,而无需原作者许可。

网站:https://stocksnap.io/

3、iphone6papers

一款关于iphone6壁纸的网站

网站:http://iphone6papers.com/

4、500px

  500px是一个致力于摄影分享、发现、售卖的专业平台,来自世界各地的摄影师是我们忠实的用户。
在这里插入图片描述
网站:https://500px.com/

5、Unsplash

  最知名的无版权图片网站,这家以风景为主,数量足够多,但是很多滤镜感太强,颜色太过厚重,比较适合做壁纸,事实上很多壁纸软件也是直接从这上面下载的图。

网站:https://unsplash.com/

三、图片篇(2)

1、花瓣网

  设计师寻找灵感的天堂!图片素材领导者,帮你采集、发现网络上你喜欢的事物。你可以用它收集灵感,保存有用的素材,计划旅行,晒晒自己想要的东西。

网站:http://huaban.com/

2、堆糖网

  堆糖提供超快捷的图文收集工具,一键收集分享兴趣,还有各种兴趣主题小组,可以轻易地找到日常生活中难以遇到的、跟自己兴趣相同的朋友。
在这里插入图片描述
网站:https://www.duitang.com/

3、SOOGIF

  SOOGIF提供搞笑、表情、美女、明星、热门事件GIF动图全搜索,QQ、微信斗图神器,微信公众号、微博编辑GIF动图素材库,好玩的GIF出处发源地。
在这里插入图片描述
网站:http://www.soogif.com/

4、GIPHY

  Giphy是一个在线动态GIF图片搜索引擎,是一个搜索那些互联网中动态的gif动画图片资源的网站,号称GIF界的谷歌。Giphy的使用方法和其他搜索引擎一样,用户只需在页面顶部的搜索…
在这里插入图片描述
网站:https://giphy.com/

5、Pixabay

  Pixabay官网中文版是由一个面向全球用户的高质量图片分享社区。Pixabay拥有超过1.7百万的照片、插画、矢量图片以及视频资源,类型丰富多样,完全免费,无版权限制,同时提供强大的快速搜索和下载功能,能够自定义筛选,帮助用户更好的进行资源查找,同时还支持资源上传分享,是艺术家不可缺少的资源网站之一!

网站:https://pixabay.com/

6、ssyer

  沙沙野是一个面向全球的高质量视觉素材平台,拥有百万素材。提供高清图片素材,网页素材,矢量图的免费下载服务。全站图片,视频素材均可在遵守平台规则的情况下直接下载。

网站:http://www.ssyer.com/

四、图片素材网址汇总篇

1、千库网

  千库网是国内设计师喜欢的图片素材库,588ku.com为设计师提供各类好看免费的png图片和素材、背景图片、背景素材、海报背景、banner背景、边框花纹素材、艺术字、主图…

网站:http://588ku.com/

2、90设计网

  90设计是专注电商设计的淘宝素材库,设计交流、学习与分享一体的平台,让电商设计(淘宝美工)找灵感和素材更效率。
在这里插入图片描述
网站:http://90sheji.com/

3、千图网

  千图网是专注正版图片设计素材下载的网站,提供矢量图素材、背景图片素材、矢量图库、psd素材、字体模板、设计素材、PPT模板、视频素材、插画绘画…
在这里插入图片描述
网站:http://www.58pic.com/

4、包图网

  包图网汇集了各种流行趋势,视觉冲击力强的原创广告图片设计、电商淘宝、企业办公模板素材,由顶尖的设计师供稿,符合各个行业的商用需求,下载高品质正版素材就到包图网。

网站:http://ibaotu.com/

5、摄图网

  摄图网是一家专注于正版摄影高清图片素材免费下载的图库作品网站,提供手绘插画,海报,ppt模板,科技,城市,商务,建筑,风景,美食,家居,外景,背景等好看的图片设计素材…

网站:http://699pic.com/

6、昵图网

  昵图网_原创素材共享平台,图片素材图库提供海量原创素材,图片下载,摄影作品,设计素材,视频素材,ppt模板,PSD源文件,矢量图,AI,CDR,EPS等高清图片下载。

网站:http://www.nipic.com/

7、站酷

  站酷(ZCOOL),中国设计师互动平台。深耕设计领域十二年,站酷聚集了650万设计师、摄影师、插画师、艺术家、创意人,设计创意群体中具有较高的影响力与号召力。

网站:http://www.zcool.com.cn/

8、懒人图库

  懒人图库专注于提供网页素材下载,其内容涵盖网页素材,矢量图素材,JS代码,psd素材,导航菜单,PNG图标等,让任何一个网页设计师都能轻松找到自己想要的素材。

网站:http://www.lanrentuku.com/

9、素材中国

  素材中国_免费素材共享平台,图片素材图库提供海量素材,图片下载,设计素材,PSD源文件,矢量图,AI,CDR,EPS等高清图片下载。
在这里插入图片描述
网站:http://www.sccnn.com/

10、我图网

  我图网是为用户提供正版商用版权图片设计素材作品交易的平台,专注正版设计素材图片作品下载交易网站,包括背景墙效果图,PPT模板,淘宝素材,网页设计素材,广告设计素材…
在这里插入图片描述
网站:http://www.ooopic.com/

11、彼岸图网

  彼岸图网免费提供清新唯美的最新4K下载,把最新高清的4k图片壁纸推荐给您,让您更快的找到您想要的最新4k壁纸图片。

网站:http://pic.netbian.com/

五、免费图片网站篇

1、LittleVisuals.co

  高清摄影图片邮件订阅网,是一个收集专业的摄影图片作品,并支持邮箱订阅的网站,如果你想找国外高清的摄影图片,就可以通过邮箱来订阅,每周更新一次,定期发送最新的图片到你的邮箱。
  LittleVisuals网站类似于我们之前推荐过的 Unsplash网站,一段时间会更新一些新的免费照片上来,每周更新的照片都有一个zip压缩包供用户下载,一般收录的高清摄影图片都是有关于自然、静物、的摄影图片。
在这里插入图片描述
网站:http://littlevisuals.co/

2、picjumbo

  picjumbo是一个叫维克多的人创办的这个基于网站设计的素材站点,因为每一个设计师都需要高质量的图片素材,这里提供分辨率为3888像素的全质量图片资源。堪称最佳免费相片网站之一,拥有超过1500个分类,使用者可在网站里透过搜寻或分类浏览方式找到各种图片,点选即可下载,不用注册或登入会员帐号。
  picjumbo相片皆为高解析度、无浮水印或广告,可自由使用在个人或商业用途,无需标示出处来源,如果你想支持喜欢的摄影师可透过网站的赞助功能。Picjumbo除了开放使用者免费下载相片外,也有付费会员专属的Premium方案,可下载整套相片或每月新加入的素材。

网站:https://picjumbo.com/

3、wefunction

  网站前端设计网,提供优秀的设计页面和网站功能,专注于web视觉效果和使用体验上的创新!

网站:http://wefunction.com/

4、Pexels

  最好的免费图片和视频,免费素材照片,可以在任何地方使用。✓ 免费用于商业用途, ✓ 无需注明归属。

网站:https://www.pexels.com/

六、web前端开发篇

1、配色网

  一个主要为用户提供色彩,颜色搭配,色彩搭配的网站
在这里插入图片描述
网站:http://peise.net/tools/web/

2、UIgradients

  UIgradients是一个提供免费渐变色效果的站点,以分享美丽渐变色彩为主,里面接近上百种渐变配色方案,设计师可根据自己风格来选择搭配,还能直接获得对应渐变配色的CSS代码使用起来相当方便。

网站:https://uigradients.com/

七、图标篇

1、Iconfont

  Iconfont-国内功能很强大且图标内容很丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能。阿里巴巴体验团队倾力打造,设计和前端开发的便捷工具。
在这里插入图片描述
网站:http://www.iconfont.cn/

2、3000矢量图标:

  3000矢量图标为您的网站,应用程序,或博客;终极图标集,为设计师和开发人员手工制作;Retina图标为您的项目提供了3000个高质量的图标。
在这里插入图片描述
网站:http://retinaicon.com/

八、代码网站篇

1、CodePen

  CodePen是社会发展环境为前端设计师和开发人员服务。建立和部署一个网站,展示你的工作,构建测试用例来学习和调试,并找到灵感。
优点:可以随便查看案例代码,复制使用
在这里插入图片描述
PS:由于网站是英文的,不太看得懂的网友可以使用浏览器自带的网页翻译功能进行翻译使用喔,例如:

网站:https://codepen.io

2、Bootsnpp

  Bootsnpp是web设计人员和web开发人员的元素库,任何人都可以使用自举会发现这个网站在他们的工艺中是必不可少的。设计元素,操场和代码片段的引导HTML/CSS/JS框架
优点:有代码生成器,可以自动生成对应代码,复制使用
在这里插入图片描述
PS:由于网站是英文的,不太看得懂的网友可以使用浏览器自带的网页翻译功能进行翻译使用喔,例如:
在这里插入图片描述
网站:http://bootsnipp.com/

你可能感兴趣的:(前端资源,前端,资源,图片资源)