哪里有比较好的网页模板可以下载？

Question

互联网

前端开发

哪里有比较好的网页模板可以下载？

最近在搞一个网页，哪里有比较好的网页模板可以下载，多谢大家

关注者

63

被浏览

190,903

18 个回答

时尚女装商城精心设计超美观代码足知识点多 HTML CSS JS网页作业

157 播放

学生层面的网页大作业模板可以看过来了~
我原创的网页作业成品源码，可复制下方网杫到浏览器打开

【链接1】网页大大大大作业成品（宫崎骏、NBA、大鱼海棠多啦等主题…）

http://psdhtml.cn/div?-html1

【链接2】普通网页成品，需要兔费作品的可以在链/接2/中看论坛置顶帖下载指南自助下载

http://www.psdhtml.cn/index.php?c=thread&fid=18&orderby=postdate

发布于 2023-12-04 10:46· 30 次播放

网页模板设计包括五个设计原则:

1. 相似原理 2. 连续性原理 3.封闭原理 4. 接近原理 5. 周围背景原理

这些原则已经在设计中应用了一段时间，并取得了积极的成果。日常设计工作想要提高工作效率，可以根据想要的布局到素材网站下载想要的网页模板。

www.mcoo.com

模库网，有着大量模板，支持关键词搜索，免费psd源文件素材网站大多是ui和网页的模板。

www.uppsd.com

优图网，专辑类分类，方便搜索和查找。同样注重网页和ui界面模板。特别多的淘宝电商风格模板素材。

使用方法

如果是psd格式的,就要用photoshop打开,然后另存为web格式,会生成一个网页文件(html)和一个文件夹.网页文件再用dreamweaver或者frontpage进行编辑.文件夹里其实是这个模版所用到的图形.

2,如果是一个网站模版,就要先看看有没有模版文件,一般放在一个好像叫template的文件夹里(dreamweaver),可以用dreamweaver编辑之,然后可以制作生成基于此模版的网站. 通常下载的文件都是PSD文件格式,建议先安装photosop7.0以上,然后,用Photoshop(简称PS)打开此文件,然后在PS中,在图层中把各层的文件更改为您自己需要的文字或图标等,然后点"文件"菜单"另存为网页格式",保存的时候要注意,保存为"html"格式(保存的时候,输入文件名,并将文件类型改为html文件类型).然后再用Dreamweaver 进行修改。

发布于 2019-08-15 07:42

现在越来越多人想要自己搭建网站，那么你是否知道搭建网站的步骤和顺序有什么？今天来给大家讲讲吧：

一、确定网站主题

企业建设前，应规划网站，制定网站建设计划，明确网站主题。如果你正在制作一个个人网站，你就不能像那些大型网站，特别是那些信息丰富、内容丰富的网站。从以下两种模板可以看出企业网站和个人网站的区别。

业务咨询商业公司官网HTML模板 – Consalti

Consalti是清洁的、现代的、专业的咨询业务和代理HTML模板，可以建立咨询、金融、商业、企业、金融顾问、保险经纪人、会计师、律师、顾问、创业公司等官网。这是一个干净、现代和简单容易定制。 主要特色

HTML5和CSS3
响应模板
Bootstrap5
像素完美
干净的和独特的设计
容易定制
无限的色彩
盒装或宽布局
2主页
视差效果

创意UI设计动态个人主页模板 – Edrea

Edrea是响应式的HTML页面可用于对许多目的。创意,最小和干净的UI设计，也适合所有功能的商业网站。它适合任何创业公司业务、公司、机构和个人需要一个专业的方法来展示他们的项目和服务。
主要特色

充分响应HTML5
CSS3动画
搜索引擎优化
移动导航
充分响应所有设备
开发人员友好的编码
视差滚动
粘稠的导航

二、准备填写网站内容

确定网站主题后，按照这个方向准备相关内容。如果你想吸引更多的用户，延长访问者的停留时间，网站的内容必须与主题相关。此外，网站内容应该更多但不杂，排版应该有条不紊。网站内容的收集可以通过报纸、杂志、书籍、多媒体等方式收集。不要直接从网络上复制。

房地产开发建筑企业bootstrap模板 – BuildTab

三、网站总体规划

网站的总体规划是否做得好，与网站设计的成功有关。为了创建一个优秀的网站，网站规划必须做得很好。网站规划涉及很多内容，包括网站架构、专栏设置、风格设计、颜色应用、网站布局等内容。一个好的网站规划，将设计一个个性化、特点、有吸引力的网站。

bootstrap5创建的食品行业网站模板 – Foodify

Foodify是充分响应式设计,专业和多用途食品网页模板。html5模板设计的干净和光滑。有机食品相关HTML模板构建bootstrap5框架。可以作为健康食品,食品市场,快餐,干燥食品、海鲜、减肥食品、烘焙店,餐馆和其他业务。这个模板很容易个性化和完全支持所有现代浏览器和设备。
主要特色

多页面布局
所有需要的文件包括
粘性的菜单
基于Bootstrapv5.0.1
充分响应
像素完美的设计
在实际设备进行测试
干净的排版
容易定制
HTML5, CSS3, Js
平滑滚动
FontAwesome图标

四、准备工具

这里给大家推荐一个我用过觉得很好用的 网页模板下载网站（浏览器输入“muban.io”体验）。这个平台拥有非常丰富的模板资源，覆盖行业广泛，热门行业都能在其中找到适合的模板。而且它的操作非常简单，可视化的操作能够让你在搭建网站的过程中所想即所得。推荐大家尝试一下哦！

数字营销搜索引擎优化机构HTML模板 – SeoLab

SeoLab是一个响应式Html5模板,专门为搜索引擎优化,SEM、商业、金融、企业网站。模板是基于1170 Bootstrap程序设计这模板将100%的流体响应任何设备。
主要特色

3美丽独特的主页
Bootstrap4设计
在任何设备上100%流体响应
美丽的颜色
使用SASS
净和干净的设计

五、制作网页

网站工具和材料准备好后，就开始制作网页了，这是所有步骤的核心和重要步骤。网站制作过程复杂细致，根据网站规划逐渐变成真正的网站。

在线医生咨询服务网站模板源码

六、完成搭建，来欣赏一下成品模板吧！

宽屏企业产品信息响应式网页模板下载

宽屏游泳用品商店HTML5模板下载

这就是搭建网站的步骤和顺序啦，更多精美模板：尽在 muban.io！

编辑于 2022-04-27 19:26

Cmseasy企业建站系统，网站内有近800套网站模版，可以在官网下载程序，在后台下载并且自动安装

https://www.cmseasy.cn

发布于 2020-05-27 10:30

pageadmin官网有

发布于 2020-01-06 11:39

写得很好，推荐一个网站 http://www.downdemo.com

发布于 2024-03-18 16:17

蜡笔源码网最新的模板需要vip才可以下载

后期时间长点的直接免费放出了。有织梦模板静态模板插件手机模板之类的你可以看看

发布于 2020-12-10 23:11

本模板以PbootCMS为内核开发，适用于发电机网站、营销型网站、机电网站等企业，界面美观，功能齐全，只需上传图片、更改文字就能变成自己的网站。

PbootCMS是全新内核且永久开源免费的PHP企业网站开发建设管理系统，是一套高效、简洁、强悍的可免费商用的PHP CMS源码。

系统默认采用sqlite轻型数据库，放入PHP空间即可直接使用，可选mysql. pgsql等数据库，满足各类存储需求；采用响应式管理后台，满足各类设备随时管理的需要。

模板特点

1.采用div+css布局，手工书写、调试。页面精美无错漏。

2.网站自适应，根据屏幕大小改变网站布局，不变形。能适应各种设备。

3.SEO框架布局，每个页面都能设置标题/关键词/描述。做网站优化更省心。

4.后台操作简单，功能全面，在后台你能方便快捷的更改、上传数据。

网站管理不费心。

<meta name="keywords" content="发电机网站模板,营销型网站模板,机电网站模板">
	<meta name="description" content="(PC+WAP)绿色营销型发电机pbootcms网站模板机电机械设备类网站源码下载">
	<meta name="author" content="www.adminbuy.cn K248">
	<link href="static/css/indexcss.css" rel="stylesheet" type="text/css">
	<script language="JavaScript" type="text/javascript" src="static/js/indexjs.js"></script>
	</head>
	<body>
	<link href="static/css/allbag.css" rel="stylesheet" type="text/css">
	<!--head-->
	<div id="head_box">
	<div id="head">
	<div id="head_left">欢迎您访问我们的网站，我们将竭诚为您服务！</div>
	<div id="head_right"><a href="">返回首页</a> \| <a href="k2582.html">产品中心</a> \| <a href="k2583.html">在线留言</a> \| <a href="k2584.html">联系我们</a></div>
	</div>
	</div>
	<!--top-->
	<div id="top">
	<div id="top_logo"><a href=""><img src="static/picture/1652845870532542.png" alt="(PC+WAP)绿色营销型发电机pbootcms网站模板机电机械设备类网站源码下载" height="70"></a> </div>
	<div id="top_img"></div>
	<div id="top_gg">
	<div id="top_gg1"><span>发电机维修</span> 发电机回收</div>
	<div id="top_gg1"><span>发电机出售</span> 发电机租赁</div>
	</div>
	<div id="tel"> <span>客户统一服务热线</span>
	<p>400-888-8888<br>
	13588888888</p>
	</div>
	</div>

static/css/indexcss.css

<meta name="keywords" content="发电机网站模板,营销型网站模板,机电网站模板">
	<meta name="description" content="(PC+WAP)绿色营销型发电机pbootcms网站模板机电机械设备类网站源码下载">
	<meta name="author" content="www.adminbuy.cn K248">
	<link href="static/css/indexcss.css" rel="stylesheet" type="text/css">
	<script language="JavaScript" type="text/javascript" src="static/js/indexjs.js"></script>
	</head>
	<body>
	<link href="static/css/allbag.css" rel="stylesheet" type="text/css">
	<!--head-->
	<div id="head_box">
	<div id="head">
	<div id="head_left">欢迎您访问我们的网站，我们将竭诚为您服务！</div>
	<div id="head_right"><a href="">返回首页</a> \| <a href="k2582.html">产品中心</a> \| <a href="k2583.html">在线留言</a> \| <a href="k2584.html">联系我们</a></div>
	</div>
	</div>
	<!--top-->
	<div id="top">
	<div id="top_logo"><a href=""><img src="static/picture/1652845870532542.png" alt="(PC+WAP)绿色营销型发电机pbootcms网站模板机电机械设备类网站源码下载" height="70"></a> </div>
	<div id="top_img"></div>
	<div id="top_gg">
	<div id="top_gg1"><span>发电机维修</span> 发电机回收</div>
	<div id="top_gg1"><span>发电机出售</span> 发电机租赁</div>
	</div>
	<div id="tel"> <span>客户统一服务热线</span>
	<p>400-888-8888<br>
	13588888888</p>
	</div>
	</div>

static/js/indexjs.js

<meta name="keywords" content="发电机网站模板,营销型网站模板,机电网站模板">
	<meta name="description" content="(PC+WAP)绿色营销型发电机pbootcms网站模板机电机械设备类网站源码下载">
	<meta name="author" content="www.adminbuy.cn K248">
	<link href="static/css/indexcss.css" rel="stylesheet" type="text/css">
	<script language="JavaScript" type="text/javascript" src="static/js/indexjs.js"></script>
	</head>
	<body>
	<link href="static/css/allbag.css" rel="stylesheet" type="text/css">
	<!--head-->
	<div id="head_box">
	<div id="head">
	<div id="head_left">欢迎您访问我们的网站，我们将竭诚为您服务！</div>
	<div id="head_right"><a href="">返回首页</a> \| <a href="k2582.html">产品中心</a> \| <a href="k2583.html">在线留言</a> \| <a href="k2584.html">联系我们</a></div>
	</div>
	</div>
	<!--top-->
	<div id="top">
	<div id="top_logo"><a href=""><img src="static/picture/1652845870532542.png" alt="(PC+WAP)绿色营销型发电机pbootcms网站模板机电机械设备类网站源码下载" height="70"></a> </div>
	<div id="top_img"></div>
	<div id="top_gg">
	<div id="top_gg1"><span>发电机维修</span> 发电机回收</div>
	<div id="top_gg1"><span>发电机出售</span> 发电机租赁</div>
	</div>
	<div id="tel"> <span>客户统一服务热线</span>
	<p>400-888-8888<br>
	13588888888</p>
	</div>
	</div>

static/css/allbag.css

<meta name="keywords" content="发电机网站模板,营销型网站模板,机电网站模板">
	<meta name="description" content="(PC+WAP)绿色营销型发电机pbootcms网站模板机电机械设备类网站源码下载">
	<meta name="author" content="www.adminbuy.cn K248">
	<link href="static/css/indexcss.css" rel="stylesheet" type="text/css">
	<script language="JavaScript" type="text/javascript" src="static/js/indexjs.js"></script>
	</head>
	<body>
	<link href="static/css/allbag.css" rel="stylesheet" type="text/css">
	<!--head-->
	<div id="head_box">
	<div id="head">
	<div id="head_left">欢迎您访问我们的网站，我们将竭诚为您服务！</div>
	<div id="head_right"><a href="">返回首页</a> \| <a href="k2582.html">产品中心</a> \| <a href="k2583.html">在线留言</a> \| <a href="k2584.html">联系我们</a></div>
	</div>
	</div>
	<!--top-->
	<div id="top">
	<div id="top_logo"><a href=""><img src="static/picture/1652845870532542.png" alt="(PC+WAP)绿色营销型发电机pbootcms网站模板机电机械设备类网站源码下载" height="70"></a> </div>
	<div id="top_img"></div>
	<div id="top_gg">
	<div id="top_gg1"><span>发电机维修</span> 发电机回收</div>
	<div id="top_gg1"><span>发电机出售</span> 发电机租赁</div>
	</div>
	<div id="tel"> <span>客户统一服务热线</span>
	<p>400-888-8888<br>
	13588888888</p>
	</div>
	</div>

k2582.html

<meta name="keywords" content="发电机网站模板,营销型网站模板,机电网站模板">
	<meta name="description" content="(PC+WAP)绿色营销型发电机pbootcms网站模板机电机械设备类网站源码下载">
	<meta name="author" content="www.adminbuy.cn K248">
	<link href="static/css/indexcss.css" rel="stylesheet" type="text/css">
	<script language="JavaScript" type="text/javascript" src="static/js/indexjs.js"></script>
	</head>
	<body>
	<link href="static/css/allbag.css" rel="stylesheet" type="text/css">
	<!--head-->
	<div id="head_box">
	<div id="head">
	<div id="head_left">欢迎您访问我们的网站，我们将竭诚为您服务！</div>
	<div id="head_right"><a href="">返回首页</a> \| <a href="k2582.html">产品中心</a> \| <a href="k2583.html">在线留言</a> \| <a href="k2584.html">联系我们</a></div>
	</div>
	</div>
	<!--top-->
	<div id="top">
	<div id="top_logo"><a href=""><img src="static/picture/1652845870532542.png" alt="(PC+WAP)绿色营销型发电机pbootcms网站模板机电机械设备类网站源码下载" height="70"></a> </div>
	<div id="top_img"></div>
	<div id="top_gg">
	<div id="top_gg1"><span>发电机维修</span> 发电机回收</div>
	<div id="top_gg1"><span>发电机出售</span> 发电机租赁</div>
	</div>
	<div id="tel"> <span>客户统一服务热线</span>
	<p>400-888-8888<br>
	13588888888</p>
	</div>
	</div>

k2583.html

<meta name="keywords" content="发电机网站模板,营销型网站模板,机电网站模板">
	<meta name="description" content="(PC+WAP)绿色营销型发电机pbootcms网站模板机电机械设备类网站源码下载">
	<meta name="author" content="www.adminbuy.cn K248">
	<link href="static/css/indexcss.css" rel="stylesheet" type="text/css">
	<script language="JavaScript" type="text/javascript" src="static/js/indexjs.js"></script>
	</head>
	<body>
	<link href="static/css/allbag.css" rel="stylesheet" type="text/css">
	<!--head-->
	<div id="head_box">
	<div id="head">
	<div id="head_left">欢迎您访问我们的网站，我们将竭诚为您服务！</div>
	<div id="head_right"><a href="">返回首页</a> \| <a href="k2582.html">产品中心</a> \| <a href="k2583.html">在线留言</a> \| <a href="k2584.html">联系我们</a></div>
	</div>
	</div>
	<!--top-->
	<div id="top">
	<div id="top_logo"><a href=""><img src="static/picture/1652845870532542.png" alt="(PC+WAP)绿色营销型发电机pbootcms网站模板机电机械设备类网站源码下载" height="70"></a> </div>
	<div id="top_img"></div>
	<div id="top_gg">
	<div id="top_gg1"><span>发电机维修</span> 发电机回收</div>
	<div id="top_gg1"><span>发电机出售</span> 发电机租赁</div>
	</div>
	<div id="tel"> <span>客户统一服务热线</span>
	<p>400-888-8888<br>
	13588888888</p>
	</div>
	</div>

k2584.html

<meta name="keywords" content="发电机网站模板,营销型网站模板,机电网站模板">
	<meta name="description" content="(PC+WAP)绿色营销型发电机pbootcms网站模板机电机械设备类网站源码下载">
	<meta name="author" content="www.adminbuy.cn K248">
	<link href="static/css/indexcss.css" rel="stylesheet" type="text/css">
	<script language="JavaScript" type="text/javascript" src="static/js/indexjs.js"></script>
	</head>
	<body>
	<link href="static/css/allbag.css" rel="stylesheet" type="text/css">
	<!--head-->
	<div id="head_box">
	<div id="head">
	<div id="head_left">欢迎您访问我们的网站，我们将竭诚为您服务！</div>
	<div id="head_right"><a href="">返回首页</a> \| <a href="k2582.html">产品中心</a> \| <a href="k2583.html">在线留言</a> \| <a href="k2584.html">联系我们</a></div>
	</div>
	</div>
	<!--top-->
	<div id="top">
	<div id="top_logo"><a href=""><img src="static/picture/1652845870532542.png" alt="(PC+WAP)绿色营销型发电机pbootcms网站模板机电机械设备类网站源码下载" height="70"></a> </div>
	<div id="top_img"></div>
	<div id="top_gg">
	<div id="top_gg1"><span>发电机维修</span> 发电机回收</div>
	<div id="top_gg1"><span>发电机出售</span> 发电机租赁</div>
	</div>
	<div id="tel"> <span>客户统一服务热线</span>
	<p>400-888-8888<br>
	13588888888</p>
	</div>
	</div>

static/picture/1652845870532542.png

<meta name="keywords" content="发电机网站模板,营销型网站模板,机电网站模板">
	<meta name="description" content="(PC+WAP)绿色营销型发电机pbootcms网站模板机电机械设备类网站源码下载">
	<meta name="author" content="www.adminbuy.cn K248">
	<link href="static/css/indexcss.css" rel="stylesheet" type="text/css">
	<script language="JavaScript" type="text/javascript" src="static/js/indexjs.js"></script>
	</head>
	<body>
	<link href="static/css/allbag.css" rel="stylesheet" type="text/css">
	<!--head-->
	<div id="head_box">
	<div id="head">
	<div id="head_left">欢迎您访问我们的网站，我们将竭诚为您服务！</div>
	<div id="head_right"><a href="">返回首页</a> \| <a href="k2582.html">产品中心</a> \| <a href="k2583.html">在线留言</a> \| <a href="k2584.html">联系我们</a></div>
	</div>
	</div>
	<!--top-->
	<div id="top">
	<div id="top_logo"><a href=""><img src="static/picture/1652845870532542.png" alt="(PC+WAP)绿色营销型发电机pbootcms网站模板机电机械设备类网站源码下载" height="70"></a> </div>
	<div id="top_img"></div>
	<div id="top_gg">
	<div id="top_gg1"><span>发电机维修</span> 发电机回收</div>
	<div id="top_gg1"><span>发电机出售</span> 发电机租赁</div>
	</div>
	<div id="tel"> <span>客户统一服务热线</span>
	<p>400-888-8888<br>
	13588888888</p>
	</div>
	</div>

发布于 2023-07-11 16:12

懒人模板

发布于 2016-09-23 23:52

免费合同模板下载链接： https://pan.baidu.com/s/11b3kC3HyRXBn6YUs7eDvvw

提取码：kgjy

发布于 2021-12-25 11:45

Boss设计

网页设计师可以亲手设计自己的作品，但是如果是刚刚开始接触网页设计的朋友来说，需要学习优秀的网页作品，那么免费的PSD网页设计模板非常合适新手，通过预先设计好的网页设计模板，不但可以提升设计能力，还可以提升工作效率哦。

下面整理了50个免费的PSD网页设计模板，基本涵盖了目前流行的网页布局类型和设计风格，完全是PSD源文件，各个素材分层整理清晰，这些优秀的网页模板都是免费可下载哦，注意的是部分的网站需要科学上网才能访问，或者浏览比较慢，都需要耐心等候的哦。

Music Website PSD Template (Free)

Music & Band Responsive Website Template (Envato Elements)

Desktop & Mobile PSD Template (Free)

Transworld Skateboarding PSD Template (Free)

Education PSD Web Template (Free)

Leospa One-Page PSD Template (Free)

MITV Website PSD Template (Free)

TravelCream Travel Guide Landing Page PSD (Free)

The DO Website Hero Templates (Free)

Clemo Multipurpose PSD Template (Envato Elements)

Remote Jobs Website Template PSD (Free)

National Geographic Website PSD Template (Free)

Technology Website Hero Template (Envato Elements)

Waxom Homepage PSD Template (Free)

MI Talent Website Template (Free)

Search Website PSD Template (Free)

One-Page Corporate Agency PSD Template (Free)

Crypto Wallet Website Template (Free)

Real Estate Landing Page Design Template (Free)

Unity Multipurpose PSD Template (Free)

Merkury Business PSD Web Template (Free)

Moderno Dashboard PSD Template (Free)

Silon One Page eCommerce PSD Template (Free)

1992 Creative e-Commerce PSD Template (Envato Elements)

Avenue Fashion eCommerce Template (Free)

Luxury eCommerce & Blog Templates (Free)

The Bakery Website PSD Template (Free)

Tanner Collections eCommerce Template (Free)

Wooder PSD Template (Free)

Shoply Landing Page Template (Free)

eCommerce Website PSD Template (Free)

Ocolus Modern Multi-Purpose eCommerce PSD Template (Free)

上述就是Boss设计转载分享的50个国外免费PSD网页设计模板，更多的设计资源和设计神器，关注Boss设计给你带来优质免费的设计素材。

编辑于 2021-12-10 17:56

下载了模板以后，先要了解这套模板，是什么架构的，最重要是后台的原理。可以到凡科建站找，然后你看你想要哪种类型的网站模板，直接在线编辑就行，不用下载那么麻烦的

发布于 2017-05-08 20:35

有些平台是不用下载的，比如凡科自助建站这个，复制一个模板，直接就可以在线编辑设计了

发布于 2016-12-07 15:02

你还在找网页模板？这里有3000多个！

借助现成的网页模板，可以大大的提高我们网页制作的速度，可以让没有相关建站技术的小伙伴也能自己搭建想要的网站。

比如下面这个网站就给用户提供了超过3000个好看又专业的网页模板，行业涉及装修、美容、服装、广告、教育、IT、家居、旅游、酒店、花店、婚庆、零食……想用哪款一键选用即可！

模板这么多，我们应该怎么选择呢？

1、看功能

无论是商电商网页、预订网页还是其他网页，都有特定的功能要求，我们应该需选择能基本上满足要求的模板，这样就不需要在后期麻烦的添加额外功能或进行二次开发。

2、看布局

在选择网页模板时，我们不应该被那些好看的图片所迷惑。我们应该更加注意模板界面的布局。只有当网页有一个良好的布局时，我们才能更好地发挥模块的作用，增强用户体验。

更多精美网页模板，快到这里来体验吧↓↓↓

发布于 2022-05-31 15:21

moban.ml

这个网站不错之前找他做的还行吧

发布于 2022-06-08 11:15

摹客 已认证账号 · Accepted Answer

网页设计有难题？12款网页设计模板给你灵感！

作为网页设计师，你的作品就是你专业水平的最好体现方式。所以，无论是参加面试还是个人作品展示，你的网页模型是否能让人眼前一亮，是否能在交互设计或视觉设计方面突出任何一点的优势，是你取得面试机会和赢得客户的关键。

在网页设计的初始阶段，原型/线框/模型设计必然是一个关键步骤。如何通过网页模型呈现设计思路，如何设计出优秀的网页模型，如何取得设计灵感？

这里，摹客为大家整理了一些设计精细并且优质的免费网站设计模型，或许可以为你下一次的网页模型设计提供一些思路。

免费网页模型

在参考阶段，免费的网页模型往往是初学者的首选。毫不犹豫，我们为大家奉上一批免费的网页模型案例，拿走不谢！

1. Amcharts - 工具类网页模型

参考点：登陆界面设计

下载地址： http://doc.mockplus.cn/wp-content/uploads/2018/04/Amcharts.zip

该网站模型的原型是Amcharts公司开发的JavaScript Charts，是兼容性好的JavaScript、HTML5图表开发工具，能满足大部分的开发需求。

此模板中有Products，Download，Support，Buy，Demos等5个页面，网站设计采用了悬浮导航栏和footer的效果，可用于订单购买，登陆，图标展示等网页界面设计参考。

2. Dribbble - 设计类网页设计模型

参考点：多资源多链接页面布局

下载地址： http://doc.mockplus.cn/wp-content/uploads/2018/04/Dribbble.zip

Dribbble是一个面向创作家、艺术工作者、设计师等创意类作品的人群的社区网站。作为设计平台类的佼佼者，此网页设计模板很好的展示了如何处理多资源多链接，图文结合，图文链接的网页排版模式，是一个非常值得学习和参考的优秀模板。可以参考的页面有：主页、设计师页面、找工作页面等。

3. 轻站 - 设计类网页设计模板

参考点：真实设计师作品网站，可免费套用模板

官网： www.qingzhan.com（建议电脑端打开）

轻站是一个无代码建站工具平台，无需翻墙，网站支持PSD/sketch等格式导入，像UI设计师，能将设计稿快速转为网页，自定义交互后即可发布为网站或小程序；设计师也可以高效制作作品集、打造个人站和IP。如果不会设计也不要紧，可以使用站内丰富、美观的模版，随意更改内容和交互形式，创建专属于自己的页面和小程序。而这些都是免费的。

4. BBC - 新闻类网页设计模型

参考点：信息排版布局

下载地址： http://doc.mockplus.cn/wp-content/uploads/2018/04/BBC.zip

BBC是英国最大的新闻广播机构，属于新闻类的网站，所以网站没有过多花哨的内容，网站布局以信息排版为主。可以参考的页面有：主页、新闻页面、天气页面、视频页面等。

5. Shopify - 电子商务类网页设计模板

参考点：电子商务信息布局

下载地址： http://doc.mockplus.cn/wp-content/uploads/2016/12/Shopify.zip

作为一个典型的在线电子商务平台，Shopify不仅仅只是提供专业的电子商务网站建设服务，同时也开展基于社交网络的电子商务，即卖家通过Shopify在Facebook、Pinterest、Twitter等几个主流社交网络平台上就可以开店。

此网页模型主要展示了登录页面、主页、销售方法页面、价格页面、博客页面等。是制作电子商务类网站必看的模板之一。

6. edX - 教育类网页设计模板

参考点：列表视图布局

下载地址： http://doc.mockplus.cn/wp-content/uploads/2017/01/edX1.zip

edX是一家在线课程提供商，为世界各地的学生提供了各种学科的在线大学课程，其中也包括一些免费的课程。整个网页模板设计元素以图片组件和文字组件为主，逻辑清晰，简明直观。

主要页面有：主页、课程列表页面、课程详情页面、程序页面、关于页面。此模板适用于教育机构网站或在线课程类网站。课程介绍页面的设计思路尤其值得学习。

7. Pexels - 图片素材类网页设计模板

参考点：图片瀑布流设计

下载地址： http://doc.mockplus.cn/wp-content/uploads/2018/04/Pexels.zip

Pexels是一个高清图片下载服务站点，为用户提供海量共享图片素材的网站，每周都会定量更新。网站首页采用悬浮设计，将菜单栏和底部栏都是悬浮在固定位置，内容区域滚动。首页图片排列采用瀑布流的方式，多图片滚动。包含的页面有：浏览页，下载页，注册页，登陆页。

PSD透视网站模型

拥有透视效果的网站设计模型可以让你从不同角度展示你的设计布局，让你的设计看起来更像真实的产品，而不是静态的模型。

8. Perspective Website Mockup

参考点：等距角度切换

下载地址： https://dribbble.com/shots/1507002-Perspective-Website-Mockup

该透视网站模型是个简单的模型，可以在一个透视展示中展示你的作品。这个PSD模型允许你在一个等距的角度切换设计。无论您是否需要一个页面或更多的页面，您都可以更改模板中的视图数量。

9. Perspective Website PSD Mockup

参考点：智能物体改变侧面外观、背景

下载地址：

https://graphicriver.net/item/perspective-presentation-web-mockup-09/19342170?ref=slidesmash

此案例以绝佳的独特视角演示了网页设计模板，多样化的图层设计和让人眼前一亮的视觉体验使整个设计充满了高级感。通过智能对象改变背景，即可自动透视。

10. The Screens Perspective PSD Mockups

参考点：支持阴影、尺寸调整

下载地址： https://dribbble.com/shots/4034063-Freebie-The-Screens-Perspective-PSD-Mockups

The Screens是一个Behance和Dribbble上的设计师们用来展示他们的项目的免费PSD模型模板。高分辨率的视觉效果使其极具现代风格。作为一个智能PSD网站透视图，您可以轻松地将自己的设计添加到智能图层中，轻松实现阴影、尺寸的调整、屏幕编辑，以及自定义背景。

11. Misocial – Free Website PSD Mockup Template

参考点：智能元素+谷歌字体

下载地址： https://dribbble.com/shots/3400116-MISOCIAL-Free-PSD-Template

MISocial是一个免费的音乐网站类PSD模板，在Behance上深受好评，获得大量分享。它可以帮助很多人更轻松，更快地创建新网站。

“我们精心制作了7个网页，其中包含对开发新网站至关重要的元素。这些图像都是免费的，并包含在智能对象中。我们使用的字体是免费的Google字体。”

12. Free Isometric Website Mockup

参考点：等距透视

下载地址： https://dribbble.com/shots/2819112-Free-isometric-mock-up-for-website-1280x720px

这个网站模型旨在以优雅、独特而有吸引力的方式展示您的Web截图。这个模型由等距的Smart objects组成，这样您就可以将您的独特设计结合到2个模型中。这个模型有一个透视图，并且文件是通过智能对象分层的，也就是说你可以通过自己定制页面的元素来使用模板。

13. Perspective Presentation Web Mockup

参考点：主题定制

下载地址：

https://zippypixels.com/product/mockups/perspective/superb-free-perspective-website-mockup/

这个模型可以提供关于你的网站设计中的一个视角的特写。该模板的分辨率达到了3000×2000px，可以完全分层的智能对象和多变的背景，便于你定制不同的主题。它还包括一个预先设计好的模板，以帮助你快速入门。

网站模型设计工具

这部分的内容主要是回答如何设计出优秀的网页模型。关于这个问题，主要是取决于网页模型设计工具的选取。作为前期工作，网页模型设计可低保真，也可高保真，可快速设计，也可慢工出细活。以下，为大家整理几个好用的网页模型设计工具。

1. 摹客RP - 简单快速的网页模型设计工具

作为一款桌面端的网页设计工具，摹客RP在原型/线框设计方面也同样具有出色的表现。较其他在线网页模型设计工具而言，摹客RP不仅仅是擅长于静态模型的制作，在交互设计方面也尤其独特的无法比拟的优势。

其最新发布的格子和数据自动填充功能针对多图文的网页布局案例来说十分便捷，例如Dribbble。设计师设计者可以快速填充：姓名、日期、文本（句子或段落）及邮箱等文本类型，常用的头像（写实/卡通）、办公、美食及其他多种多样主题的高清图片。为设计师省去了大量的查找素材的时间。

2. Moqups - 在线网页模型设计工具

Moqups是一个非常好的、免费的HTML5应用，通过它可以创建朴素的线框图、实体模型和UI概念图。该程序使用起来非常简单，内置的模板可以直接使用（模板包括单选按钮、链接、图像占位符、文本框以及滑块等）。缺点在于它只能制作静态的网页展示，不能在实际演示中进行动态的操作。

3. Mockingbird - 在线网页模型设计工具

Mockingbird是另一个流行的基于网络的线框应用程序，其中包含了一些功能强大的功能，用于链接和分享您的网页模型。

Mockingbird允许您使用拖放编辑器快速创建界面。

摹客-产品设计协作神器

产品经理，在与设计师和开发的协作中，你是否遇到这样的问题？

需求沟通难：需求表达抽象化，设计师和开发不能有效了解视觉和功能需求。
走查效率低下：需找到问题并截图，记录下问题所在，再转发修改，沟通效率十分低下。
项目管理不方便：在设计师、程序员两头奔走，产品设计进程难以把控。

没关系，用摹客解决你的需求：

支持多种的原型（Axure、Justinmind、Mockplus）和各类文档，直接在线预览；
多种批注样式，更好地表达想法和意见；
可迭代状态图上线，轻松管理预览多状态；
快速制作交互原型，支持多种手势交互、动画特效。

官网： 摹客，更快更简单的产品设计协同软件

插播一句，摹客RP春季大促来袭！

【个人版】买一年送一年，还有终身版低至5折！

【团队版】打包更划算，最高立省千元！

现在下单，即送摹客精选PM大礼包！

摹客RP全年最强优惠，戳链接立即参与：

哪里有比较好的网页模板可以下载？

18 个回答

网页设计有难题？12款网页设计模板给你灵感！

免费网页模型

1. Amcharts - 工具类网页模型

2. Dribbble - 设计类网页设计模型

3. 轻站 - 设计类网页设计模板

4. BBC - 新闻类网页设计模型

5. Shopify - 电子商务类网页设计模板

6. edX - 教育类网页设计模板

7. Pexels - 图片素材类网页设计模板

PSD透视网站模型

8. Perspective Website Mockup

9. Perspective Website PSD Mockup

10. The Screens Perspective PSD Mockups

11. Misocial – Free Website PSD Mockup Template

12. Free Isometric Website Mockup

13. Perspective Presentation Web Mockup

网站模型设计工具

1. 摹客RP - 简单快速的 网页模型设计工具

2. Moqups - 在线网页模型设计工具

3. Mockingbird - 在线网页模型设计工具

相关阅读：

一、确定网站主题

二、准备填写网站内容

三、网站总体规划

四、准备工具

五、制作网页

六、完成搭建，来欣赏一下成品模板吧！

Boss设计

Music Website PSD Template (Free)

Music & Band Responsive Website Template (Envato Elements)

Desktop & Mobile PSD Template (Free)

Transworld Skateboarding PSD Template (Free)

Education PSD Web Template (Free)

Leospa One-Page PSD Template (Free)

MITV Website PSD Template (Free)

TravelCream Travel Guide Landing Page PSD (Free)

The DO Website Hero Templates (Free)

Clemo Multipurpose PSD Template (Envato Elements)

Remote Jobs Website Template PSD (Free)

National Geographic Website PSD Template (Free)

Technology Website Hero Template (Envato Elements)

Waxom Homepage PSD Template (Free)

MI Talent Website Template (Free)

Search Website PSD Template (Free)

One-Page Corporate Agency PSD Template (Free)

Crypto Wallet Website Template (Free)

Real Estate Landing Page Design Template (Free)

Unity Multipurpose PSD Template (Free)

Merkury Business PSD Web Template (Free)

Moderno Dashboard PSD Template (Free)

Silon One Page eCommerce PSD Template (Free)

1992 Creative e-Commerce PSD Template (Envato Elements)

Avenue Fashion eCommerce Template (Free)

Luxury eCommerce & Blog Templates (Free)

The Bakery Website PSD Template (Free)

Tanner Collections eCommerce Template (Free)

Wooder PSD Template (Free)

Shoply Landing Page Template (Free)

eCommerce Website PSD Template (Free)

Ocolus Modern Multi-Purpose eCommerce PSD Template (Free)

你还在找网页模板？这里有3000多个！

模板这么多，我们应该怎么选择呢？

1. 摹客RP - 简单快速的网页模型设计工具