在《老外的个人网站原来是这般设计的:17个最佳范例给你灵感》一文中,我和大众分享了17个优秀个人网站范例。相信看过的伴侣必定会被这些精美独特的网站深深吸引,是不是亦想要创立一个专属于自己的个人网站呢?看见漂亮的事物,想要创造出一样漂亮的事物是人之常情。但你亦许会说,不会编程,不会UI, 时间亦匮乏,怎么创立自己的网站呢?有些伴侣亦许就此望而却步。那就真的太过遗憾。
别担心,本文我整理了25个优秀个人网站设计模板,你会发掘,原来不消编程,亦不消自己设计界面,各式各样取之不尽的主题便是你的网站UI,创立个人网站原来能够如此简单。
一样,本文中我会根据个人网站的常用类别展开:
1. 作品展示型个人网站 - 类似于Dribbble和Behance等平台,设计师展示个人作品,但个人网站主动性和功能性更强更丰富;
2. Blog风格的个人网站 - 设计师分享自己的设计理念和想法,交换信息,吸引粉丝和关注;
3. Online shop型的个人网站 - 此类个人网站会有商场用途;
4. 简历型个人网站 - 优化传统简历,更好的呈现自己的作品和技能,找到更好的工作;
5. 个人摄影网站 - 展示平面设计师,摄影师等的作品,是作品集网站的一种;
6. 通用型个人网站 模板 - 可适用于多种类型。
另外,个人网站还有区别的制作工具和主题,例如基于HTML编辑器,基于Flash互动网页制作工具,运用Website Builder直接设计,Wordpress主题等等,我亦将在每一个举荐里展示出来,供给选取。
一. 作品展示型个人网站模板
1)John Doe - 基于HTML5 的单页免费作品集个人网站模板
特点:
运用最新的CSS Framework- Bootstrap创建
流畅的CSS3 动画效果和jQuery插件.
完全的可自定义编辑
响应式界面设计
Google字体
一样适用于blog类型的个人网站设计
![](https://mmbiz.qpic.cn/mmbiz_png/Pf1bRfk75tWx2xWOpgicAlk0DvYibWMtbh6OKJItQvicZqJcIibw3LQMCsvq8mVtJicKZG0jorgte6x5gMIxJo7YOiag/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1)
John Doe尤其适合自由职业设计师的作品集个人网站制作,能够充分展示自己善于什么以及想做什么,亦能够展示自己以前的作品或项目。 界面设计富有创意且优雅。 只需一分钟,你就能够认识该模板是怎样运用,及其简洁方便。
这儿已然有有些运用该模板制作个人网站的真实案例:
Link 1: MARK DAVIES – IT CONSULTANT
Link 2: موقع مؤسسة إدارة البناء للمقاولات العامة
Download here.
2) Assemble - 专属的作品集设计模板
特点:
18个美观的主页,单个项目模板,以及无数的作品集设计布局。
酷炫的菜单样式和出色的悬停效果。
可编辑的内置页面和响应式设计。
完全兼容于电子商务广泛运用的免费WooCommerce插件。
亦适用于个人博客网站设计。
![](https://mmbiz.qpic.cn/mmbiz_png/Pf1bRfk75tWx2xWOpgicAlk0DvYibWMtbheC0FzIxL4UMYdrFg9ehd3EbUibdk00VtKOmzngB2lH2hBe2VtGkqSZQ/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1)
Assemble是一个免费的在线作品集设计网站,能够将您的设计作品以一种完美的方式展示出来。它包括18个美观的主页供您自由选取,随心设计,打造专属的个人作品集网站。
Download here
3)Instant - 免费的响应式作品集个人网站模板
特点:
包括3页的WordPress主题模板。
运用Bootstrap 3构建。
全屏幕和视差背景。
适用于多种浏览器。
精美字体。
![](https://mmbiz.qpic.cn/mmbiz_png/Pf1bRfk75tWx2xWOpgicAlk0DvYibWMtbhQCc2733vXYuE1CN9RXsHSBicHwqibYNaUcFJYFP96encFroTr4uGnzMA/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1)
Instance是哪些才华横溢的专业设计师创立个人网站的不二选取。设计精美,界面干净,极具创意。包括精心设计的HTML5 Bootstrap模板。 它是专门为个人作品集网站建设而设计的。最重要的,该模板完全免费!
用户反馈:“ Beautiful work. A cure to poorly designed eye-sore websites. Thanks for your work!! ” - Daniel Ekal.
Download here.
4) Template.net - 作品集展示模板
特点:
基于HTML5构建。
100%可自定义编辑。
紧跟最新设计趋势并且极具独特风格。
包括作品集,简历,商场用途等网站模板。
Template.net 供给丰富的个人网站模板,包含可用于展示制品的设计,作品集或插图。尤其作品集模板的创意主题被广泛运用。这个基于HTML5的作品集模板为设计增添了独特的触感,能够帮您丰富网站创意。
![](https://mmbiz.qpic.cn/mmbiz_png/Pf1bRfk75tWx2xWOpgicAlk0DvYibWMtbhpnCanTV9dF62q4ujdBhiaWIqFXUHwBDa7NWmoAs1DRK8eia1zU2TDrsQ/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1)
Download here.
5) Erika - 轻量型的个人作品集网站模板
特点:
基于Bootstrap 3.x创建。
完全的响应式设计。
包括页面模板。
包括HTML&CSS&JS文件和有效的 HTML5 / CSS3。
8 个主页模板,3 个标题样式,24 个作品集设计选取,以及55 页面模板。
包括Ajax的动态PHP联系表单。
![](https://mmbiz.qpic.cn/mmbiz_png/Pf1bRfk75tWx2xWOpgicAlk0DvYibWMtbhZziavgvH68UrDaTtkWMTiaCIib6JEwGDMyJ59GJiaJPOr9zVXsGkibVZKOA/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1)
这是一个包括8个主页变体的多页面个人网站模板。 编码良好,你还能够将其容易的转换为WordPress格式。在干净的白色背景上,文字和其他网页元素清晰可见,您能够清晰地展示您的作品。用户能够容易地在页面标签之间切换,以查看您的作品集。悬停效果和其他动画效果非常酷炫。
Download here.
6) Martin - 极具创意的单页网站模板
特点:
基于Bootstrap最新版本创建。
包括HTML5,CSS3,jQuery。
完全的响应式设计。
免费更新。
seo优化良好。
![](https://mmbiz.qpic.cn/mmbiz_png/Pf1bRfk75tWx2xWOpgicAlk0DvYibWMtbhSep9yUXz2LBT7siaT5PVeibM3vdkfc4ovSornrMUeRcClOaOiacfX7k4w/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1)
Martinis 是一个简单,富有创造性和完全可响应的HTML模板,可用于展示您的作品集和个人信息。该模板中运用了所有的现代技术,例如HTML5,CSS3,bootstrap和jQuery。该模板能够给你一个个人空间,无论是设计师,研发人员,摄影师,都能够在这儿进行创意设计。
Download here.
二. 个人博客网站模板
1)Pofo - 创意Html5 / Css3博客网站模板
特征:
快速页面加载。
免费更新。
极佳的创造性和互动性,灵活强大的HTML5 / CSS3模板。
25个以上的主页演示,包含一个页面主页,210多个HTML页面,150多个区别风格的独特元素。
![](https://mmbiz.qpic.cn/mmbiz_png/Pf1bRfk75tWx2xWOpgicAlk0DvYibWMtbhwa4upsiaCQgw5U1765LiccehiaP8ZvTMrZeEpkzzk3icMEtSvwMG5ibEia5A/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1)
您能够运用Pofo中区别的列表样式构建一个专业的博客界面,还能够自己制作博客和画廊,或运用Slider Revolution设置照片里的任何内容。运用Pofo创建博客的一个优点是一切都很简单。它易于浏览(简单,干净的图像框和文本框),方便阅读(直观的博客文案页面样式)。页面加载速度快,并在搜索引擎上进行了优化。
Download here.
2)Free CSS - 多样化博客模板
特征:
各样博客模板主题。
基于HTML5构建。
响应式设计。
亦能够用于摄影作品集和商场博客。
![](https://mmbiz.qpic.cn/mmbiz_png/Pf1bRfk75tWx2xWOpgicAlk0DvYibWMtbho7e1s2Scibw5v7tKIsdEdeiajrPXtPIZxBgqdeODbqrhRePVv1nc93gA/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1)
Free CSS是一个区别主题的博客模板的大集合。每一个主题都有特殊的功能和特殊,是一个分享您的想法和写作的好地区。只需选取你最爱好的一个主题,就可立即创建一个个人博客网站。所有主题都是就免费的!
Download here.
3)Ablogia - 个人博客网站模板
特征:
基于Bootstrap 4.0.0-beta创建。
基于HTML5&CSS3构建。
现代且极具创造性的设计。
W3C有效的HTML。
完美像素。
800多种Google字体。
![](https://mmbiz.qpic.cn/mmbiz_png/Pf1bRfk75tWx2xWOpgicAlk0DvYibWMtbhEWZjo2WdUvqJrNzyI2ohw614eO6iap0GuPWqMuKy4kwX2aWeJb2196g/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1)
Ablogia是一个简单,干净且优雅的博客模板,运用现代技术,如最新bootstrap,html5,css3,jquery等创立了这个模板。界面非常干净。
Download here.
4)Creativemarket - WordPress博客主题
特征:
超过960个WordPress博客主题。
基于Bootstrap 4.0.0-beta创建。
用HTML5&CSS3构建。
搜索引擎优化。
![](https://mmbiz.qpic.cn/mmbiz_png/Pf1bRfk75tWx2xWOpgicAlk0DvYibWMtbhOoTL5MlDmaRuIdCpgKPzlmkAIlbDibhjllTNYwglicrBttic2grjico11g/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1)
该模板包括了近千个WordPress主题。您能够体验流畅的博客网站加载和页面切换。博客主题与白色和浅蓝色形成鲜明的对比,你想要展示的信息会清晰呈现。该模板的创立基于最新的HTML5和CSS3技术,并有搜索引擎优化。您能够选取将主题翻译成多种语言,且适用于所有浏览器。
Download here.
5)Read Personal Blog Template
特点:
用bootstrap构建。
响应式设计。
干净的布局。
完整的文档。
![](data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E)
Read是最轻量化的个人博客设计模板。有干净的界面和响应的主题。 它适用于任何种类的个人博客网站设计,例如旅行日记或教程博客。
Download here.
三. 个人电子商务/网店网站模板
1. Preface - 免费的响应式网站模板
特征:
响应式设计。
基于Bootstrap和jQuery创建。
W3C有效的HTML5和CSS3。
![](data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E)
Preface是一个质量一流的免费个人网站模板。完全响应式设计,UI界面设计高级拥有质感。这个免费的个人Bootstrap模板拥有高质量的设计和代码。它充分响应,可用于商场和个人推广目的。免费下载!
Download here.
2)Jevelin
特征:
一键式网站安装。
拖放元素就可的页面生成器。
社交共享功能。
搜索引擎优化。
多语言和RTL支持。
终身更新和用户支持。
![](data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E)
Jevelin是一个响应式的WordPress主题模板。不需任何专业背景,针对非程序员或忙碌的人来讲是最合适不外的。它持有有海量页面元素可供选取。 贴心的是,供给视频教程来指点你。它运用拖放页面生成器和MegaMenu来简化许多面板任务。Jevelin本质上是多用途的,适用于多种浏览器或各样设备。Jevelin亦持有优化的SEO导航。
Download here.
3)Kards - 免费的个人网站模板
特征:
充分响应的HTML5和CSS3模板。
极具现代感且干净的设计。
时间轴项目。
易于自定义。
兼容所有主流浏览器。
![](data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E)
Kards基于Bootstrap框架设计,是个人作品集,博客或商场用途的最佳模板。 组织有序的代码使它很容易进行自定义设计和运用。它的创意设计能够吸引客户到您的网站,使其作为您的业务合作伙伴。 该模板跨浏览器兼容,完全免费。
download here.
四. 个人简历网站模板
1) CVstrap - 免费的个人网站模板
特征:
响应式设计。
基于Bootstrap 3构建。
![](data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E)
CVSTrap在众多的模板类别中是独一无二的。 这是一个免费的简历型HTML5模板,运用该模板,创建一个满意的简历个人网站只需不到一个小时。
Download here.
2)Juleha - 单页简历模板
特征:
用Bootstrap构建。
多样的字体选取。
动画标题。
基于HTML5和CSS3创建。
完美配色方法。
Ajax联系表单。
容易自定义。
![](data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E)
Juleha是一个简洁干净的单页简历模板。 支持的浏览器包含IE 10+,最新的Firefox,最新的Chrome,最新的Safari,最新的Opera等。
Download here.
3)Easy Resume – 免费的响应式模板
特征:
用Bootstrap 3构建。
包括HTML5和CSS3。
包括JavaScript和jQeury。
单页多层布局设计。
Google的移动设备测试。
跨浏览器兼容。
![](data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E)
EASY RESUME是一个Bootstrap响应式网站模板。设计尤其,拥有令人印象深刻的视频横幅。 这个完全响应式的模板是运用HTML5,CSS3和Bootstrap框架设计的。 特殊设计之处在于:颜色,图像,悬停动画,平面网格模式,视频背景等。该模板完全免费。
Download here.
五.个人摄影网站模板。
1)Click - 免费的响应式的个人作品集网站模板
功能:
全屏幕标题背景。
跨浏览器兼容。
流畅的CSS3动画。
100%的搜索引擎优化。
100%完全可自定义设计。
用HTML5和CSS3构建。
Bootstrap前端框架。
![](data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E)
Click是一款干净免费的HTML5 Bootstrap模板,专为个人摄影作品和专业摄影展示设计。该模板由供给者精心设计,强调排版和整体用户体验。区别年龄周期的设计师或摄影师都能够在这儿展示自己的作品。所有服务完全免费!
Download here.
2)Liza Photography - 令人惊叹的摄影网站模板
特征:
9令人惊叹的画廊布局。
全屏图库支持。
多个菜单布局。
用HTML5和CSS3构建。
强调排版和可用性。
拥有650多种Google字体的高级版。
免费终身更新。
![](data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E)
该模板是一个优秀的HTML网站模板,您能够创建一个专业的作品集网站并且创建一个博客。 该模板有各样各样的画廊,如网格等,能够很好的展示您的摄影作品。
Download here.
3)SELFIE - 个人摄影师HTML模板
特征:
响应式布局。
滑块介绍方式。
Instagram新闻介绍。
Html 5和CSS3。
包含一个页面布局。
包含博客单页和博客仔细信息页面。
![](data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E)
SELFIE是一个极具现代感的摄影师网站模板。专为摄影师设计,能够表示您的照片库。该模板拥有独特和现代的页面布局,供给了一系列的多设计和多布局选取。该模板是完全响应式的,并已针对平板电脑和智能手机进行了优化。
Download here.
4)Opta - 最轻量的的作品集和摄影HTML模板
特征:
响应式布局以适应任何屏幕尺寸。
简单的图像滑块和文本滑块。
Google Web字体。
PHP联系表格。
任何时候都能够直接向模板研发人员得到一流的支持。
![](data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E)
Opta是一个简约的作品集和摄影HTML模板。运用此模板,您能够只用几个过程就能创建一个惊人的网站。该模板灵活且易于定制,并且是响应式布局。
Download here.
六. 其他通用型个人网站模板
1)Awesome - 免费的响应式个人模板
Download here.
![](data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E)
2)Wix - 强大的个人网站生成器和模板供给者
Download here.
![](data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E)
3)Universal - 轻巧的智能化html5 模板
download here.
![](data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E)
4)Unibody - 多功能多页面的HTML5模板
Download here.
![](data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E)
借助这些模板,常常不需要花费太多的精力就能够自己创建一个个人网站,乃至不消一行代码,就连UI亦有付费和免费的主题能够一键搞定。期盼这些优秀的个人网站模板能给您设计网站供给帮忙。然则倘若你还是想要持有独一无二的个人网站,设计师仅有去真正的进行创作和设计。你需要好的设计灵感,一点一点打造,这儿举荐您运用国内最好的原型设计工具Mockplus进行初步构思,把界面和元素进行整合排版,并且搭建相应的交互。最大的优点是你能够在网页进行HTML演示,在线查看您的构思是不是恰当,设计是不是美观,这对后期的设计和研发都将大有裨益。
扫描二维码,关注 “摹客” 微X公众号
![](data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E)
|