设计大神整理的设计网站大全

时间：2022-08-21 20:42:01 | 来源：网站运营

时间：2022-08-21 20:42:01 来源：网站运营

• 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 思源宋体官方下载地址。
• 常见设计规范与 Sketch 源文件下载集合 - 本站专栏

• 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官方的配色工具，可以通过取色快速查看界面整体效果。

• 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 可以查看当前网页的前端技术使用情况，非常方便。

• 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
  图表库，算是比较成熟的解决方案。