大家好，感谢邀请，今天来为大家分享一下网页设计模板素材图片的问题，以及和推荐几个好的素材库的一些困惑，大家要是还不太明白的话，也没有关系，因为接下来将为大家分享，希望可以帮助到大家，解决大家的问题，下面就开始吧！
有哪些国外设计素材网站推荐
设计师必备的40个国外设计素材网站：
1.Fribbble
来自Dribbble的免费素材会在这个网站汇集，有图标、PSD、各类视觉稿，不一而足。
2.Behanceprojecttemplate
在Behance上发布设计项目的时候，不知道如何展示才漂亮？看看这篇文章，下载结尾漂亮的模板，问题就迎刃而解了。
3.psddd.co
这也是一个寻找免费PSD文档、虚化背景图和漂亮UI元素的好网站。
4.colourlovers
如果你还在为寻找好的色彩搭配而纠结，那么千万不要错过这个网站，你要的一切都在这里，从灵感搜集到成型的方案，满足你的每一个愿望。
5.CGtextures
这个网站提供了大量的免费图片，这类图片大多是关于石头、天空、树木等富有纹理质感的对象，当你需要制作有质感的对象的时候，这个网站会成为你最好的帮手！
6.SubtlePatterns
纹理神站！它不仅提供了超过400款高品质纹理素材，还提供了在线纹理制作工具，你还在等什么呢？
7.Webydo
著名的无代码网站搭建平台Webydo在此，上手试试吧~
8.guideguide
如果你也苦于设计网页中的栅格和布局，那么GuideGuide会是你的好帮手。我们也曾发文讲述如何使用这一工具《PS参考线插件GUIDEGUIDE下载及使用说明》
9.Nomorebanding
有时候使用PS制作渐变效果的时候，渐变效果并不平滑，而是呈现出阶梯状的变化，这个动作可以消除这种阶梯状渐变，看起来更加顺畅平滑，非常不错哦。
10.Gridzzly
Gridzzly可以帮你制作自己的格纸，制作出非常不错的印刷图案，精确而实用。
11.MakeappIcon
这个工具可以帮你将你的图标转变为可为iOS和Android设备使用的APP图标尺寸。
12.PerfectEffects3
这是专门为摄影师所设计的工具，使用PerfectEffects3你可以更容易添加效果，想比起耗时庞大的Photoshop、Lightroom以及Aperture，它更加快速实用。
13.Cut&Slice
著名的Mac平台切图工具，它可以帮你在短短几分钟内搞定分组切图的工作，不过请务必记住要重命名各个图层。
14.LayrsControl2
这是一组包含7个不同脚本的图层管理插件合集，它可以让你繁琐的工作更加简单。
15.Hexy
选择图层，高亮文本，然后通过拾色器来取色，有的时候是太过复杂的过程，Hexy则非常方便，它可以使用滴管快速取色然后直接复制到剪切板当中，即取即用。
16.WhatTheFont!
看到一个漂亮的字体想知道它到底是什么字体？试试WhatTheFont吧，上传截图，它会为你在数据库中进行匹配。
17.Typewolf
Typewolf可以帮你显示正在浏览的网站所使用的字体，推荐类似的字体和背景信息。
18.SizeMarks
SizeMarks是一个非常实用的Photoshop脚本，它可以测量不同元素之间的距离，对于设计师和前端颇为有用。
19.VelositeyVersion2
仅需要几秒钟，Velositey可以借助模板在Photoshop中快速构建网页布局。
20.FontAwesomePS
这个工具可以帮你快速搜索图标，一键点击将其新建为新的图层，并且可以轻松编辑。
21.LivesharePS
借助LivesharePS，你可以将PSD文档在Liveshare会议上在线分享展示，你的任何操作都可以让大家看到，哪怕你没有点击保存按钮。
22.PhotoshopShareplugin
这个插件可以让你无需离开Photoshop就一键分享你的设计作品。
23.Prisma
想把你的AI中的配色方案同步到PS？Prisma可以让所有支持这一插件的软件中的配色方案都同步起来。
24.FreeLoremIpsumGenerator
这是最好的假文生成器，可以在Photoshop、AI、ID和Dreamweaver中使用。
25.FreeBehancePresentationBuilder
这个免费的Behance展示生成器可以借助一个免费PSD文档和PS动作帮你将作品制作成展示效果。
26.Kaku
一个简单的PS插件，可以帮你将图层中的文本而翻译成不同的语言。
27.InstagramFilters
这是一组13个滤镜，可以在PS中帮你将图片制作成类似Instagram的效果。
28.VSCOCamEffectinPhotoshopTutorial
来自GoMedia的SimonHartmann撰写了这篇实用而炫酷的教程，教你如何在Photoshop中实现VSCO处理图片的效果。
29.SocialKit
这款Photoshop插件包含了一系列可用于社交媒体的图片、广告Banner和资料信息等内容。
30.MobileUIBlueprintpsdfiles
这是一组免费的包含大量移动端UI元素的PSD文档。
31.FreeImages
这个网站之前一直以sxc.hu而闻名，其中包含了395000多个可免费下载的图片。
32.UICloud
这是世界上最大的UI设计数据库，现在它包含了超过46000个UI控件，并且可以免费下载。
33.MockUpZones
MockupZones为你提供了大量优秀的免费视觉稿下载，从iPhone、iPad的界面设计到商业名片和文化衫设计，覆盖广泛。
34.MacbookAirandThunderboltDisplay
这是一组用来展示设计作品的MacbookAir和Thunderbolt显示的视觉稿PSD文档。
35.Greyscalegorilla3DTutorials
设计师GreyscaleGorilla的个人站点，这个才华横溢的设计师在自己的网站中发布了许多制作3D设计作品的教程。
36.VrayMaterials
如果你是经常使用C4D的设计师的话，这个网站不要错过，其中有许多优质的贴图材质素材。
37.Blendme
这个可用于PS和AI的插件可以让你直接在软件中搜索并获取各类素材。
38.AdobeKnowHow
这个是Adobe最新推出的教程网站，提供了几款著名软件的免费的初级课程。
39.Tuts
这是最知名的PS教程网站，不论你是初学者还是专业的设计师，都能从中获益良多。
40.Pixeden
这是一个堪称伟大的免费资源包，从视觉稿到模板、图标，非常全面，不要错过
网页模板到底是什么东西怎么使用
网页模板就是已经做好的网页框架，使用网页编辑软件输入自己需要的内容，再发布到自己的网站。每个网页模板压缩包内包含：PSD图片文件(可用Photoshop、ImageReady或Fireworks修改)，按钮图片PSD文件、Flash源文件和字体文件，推荐使用Dreamweaver软件向网页模板添加内容。
1）模板的概念：作为创建其它文档的样板的文档。创建模板时，可以说明哪些网页元素不可编辑，哪些元素可以编辑。其扩展名为.dwt。
2）模板的作用：有利于保持网页风格的一致；提高工作效率。
1．创建模板
1）创建一个全新的模板：在模板面板中，使用快捷菜单按钮或单击面板上的新建按钮
模板面板的打开：Window菜单–Templates
2）创建基于文档的模板：File菜单-SaveAsTemplate
2．设置模板页面属性
1）用模板创建的文档继承模板的页面属性，页标题除外。
2）设置：Modify菜单-PageProperties
3．定义模板的可编辑区
1）定义模板的可编辑区
在模板文档中选定对象、Modify菜单、Templates、NewEditableRegion
2）取消可编辑区标记
Modify菜单-Templates-RemoveEditableRegion
网页设计中什么是模板，有什么特点
网页设计中的模板指的是常见的网页架构，比如最常用的厂字形，就是把整个网页使用frameset将其分割成上，左、右、下几部分，在各个部分关注不同的数据显示和操作。
比如这就是了
推荐几个好的素材库
1.懒人图库这是一个以网页设计元素为主的素材网站，有非常多的元素可以让我们下载，在里面我们都可以找到自己想要的素材，非常方便。
2.办公资源网这是一个拥有海量办公模板的素材网站，PPT、Word、Excel模板应有尽有，全部都是出于设计师之手，我们只需要直接套用就好，能节省不少时间。
3.Freeplaymusic这是一个非常不错的音效素材网站，里面主要是流行音乐和摇滚音乐的素材，如故宫想要背景音效里面也有，质量也都是不错的。
4.Hippopx这是一个有海量精美图片的素材网站，里面的图片都是在CCO许可证下免费购买的图片，我们都是可以免费下载使用的。
5.字由这是一个有各种字体的素材网站，里面有非常多我们知道的不知道的字体，而且还有一个专门的免费商用字体分类，在那里面的字体都是可以免费下载使用，无版权的，不用担心侵权的问题。
如果你还想了解更多这方面的信息，记得收藏关注本站。