在《老外的个人网站原先是这样设计的：17个最佳范例给你灵感》一文中，我和你们分享了17个优秀个人网站范例。相信看过的同学一定会被那些精巧别致的网站深深吸引，是不是也想要构建一个专属于自己的个人网站呢？看到美丽的事物，想要创造出同样美丽的事物是人之常情。但你也许会说，不会编程，不会UI,时间也短缺，如何构建自己的网站呢？一些同学似乎就此望而兴叹。那就真的太过遗憾。
别害怕，本文我整理了25个优秀个人网站设计模板，你会发觉，原先不用编程，也不用自己设计界面，各色各样取之不尽的主题就是你的网站UI，完善个人网站原先可以这么简单。
同样，本文中我会根据个人网站的常用类别展开：
1.作品展示型个人网站-类似于Dribbble和Behance等平台，设计师展示个人作品，但个人网站主动性和功能性更强更丰富；
2.Blog风格的个人网站-设计师分享自己的设计理念和看法，交换信息，吸引粉丝和关注；
3.Onlineshop型的个人网站-这种个人网站会有商业用途；
4.简历型个人网站-优化传统简历，更好的呈现自己的作品和技能，找到更好的工作；
5.个人摄影网站-展示平面设计师，摄影师等的作品，是作品集网站的一种；
6.通用型个人网站模板-可适用于多种类型。
据悉，个人网站还有不同的制做工具和主题，例如基于HTML编辑器，基于Flash互动网页制做工具，使用WebsiteBuilder直接设计，Wordpress主题等等，我也将在每位推荐里展示下来，提供选择。
一.作品展示型个人网站模板
1）JohnDoe-基于HTML5的单页免费作品集个人网站模板
特征:
使用最新的CSSFramework-Bootstrap创建
流畅的CSS3动漫疗效和jQuery插件.
完全的可自定义编辑
响应式界面设计
Google字体
同样适用于blog类型的个人网站设计
JohnDoe尤其适宜自由职业设计师的作品集个人网站制做，可以充分展示自己擅长哪些以及想做哪些，也可以展示自己先前的作品或项目。界面设计颇具创意且柔美。只需一分钟，你就可以了解该模板是怎样使用，及其简约便捷。
这儿早已有一些使用该模板制做个人网站的真实案例：
Link1:MARKDAVIES–ITCONSULTANT
Link2:موقعمؤسسةإدارةالبناءللمقاولاتالعامة
Downloadhere.
2）Assemble-专属的作品集设计模板
特征：
18个美观的主页，单个项目模板，以及无数的作品集设计布局。
拉风的菜单款式和出众的悬停疗效。
可编辑的外置页面和响应式设计。
完全兼容于电子商务广泛使用的免费WooCommerce插件。
也适用于个人博客网站设计。
Assemble是一个免费的在线作品集设计网站，可以将您的设计作品以一种完美的形式展示下来。它包含18个美观的主页供您自由选择，随心设计，构建专属的个人作品集网站。
Downloadhere
3）Instant-免费的响应式作品集个人网站模板
特征：
包含3页的WordPress主题模板。
使用Bootstrap3建立。
全屏幕和视差背景。
适用于多种浏览器。
精致字体。
Instance是这些才气横溢的专业设计师构建个人网站的不二选择。设计精巧，界面干净，极具创意。包含悉心设计的HTML5Bootstrap模板。它是专门为个人作品集网站建设而设计的。最重要的，该模板完全免费！
用户反馈：“Beautifulwork.Acuretopoorlydesignedeye-sorewebsites.Thanksforyourwork!!”-DanielEkal.
Downloadhere.
4)Template.net-作品集展示模板
特征：
基于HTML5建立。
100％可自定义编辑。
紧随最新设计趋势而且极具独到风格。
包含作品集，简历，商业用途等网站模板。
Template.net提供丰富的个人网站模板，包括可用于展示产品的设计，作品集或插图。尤其作品集模板的创意主题被广泛使用。这个基于HTML5的作品集模板为设计平添了奇特的触感，可以帮您丰富网站创意。
Downloadhere.
5)Erika-轻量型的个人作品集网站模板
特征：
基于Bootstrap3.x创建。
完全的响应式设计。
包含页面模板。
包含HTML＆CSS＆JS文件和有效的HTML5/CSS3。
8个主页模板，3个标题式样，24个作品集设计选择，以及55页面模板。
包含Ajax的动态PHP联系表单。
这是一个包含8个主页变体的多页面个人网站模板。编码良好，你还可以将其轻松的转换为WordPress格式。在干净的蓝色背景上，文字和其他网页元素清晰可见，您可以清晰地展示您的作品。用户可以轻松地在页面标签之间切换，以查看您的作品集。悬停疗效和其他动漫疗效特别拉风。
Downloadhere.
6）Martin-极具创意的单页网站模板
特征：
基于Bootstrap最新版本创建。
包含HTML5，CSS3，jQuery。
完全的响应式设计。
免费更新。
SEO优化良好。
Martinis是一个简单，富于创造性和完全可响应的HTML模板，可用于展示您的作品集和个人信息。该模板中使用了所有的现代技术，例如HTML5，CSS3，bootstrap和jQuery。该模板可以给你一个个人空间，无论是设计师，开发人员，摄影师，都可以在这儿进行创意设计。
Downloadhere.
二.个人博客网站模板
1）Pofo-创意Html5/Css3博客网站模板
特点：
快速页面加载。
免费更新。
绝佳的创造性和互动性，灵活强悍的HTML5/CSS3模板。
25个以上的主页演示，包括一个页面主页，210多个HTML页面，150多个不同风格的奇特元素。
您可以使用Pofo中不同的列表式样建立一个专业的博客界面，还可以自己制做博客和画廊，或则使用SliderRevolution设置图片里的任何内容。使用Pofo创建博客的一个优点是一切都很简单。它适于浏览（简单，干净的图象框和文本框），便捷阅读（直观的博客文章页面款式）。页面加载速率快，并在搜索引擎上进行了优化。
Downloadhere.
2）FreeCSS-多元化博客模板
特点：
各类博客模板主题。
基于HTML5建立。
响应式设计。
也可以用于摄影作品集和商业博客。
FreeCSS是一个不同主题的博客模板的大集合。每位主题都有特殊的功能和特色，是一个分享您的看法和写作的好地方。只需选择你最喜欢的一个主题，就可立刻创建一个个人博客网站。所有主题都是就免费的！
Downloadhere.
3）Ablogia-个人博客网站模板
特点：
基于Bootstrap4.0.0-beta创建。
基于HTML5＆CSS3重构。
现代且极具创造性的设计。
W3C有效的HTML。
完美象素。
800多种Google字体。
Ablogia是一个简单，干净且柔美的博客模板，使用现代技术，如最新bootstrap，html5，css3，jquery等完善了这个模板。界面十分干净。
Downloadhere.
4）Creativemarket-WordPress博客主题
特点：
超过960个WordPress博客主题。
基于Bootstrap4.0.0-beta创建。
用HTML5＆CSS3重构。
搜索引擎优化。
该模板包含了近千个WordPress主题。您可以体验流畅的博客网站加载和页面切换。博客主题与黄色和浅棕色产生鲜明的对比，你想要展示的信息会清晰呈现。该模板的构建基于最新的HTML5和CSS3技术，并有搜索引擎优化。您可以选择将主题翻译成多种语言，且适用于所有浏览器。
Downloadhere.
5）ReadPersonalBlogTemplate
特征：
用bootstrap建立。
响应式设计。
干净的布局。
完整的文档。
Read是最轻量化的个人博客设计模板。有干净的界面和响应的主题。它适用于任何种类的个人博客网站设计，例如旅行日记或教程博客。
Downloadhere.
三.个人电子商务/淘宝网站模板
1.Preface-免费的响应式网站模板
特点：
响应式设计。
基于Bootstrap和jQuery创建。
W3C有效的HTML5和CSS3。
Preface是一个质量一流的免费个人网站模板。完全响应式设计，UI界面设计中级具有质感。这个免费的个人Bootstrap模板具有高质量的设计和代码。它充分响应，可用于商业和个人推广目的。免费下载！
Downloadhere.
2）Jevelin
特点：
一键式网站安装。
拖拽元素即可的页面生成器。
社交共享功能。
搜索引擎优化。
多语言和RTL支持。
终生更新和用户支持。
Jevelin是一个响应式的WordPress主题模板。不需任何专业背景，对于非程序员或繁忙的人来说是最合适不过的。它拥有有大量页面元素可供选择。贴心的是，提供视频教程来指导你。它使用拖拽页面生成器和MegaMenu来简化许多面板任务。Jevelin本质上是多用途的，适用于多种浏览器或各类设备。Jevelin也拥有优化的SEO导航。
Downloadhere.
3）Kards-免费的个人网站模板
特点：
充分响应的HTML5和CSS3模板。
极具现代感且干净的设计。
时间轴项目。
便于自定义。
兼容所有主流浏览器。
Kards基于Bootstrap框架设计，是个人作品集，博客或商业用途的最佳模板。组织有序的代码使它很容易进行自定义设计和使用。它的创意设计可以吸引顾客到您的网站，使其成为您的业务合作伙伴。该模板跨浏览器兼容，完全免费。
downloadhere.
四.个人简历网站模板
1）CVstrap-免费的个人网站模板
特点：
响应式设计。
基于Bootstrap3建立。
CVSTrap在诸多的模板类别中是独一无二的。这是一个免费的简历型HTML5模板，使用该模板，创建一个满意的简历个人网站只需不到一个小时。
Downloadhere.
2）Juleha-单页简历模板
特点：
用Bootstrap建立。
多样的字体选择。
动漫标题。
基于HTML5和CSS3创建。
完美配色方案。
Ajax联系表单。
轻松自定义。
Juleha是一个简约干净的单页简历模板。支持的浏览器包括IE10+，最新的Firefox，最新的Chrome，最新的Safari，最新的Opera等。
Downloadhere.
3）EasyResume–免费的响应式模板
特点：
用Bootstrap3建立。
包含HTML5和CSS3。
包含JavaScript和jQeury。
单页多层布局设计。
Google的联通设备测试。
跨浏览器兼容。
EASYRESUME是一个Bootstrap响应式网站模板。设计非常，具有令人印象深刻的视频条幅。这个完全响应式的模板是使用HTML5，CSS3和Bootstrap框架设计的。特色设计之处在于：颜色，图象，悬停动漫，平面网格模式，视频背景等。该模板完全免费。
Downloadhere.
五．个人摄影网站模板。
1）Click-免费的响应式的个人作品集网站模板
功能：
全屏幕标题背景。
跨浏览器兼容。
流畅的CSS3动漫。
100％的搜索引擎优化。
100％完全可自定义设计。
用HTML5和CSS3重构。
Bootstrap后端框架。
Click是一款干净免费的HTML5Bootstrap模板，专为个人摄影作品和专业摄影展示设计。该模板由提供者悉心设计，指出排版和整体用户体验。不同年纪阶段的设计师或则摄影师都可以在这儿展示自己的作品。所有服务完全免费！
Downloadhere.
2）LizaPhotography-令人惊讶的摄影网站模板
特点：
9令人惊讶的画廊布局。
全屏图库支持。
多个菜单布局。
用HTML5和CSS3重构。
指出排版和可用性。
具有650多种Google字体的中级版。
免费终生更新。
该模板是一个优秀的HTML网站模板，您可以创建一个专业的作品集网站但是创建一个博客。该模板有各类各样的画廊，如网格等，可以挺好的展示您的摄影作品。
Downloadhere.
3）SELFIE-个人摄影师HTML模板
特点：
响应式布局。
滑块介绍形式。
Instagram资讯介绍。
Html5和CSS3。
包括一个页面布局。
包括博客单页和博客详尽信息页面。
SELFIE是一个极具现代感的摄影师网站模板。专为摄影师设计，可以显示您的相片库。该模板具有奇特和现代的页面布局，提供了一系列的多设计和多布局选择。该模板是完全响应式的，并已针对平板笔记本和智能手机进行了优化。
Downloadhere.
4）Opta-最轻量的的作品集和摄影HTML模板
特点：
响应式布局以适应任何屏幕规格。
简单的图象滑块和文本滑块。
GoogleWeb字体。
PHP联系表格。
任何时侯都可以直接向模板开发人员获得一流的支持。
Opta是一个简洁的作品集和摄影HTML模板。使用此模板，您可以只用几个步骤才能创建一个惊人的网站。该模板灵活且便于订制，而且是响应式布局。
Downloadhere.
六．其他通用型个人网站模板
1）Awesome-免费的响应式个人模板
Downloadhere.
2）Wix-强悍的个人网站生成器和模板提供者
Downloadhere.
3）Universal-轻巧的智能化html5模板
downloadhere.
4）Unibody-多功能多页面的HTML5模板
Downloadhere.
利用这种模板，常常不须要耗费过多的精力就可以自己创建一个个人网站，甚至不用一行代码，就连UI也有付费和免费的主题可以一键搞定。希望那些优秀的个人网站模板能给您设计网站提供帮助。而且假如你还是想要拥有独一无二的个人网站，设计师只有去真正的进行创作和设计。你需要好的设计灵感，一点一点构建，这儿推荐您使用国外最好的原型设计工具Mockplus进行初步构思，把界面和元素进行整合排版，但是搭建相应的交互。最大的优点是你可以在网页进行HTML演示，在线查看您的构思是否合理，设计是否美观，这对后期的设计和开发都将大有益处。
