请选择 进入手机版 | 继续访问电脑版

微栖客

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1034|回复: 4

有哪些不错的网页设计素材网站?

[复制链接]

2

主题

2

帖子

0

积分

新手上路

Rank: 1

积分
0
发表于 2019-7-17 18:08:15 | 显示全部楼层 |阅读模式
我来罗列一下近几年对我设计帮助很大的国内外网站,希望对题主有帮助:
1、素材网站
  • Iconfinder - 850,000+ free and premium icons  非常棒的国外图标网站,可以找图标灵感,或者购买感觉不错的图标。
  • Noun Project  也是非常棒的国外图标网站,重点在于都是免费的扁平化图标,可以下载svg进行再创造哦。
  • Free vector icons  也是免费的矢量扁平化图标网站,谁用谁知道。
  • EpicPxls 另外一个很棒的图标免费素材网站,很多优秀图标素材可以下载。
  • Subtle Patterns  纹理素材网站,多用纹理素材,可以给你的设计加分哦!
  • Psds, premium icons & free web design resources for designers — latest freebies by PixelBuddha.  里面的素材都是可以免费下载的源文件,而且质量还不错。
  • https://iconstore.co  同样非常棒的素材网站,而且大多数是免费的哟。
  • Download Free Vectors, Photos, Icons, PSDs and more 免费素材网站,内容非常多。
  • http://uifest.com/ 这里的素材也非常棒,有收费有免费的。
  • UI8 — The marketplace for design resources  很棒的国外素材网站,素材质量不错,大多都收费,小部分免费的素材可以下载学习。
  • Mockup Zone  Mockup的素材网站,有收费也有免费的。
  • Textures.com  纹理素材网站,很多材质的纹理都可以在这里找到哦。
  • Over 388,119 Free Photos and Textures  免费图片素材库,数量很多。
  • Unsplash | High-Resolution Photos  很有个性的高质量免费图片素材网站,个人非常喜欢,还有chrome插件安装,可以有事没事看看。
  • Gratisography: Free high-resolution photos  免费图片素材网站,还不错。
  • Life Of Pix - Free Stock Photos & Images  不错的免费图片素材网站。
  • Free Images - Pixabay 免费素材网站,数量比较多。
  • Free stock photos · Pexels  同样是免费的图片素材网站,哈哈。
  • WallpapersWide.com  高清壁纸素材网站,数量很多。
  • Download Free Vector Art, Stock Graphics & Images  老牌免费素材网站,数量也很多。
  • Designstub | Download Bootstrap Templates & Themes  针对Bootstrap框架的免费模版素材(静态化HTML页面,正在学习Bootstrap或者响应式设计的小伙伴可以参考)。
  • http://www.baianat.com/resources/  最近备受关注的国外设计团队,有很多很棒的素材和创意,而且大多数免费分享了出来。
  • http://facebook.design/index.html Facebook的设计博客,有很多高质量素材源文件下载,以及干货文章。
  • The Premier Photography Community / 500px  很棒的图片网站,不多说了。
  • https://www.flickr.com/  同样也是高知名度图片网站,不多说了。
  • TETHR – The Most Beautiful iOS Design Kit Ever Made  非常棒的一套设计界面素材,免费下载源文件。
  • Free to-do app UI kit for Photoshop and Sketch  同样来自invision的设计界面素材,免费下载源文件,质量也很高。
  • Sketch Repo - Free, high quality Sketch resources  Sketch免费素材网站,素材质量不错,可以参考学习。
  • PSD Repo - Free quality PSDs available for download  sketchrepo的同胞兄弟,同样是免费高质量素材。
  • adobe-fonts/source-han-sans 思源黑体官方下载地址。
  • adobe-fonts/source-han-serif 思源宋体官方下载地址。


2、设计创意参考
  • Dribbble - Show and tell for designers  追波,不多说。
  • Behance  不多说。
  • DeviantArt - The largest online art gallery and community  也很有名,不多说了。
  • https://www.pinterest.com/ 素材创意大集合,非常棒的网站,也很有名,不赘述了。
  • Sign up | Tumblr  灰常有名了,有很多优秀的设计作品在上面。
  • 站酷 (ZCOOL)  国内设计比较有名的网站,不多说。
  • UI中国  虽然注册用户量和知名度不如站酷,但是专攻UI领域,感觉还不错。
  • 花瓣网  国内的pinterest,虽然是山寨的,但是因为速度快所以用起来还是不错的。
  • Website Templates  themeforest 知名度非常高的模版销售网站,从上面可以看到很多目前国外流行的页面风格、动效,创意也非常不错。
  • WordPress Themes Loved By Over 317k Customers  elegantthemes 国外很有名的wordpress模版设计团队,创意十足,不过可惜的是最近不思进取,一直没有太大创新,还在售卖一年多前就发布的模版,不过他们的blog可以看看,对wordpress开发有很大帮助。
  • Home - YOOtheme  也是非常棒的国外网站模版设计公司,包括wordpress和joomla!,设计简洁有想法,还有他们推出的前端框架 UIkit(类似Bootstrap),有兴趣的朋友可以了解一下。
  • Reeoo - web design inspiration and website gallery  很棒的网页设计参考网站,可以按照颜色筛选,更新勤快,创意十足。
  • Awwwards - Website Awards  非常有名的网页设计创意参考网站。
  • http://www.materialup.com/  Material Design相关设计作品的参考网站。
  • 100 Days UI - FREEMIUM RESOURCES  一个Dribbble牛人的每日一设作品,有源文件下载和HTML代码实现哦!绝壁学习极品。
  • Sebastien Gabriel  谷歌设计大神个人网站,他的文章《How I joined Google》曾脍炙人口,其他设计类的文章也很有参考价值。
  • Dejan Markovic  国外一个设计师的个人网站,内容涵盖自己的作品从产品分析到最后设计成型的过程解析,很有参考价值。
  • e-Books UXPIN推出的免费设计e-Books,可以看看。
  • image triangulation experiment 快速将图片处理成low poly效果的工具网站。
  • Coolors 快速取色,并且能够自动生成色彩层级的工具。
  • https://webgradients.com/ 轻量的渐变配色网站,配色很有逼格。
  • Color Tool - Material Design Material Design官方的配色工具,可以通过取色快速查看界面整体效果。
  • Sketchfab - Your 3D content on web, mobile, AR, and VR. Sketchfab-全球知名的 3D 设计模型在线展示平台。


3、前端/动效/用户体验
  • Codrops | Useful resources and inspiration for creative minds  由于鄙人是从前端开发转的UI设计,所以一直对前端各种效果都情有独钟,其中Codrops就是我几年以来基本上隔三差五就会去逛的网站,创意十足,动效酷炫,每周集锦很有意思,强烈推荐,关键在于所有动效都是可以免费下载使用的!
  • http://codyhouse.co/  也是非常棒的一个前端动效网站,Codrops经常会收录它的一些好作品。
  • Tutorialzine  同样有很多好玩的前端效果和知识,但是更新并不勤快,可以偶尔看看。
  • Trending CSS repositories on GitHub today · GitHub  github就不用多说了吧?我会经常到trending里筛选CSS/HTML/Javascript的语言分类来看看是否有最新的好玩的前端作品,这里应该算是全球开源代码最领先的地方了。
  • GoodUI  通俗易懂的UI设计准则,很有意思。
  • Medium  里面有很多很棒的设计类文章,值得参考。
  • CodePen 很棒的前端网站,可以直接预览前端效果和使用代码。
  • Font Awesome, the iconic font and CSS toolkit 最早的开源免费字体图标库,以前用Bootstrap+FontAwesome基本上就能搭建一个像模像样的网站,图标种类繁多,使用方便。
  • Wappalyzer 可以查看当前网页的前端技术使用情况,非常方便。


不管有多好的设计素材网站,最重要的还是自己多看、多思考、多练习,这样才能不断进步,与君共勉。
======  更新分割线:感谢大家的支持,新增了一些设计工具类网站:)  ======
4、工具类
  • https://tinypng.com/ 在线压缩PNG/JPG图片网站,能够大幅度减小图片尤其是PNG图片的size,方便好用。
  • Icon Font & SVG Icon Sets â IcoMoon  字体图标管理/生成网站,功能强大,国内的iconfont应该是参考它做的。
  • Iconfont-阿里巴巴矢量图标库 icomoon虽然很棒,但是国内访问速度还是成问题,所以现在还是比较常用iconfont,也挺好用的。
  • GuideGuide  Photoshop必装的参考线插件神器,谁用谁知道。
  • RightFont - The future of font manager software for Mac OS X  非常棒的字体管理软件,能够快速加载字体,并且快速在设计稿中引入矢量图标,个人感觉比在设计稿中使用iconfont方便。
  • Sketch - Professional Digital Design for Mac  Sketch,Mac下的UI设计神器,制作UI界面快速简单,而且正版也不贵,缺点是没有Windows版本。
  • https://github.com/utom/sketch-measure Sketch measure,Sketch中必装的插件,能够导出设计稿的HTML文件供前端实时查看,免去了切图的烦恼,还能切换设备分辨率,非常方便。
  • https://www.flinto.com/ 轻量级的交互软件,能够与Sketch一起使用,简单方便。
  • Principle - Animated Design 功能强大的交互设计软件,用它能够做出很不错的app动效。
  • Framer - Design tool for creating interactive designs, interfaces and animations  能够直接用代码做交互/动效,个人感觉很不错,广受国外一线设计师的好评。
  • Craft by InVision LABS Invision团队推出的PS/Sketch插件,能够快速添加图片/文字等功能。
  • https://g2.alipay.com/  G2-蚂蚁金服团队的图表组件工具,设计图表的时候可以参考。
  • GitBook 使用Markdown编写文档,采用Git管理方式,非常方便高效。
  • Device metrics - Material Design  谷歌设计团队推出的设备相关参数参考页面,很完整。
  • ECharts 百度团队的纯 Javascript 图表库,算是比较成熟的解决方案。
  • 常见设计规范与 Sketch 源文件下载集合 - 知乎专栏 这篇文章收集了相对完整的设计规范及组件库下载资源。











回复

使用道具 举报

2

主题

6

帖子

16

积分

新手上路

Rank: 1

积分
16
发表于 2019-7-17 18:28:24 | 显示全部楼层
以下是我收藏的素材网站:
网页元素PSD下载:
kbsportfolio.com
保育士情報ちゃんねる
http://www.freebiepixels.com
http://psdho.me
http://designmoo.com/
http://www.designdeck.co.uk
http://www.psd-free.com
http://www.designkindle.com/
http://pixelsdaily.com/
http://365psd.com
http://www.designshock.com
http://simplypixels.net/
http://www.psdchest.com/
http://pixelentity.com
http://www.uipixels.com
http://freebiesbooth.com/
http://blog.ninetofive.me/
http://www.premiumpixels.com/
http://duckfiles.com
http://www.xinsheji.org/
icon搜索下载:
http://findicons.com/
http://www.iconfinder.com
http://www.iconlet.com/
http://www.iconpng.com/
http://www.iconfinder.com/
http://iconwanted.com/
http://easyicon.cn/
纹理:
http://www.backgroundlabs.com/
http://lostandtaken.com/
http://subtlepatterns.com/
http://crowquills.com
————————以下网站可为网页设计提供参考和灵感—————————
ICON欣赏网站
http://www.iconsfeed.com/
http://www.skidanov.com/

UI欣赏
http://fanggeben.com
http://dribbble.com/
http://boxtuffs.com/
设计类博客
(国外)
http://sixrevisions.com/
http://www.teehanlax.com/blog/
http://webdesignledger.com/
http://webexpedition18.com/
http://www.noupe.com/
http://victorsosea.com/
http://www.freewebelements.com/
(中国)
http://www.nbshe.com/
http://www.cnblogs.com/lhb25/
http://www.shejidaren.com/
http://www.boxui.com/
http://tgideas.qq.com/

配色
http://kuler.adobe.com
http://colorexplorer.com/
http://www.peise.net/
http://www.colourlovers.com/
http://colorschemedesigner.com/
http://www.xuexuecolors.com/
http://www.colorhunter.com/
http://www.colorschemer.com/
酷站集合
(国外)
http://www.stylevault.net/
http://www.awwwards.com/
http://www.iiiimg.com/
http://dark-i.com
http://siteinspire.com/
http://screenfluent.com/
http://coolhomepages.com/
http://bestwebgallery.com/
http://onepagelove.com/
http://cssboulevard.com/
http://cartfrenzy.com/
http://cssclip.com/
http://reeoo.com/
http://thedesigninspiration.com/
http://www.juliocesarborges.com.br/
(中国)
http://www.iguoguo.net/
http://www.design63.com.cn/

回复

使用道具 举报

0

主题

5

帖子

13

积分

新手上路

Rank: 1

积分
13
发表于 2019-7-17 18:48:18 | 显示全部楼层
高票回答中列了好多国外网站,我随便点开了两个,一个提示我有危险,一个半天才加载出来。



实际上国际上比较常用且好用的网页设计网站并没那么多,收藏一大推网站很容易挑花眼,而且真的用的时候也不可能一个个的去查找。


以下8个网站就够你用了:
Themeforest:这是一个网页设计师必须知道的网站,拥有全球销售量最大的网站模板。


Behance:全球顶级创意、设计师平台,是Adobe旗下网站,没错,就是你经常用的Photoshop、Dreamweaver、AfterEffects、Premiere的母公司Adobe,所以Behance上国际一线设计师必备的作品展示平台。


Dribbble:UI、插画大神聚集地之一,国内设计师都已拥有Dribbble账号为荣。


Awwwards:专门为设计精美以及富有创意的网站颁奖的网站,相当网站设计界的诺贝尔官网····


Graphicriver:此网站的所有图形设计均由设计师团队人工审核,拥有大量优质元素。


Uplabs:提供手机程序、网站的UI灵感,从概念到应用,每日更新。


Onepagelove:拥有大量单页网站的模板资源,是的,专门做单页网站设计模板的网站。




最后要介绍的是一个国内网站:
大作, http://www.bigbigwork.com,这个网站的特点就是,以上七个网站都能在它上面搜索,而且可以几个网站同时搜!



而且大作网站自带加速,不用安装什么软件或者插件就能快速的搜索国外网站的作品。


也就是说,你只要打开大作就能同时搜索好几个网站的作品,不卡不慢。


还能直接下载原图。




这些网站都在“UI设计”分类下面,大作还有其他很多分类,比如“平面设计”、“室内设计”、“动漫插画”、“Logo设计”、“Icon设计”、“免费版权图片”、“摄影图片”等等,感兴趣的可以自己注册去看看,我就不一一介绍了。




认为有用的给我点个“赞同”呗~

回复

使用道具 举报

2

主题

13

帖子

33

积分

新手上路

Rank: 1

积分
33
发表于 2019-7-17 19:08:15 | 显示全部楼层
收费的2个:
http://wegraphics.net/
建议包年,几乎都是很精品的素材。
http://graphicriver.net/
单买就行,偶尔有一些很出色的。
补充:
http://boxtuffs.com/
CSS3的
http://www.designerstoolbox.com/
各种浏览器元素的PSD

回复

使用道具 举报

0

主题

3

帖子

7

积分

新手上路

Rank: 1

积分
7
发表于 2019-7-17 19:08:15 | 显示全部楼层
目录:

  • 灵感创意、提高审美类网站:有事没事都可以逛一逛
  • 正版的免费图库类网站:都是cc0,请随意享用
  • 国内的正版付费图库类网站:请按需取用
  • 国内的设计相关网站:没有VPN的人请直接看这里
1. 灵感创意、提高审美类网站


  • dribbble: Shots - Dribbble - Dribbble   不赘述啦
  • behance: Behance   不赘述啦
  • freepik : Freepik - Free Graphic resources for everyone  高质量的免费的矢量艺术,插图,图标,PSD等素材资源
  • designlazy : DesignLazy | Free PSD, Graphic & Web Design Resources  免费的PSD、平面、网页设计资源
  • the fox  : Responsive Multi-Purpose WordPress Theme  网页设计
  • codrops: Playground Archives | Codrops  网页设计和开发博客,有最新的一些技术、特效代码和文章


2. 国外的免费cc0图库


  • pixabay   https://pixabay.com/zh/
pixabay是一个免费的商用图库。你可以根据自己的需求定向搜索各种内容、尺寸、颜色的照片、矢量图、插画甚至视频。

  • pexels  https://www.pexels.com/
pexels是一个免费的商用图库。国内用户打开国外网站,加载速度一直是个问题。但pexels的加载速度还不错,大家可以一试

  • stocksnap  https://stocksnap.io/
StockSnap是一个可以自由下载的高清图片素材库,所提供的资源相当实用。搜索出来的结果,还可以按照下载量、收藏量、浏览量等数据进行排列,让你更快得找到好素材。

  • visualhunt  https://visualhunt.com/
Visual Hunt 网站提供的图片素材都是高清的。它收录了海量的CC0授权图片整合后生成的站点,用户可以通过内置的搜索引擎来查询海量的免费图片。

  • gratisography   http://www.gratisography.com/
Gratisography是一个高品质摄影图片的集散地,图片同样可以用于商业用途。

  • librestock  http://librestock.com/
最后隆重推荐的是librestock网站,其实它是一个搜索引擎,你可以在librestock里一键搜索国外40多个免费图片素材网站的内容,当你要下载的时候就会跳转到相应的目标网站上。所以,收藏这一个网站,就够啦~~


3. 国内的正版图库


  • 像素蜜蜂:像素蜜蜂图库_原创正版摄影高清图片素材和商业图片下载_PxBee
  • 图虫创意:图虫创意图库正版图片,视频,插图,微博微信公众号配图,自媒体素材
  • 邑石网:Yestone邑石网_正版图片_正版字体_设计素材_专业的版权视觉内容提供商
  • 全景网:全景网_中国领先的图片库和图片素材网站


4. 国内的设计相关网站


  • Fotor懒设计:Fotor在线设计工具_免费设计素材和模板_在线平面设计网站   你不用开PS,你也不需要有任何设计经验,在Fotor懒设计,你不仅可以获得设计灵感,还可以自己动手快速做设计,人人都是设计师
  • UI中国:UI中国-专业用户体验设计平台
  • Seeseed-无穷尽设计可能:Seeseed-无穷尽设计可能   设计类导航网站
  • 视觉me:视觉中国设计师社区
  • 飞屋博客:UI设计师的成长记 - 博客 - 飞屋设计
  • 凹凸实验室:Aotu.io   程序员和设计师都可以看的网站
  • VOICER :We Voice Life & Design Inspiration  在线美学分享杂志
整理不易,如果对你有用,记得点赞哦~❤

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|微栖客社区 |网站地图

GMT+8, 2019-8-23 17:43 , Processed in 0.216284 second(s), 25 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表