现在对于办公的软件越来越多,但最基本的软件还是PPT、WORD等一系列软件。那么对于现在这么多软件的应用方式还是层次不齐的,接下来沪江小编就为大家介绍一些在设计网页的时候一些常用的素材,希望接下来的内容能够对大家将来的设计网页有所帮助,并且在将来的设计网页中能够提供友好的帮助。祝愿大家设计出好的网页。

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/ 最近备受关注的国外设计团队,有很多很棒的素材和创意,而且大多数免费分享了出来。

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

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