一个网站设计的模型模板可以是一个增强你的设计视觉感的基础。它可以很容易地来辅助展示你的设计，并更好的对你的网站设计概念进行阐述。不过，如何自定义网站模板和模型，并将它们运用于你的设计中呢？以下我们将对此谈论一下。
我们有两种方法可以帮助你开始。你可以在项目中创建自己的网站设计模型模板，或者通过下载来获取更快速的启动方案。有这么多的模板选项，帮助客户实时可视化一个新的设计变得很容易。
这里有一些你需要知道的关于自定义模板的信息。
1.什么是网站模型模板？
大多数网站模型模板以可编辑的Adobe PS文件的形式出现。这个设计的目的是为了让你可以把你的网页设计融入到一个逼真的框架中，比如在一个实际的计算机、平板电脑或移动设备上显示一个网站设计的页面。
网站模型模板可以包括单个图像，多个图像，并呈现不同的视觉方向。一个好的模型可以很好地显示一个成品在实际使用中的样子。
尽管你完全可以制作自己的模型，但这里仍有很多选项你可以通过下载来获得。这些模板中的大多数都是使用层和智能对象创建的PSD文件，同时保持文件的视觉属性。当你使用一个有趣的方向，如3D或透视图的模型时，这是很方便的。
大多数网站设计模板包括混合矢量图像和光栅图像，请谨慎使用。你要确保你的设计整体看起来已经足够好了。
2.如何定制模型模板
拥有一些奇怪的层或智能对象的PS文件可能有些吓人，不过定制设计模板并不是一个复杂的过程。你只需要：
· 找到一个你喜欢的网站模型模板（你当然可以自己做，但是既然有这么多好的选择，我们还是推荐你通过下载来获取）。寻找模板，需要可以突出你的设计特点，如响应式网站设计的多个视图（台式机、平板电脑和手机），与一个背景适合你的项目的风格（白色或黑色与彩色背景或照片写实风格）。
· 解压下载的文件并确认你有所有必要的部件：一个可编辑的模型PSD文件，JPG文件，一个关于使用设计的建议文件（并不是所有的都需要具备这点）和一个信息或自述文件包括任何许可信息和指示。
· 在PS中打开PSD文件，展开图层来了解一下它的层级构成。找到标注有“设计文件置入区”的层或类似的（总有一个突出的指令！）。
· 双击该层，打开它。
· 采取适当的屏幕截图的设计，大小，以达到最佳分辨率，并显示出你希望最终呈现的页面和效果。
· 复制和粘贴，或拖放你的图像或内容到适当的层，调整大小，以满足需要填补的空间。
· 通过Ctrl+S，或Cmd-S来保存智能层，然后回到原始图像。哇！你应该在模型中看到你的新截图。
· 导出文件，使用所需的大小和格式进行显示。
3.如何使用网站模型模板
一旦你完成设计模板定制后，你又该怎么操作呢？这些看似简单的设计，有很多的实际应用。你可以使用一个网站模型模板：
· 设计客户预览效果图；
· 准备上市后的促销活动；
· 为你的作品展示提供视觉；
· 提交一个作品，当你打算分享最终设计时。
使用网站模型模板你所需做的就是将定制的设计导出为可用的格式。大多数时候，这包括两个选项：一个可打印的高分辨率图像文件和一个在线或电子邮件共享的Web分辨率文件。
4.在哪里找到一个网站模型模板
所以，你可能会问：你在哪里找到这些有用的网页设计模板？有很多免费和付费的选择你可以从各种各样的来源中获取。
5.10款免费网站模型
为了确保你已经准备好开始使用网站模型，我们整理了10个很棒的免费的资源来帮助你开始。这些模拟也可以在其他设计中找到。
· 2 MacBook Pro Desk Mockups
· Responsive Showcase PSD Mockups
· Vector Apple Outline Device PSD
· Flat Responsive Showcase
· White iPad and iPhone Floor Mockup
· MacBook and iPhone on Table Mockup
· Apple Device Wireframe Mockups
· Responsive Web Design Showcase Mockup
· Mockup MacBook Air
· MacBook Pro Retina Display PSD
总结
定制网站设计模板来展示项目是一个强大的武器，可以帮助你有效的展示作品。即使你只有几分钟的时间准备一个演讲，你可以把你的网站设计整合为一个真实的场景。
虽然你可能不在乎一个设计或想法的整体表现，但是你的客户肯定会的。这是设计师快速和最容易展示作品的捷径之一，可以让人印象深刻。
----图文来自：design shack