创建网站最好办法之一是使用现成的网站模板或使用开源 CMS 应用程序。所以,今天这篇文章给大家带来的是16款基于 HTML5CSS3 的精美的扁平风格网站模板,大家可以借助这些优秀的网站模板创建自己的优秀网站。这些网站模板虽然是收费,但是都提供了在线演示,所以……你懂的:)

Persona – HTML5 Parallax Portfolio Theme

充满吸引力的一款网站模板,扁平化设计风格,动感的视差滚动效果。

在线演示     模板下载

Superb – Responsive One-Page Portfolio

Superb 是一个基于 HTML5 & CSS3 的响应式单页作品集网站模板。

在线演示     模板下载

Next – Unique & Easy Portfolio Template

这款精美的网站模板提供了三套风格的设计:全屏背景、单页滚动以及 Metro 面板。

在线演示     模板下载

 

Creatrix – Flat Responsive Template

扁平化设计风格的响应式网站模板,大量使用了 CSS3 动画效果。

在线演示     模板下载

Flatnica – Ultimate Flat Template

带有 jQuery 滑块以及精美字体图标的扁平风格的 HTML5 & CSS3 模板。

在线演示     模板下载

Flati – Flat Design Bootstrap Template

一款专业的响应式的 HTML5 作品集网站模板,基于 Twitter Bootstrap 创建。

在线演示     模板下载

Straight – Creative Flat Template

适合设计师、自由职业者的创意扁平化风格网站模板。

在线演示     模板下载

Hypertext – Flat Portfolio Template

时下流行的扁平化的、响应式的 HTML5 & CSS3 网站模板。

在线演示     模板下载

Rinna – Flat One Page Template

很有范的扁平化设计的单页网站模板,基于 HTML5 & CSS3 技术。

在线演示     模板下载

iLevel – Flat Design Bootstrap Template

这是另一款基于 Twitter Bootstrap 创建的扁平风格网站模板。

在线演示     模板下载

Fraiche – Flat One-Page Portfolio Bootstrap Template

适合个人和团队的扁平化风格单页网站模板,也是基于 Twitter Bootstrap 创建的。

在线演示     模板下载

Paris – Responsive HTML5 Template

Paris 是一个功能齐全的响应式的 HTML5/CSS3 网站模板。

在线演示     模板下载

Focus – Fully Responsive Portfolio Template

Focus 是基于时下流行的响应式 & 扁平化设计风格的作品集网站模板。

在线演示     模板下载

Grid – Responsive Portfolio Retina Template

Grid 也是一款响应式的个人作品集网站模板,支持 Retina 显示。

在线演示     模板下载

Renova – Unique One Page Theme

Renova 是一款设计独特的单页网站模板,采用扁平化的设计风格。

在线演示     模板下载

Alfie – Responsive Bootstrap Html Template

最后这款网站模板同样是基于 Twitter Bootstrap 的响应式网站模板。

在线演示     模板下载

英文来源:HTML5/CSS3 Flat Portfolio Website Template

编译来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

16个时髦的扁平化设计的 HTML5 & CSS3 网站模板的更多相关文章

  1. 腾讯CDC谈扁平化设计

    扁平化设计无疑是当前讨论最多,最火的设计形式,自ios7面世以来更是将扁平化设计的讨论推向风口浪尖. 在这里我不想分析拟物设计和扁平化设计的优劣,更不想说谁更好!在形式服从内容的今天,我只能说哪种设计 ...

  2. PPT扁平化设计总结

    注:以下内容基本都来自知乎,由于已经不记得网址了,所以未能附上所有相关链接,抱歉. PPT扁平化设计原则一.亲密:意思相近的内容放在一起二.对齐:页面上的某两个元素之间总是围绕一条直线对齐三.对比:有 ...

  3. 11款扁平化设计的 Twitter Bootstrap 主题和模板

    扁平化设计和 Bootstrap 框架是2013年网页设计领域的两大设计潮流.把这两者集合起来不是件容易的事情,使用下面这些主题和模板将节省我们的开发时间,因为我们可以修改已有的基础代码,而不是从零开 ...

  4. 扁平化设计五大原则(转自CSDN翻译)

    Cousins表示他虽然对扁平化设计的感觉非常强烈,但并没有特别热爱或者特别讨厌扁平化设计.他认为好的设计不应当局限于某种设计风格,而需要更注重可用性.有用性.如果因为时尚的缘故,那就顺其自然吧.但该 ...

  5. 扁平化设计的最新趋势 – 长阴影(Long Shadow)

    随着互联网的发展,网页设计变得越来越复杂,如今设计的外观和感觉实现网站功能说使用的开发技术一样重要.互联网的功能远远不只是基本的信息共享,现在人们对网站的期望是远远大于几年前的. 如今,HTML5 & ...

  6. (旧)子数涵数·UI设计——扁平化设计

    一.基本资料 1.由来 扁平化设计这个概念,是由Google(谷歌)在2008年提出的:它的首个实践者是microsoft(微软),microsoft在2012年发行了win8系统,这个系统的外观主题 ...

  7. jquery mobile扁平化设计样式--Jquery mobile Flat UI介绍

    jquery mobile扁平化设计样式--Jquery mobile Flat UI介绍 这几天开发的web app使用了jquery mobile,jquery mobile自带的样式比较适合做企 ...

  8. HTML5+CSS3网站设计教程 (张晓景,胡克) [iso]

    <HTML5+CSS3网站设计教程>系统地讲解了CSS的基础理论和实际运用技术,并结合多个案例讲解了采用CSS与层布局相结合制作网页的方法,在详细讲解各个案例的制作中,不仅介绍了CSS样式 ...

  9. 【UI设计】扁平化设计之流行色值

    收集了一些颜色值 顏色表示方法: 以命名方式定义经常使用的顏色,如color="green".可是自由度较低,何况单词量...... 以RGB值表示.如#FF0000表示red(红 ...

随机推荐

  1. 【异常】VS中运行HTTP 无法注册URL

    参考资料 http://www.java123.net/detail/view-449670.html http://www.cnblogs.com/jiewei915/archive/2010/06 ...

  2. Python自动化测试(1)-自动化测试及基本技术手段概述

    生产力概述 在如今以google为首的互联网时代,软件的开发和生产模式都已经发生了变化, 在<参与感>一书提到:某位从微软出来的工程师很困惑,微软在google还有facebook这些公司 ...

  3. python property

    python property 在2.6版本中,添加了一种新的类成员函数的访问方式--property. 原型 class property([fget[, fset[, fdel[, doc]]]] ...

  4. as3commons-bytecode 获取所有类的一个BUG

    下载了这个swc,号称可以反射出所有加载的类.已经用在了spring. 可是一运行就报错,说bytearray.uncompress出错.操. 下载整个源码,单独加载as3commons-byteco ...

  5. IOS 公共类-数字处理

    1.写一个方法,调用的时候交换两个数的值 -(void) swap:(int*)a andNumber:(int*)b{ int temp = *a; *a = *b; *b = temp; } 调用 ...

  6. Oracle增删改DML脚本记录

    --insert into添加数据 ','王军','男'); --提交事物 commit; --回滚事物 --rollback; insert into teacher1 select * from ...

  7. 知方可补不足~row_number,rank,dense_rank,ntile排名函数的用法

    回到目录 这篇文章介绍SQL中4个很有意思的函数,我称它的行标函数,它们是row_number,rank,dense_rank和ntile,下面分别进行介绍. 一 row_number:它为数据表加一 ...

  8. 第2讲 Redis常用命令与高级应用

    目录 一.redis数据类型 5. sorted sets类型和操作 二.Redis常用命令 1.键值相关命令 2.服务器相关命令 三. redis高级应用 1. 给redis服务器设置密码 2.持久 ...

  9. bower使用记录

    每次做项目的时候都不依赖某一个库来开发,每次需要某一个库的时候都是百度进入库官网再找到下载的库,经常会因为官网的改版更新而在里面绕半天找不到想要的版本号,当然直接去github,CDN 都可以找到需要 ...

  10. Atiti  qq空间破解(3)------------gui图形化通用cli执行器atiuse

    Atiti  qq空间破解(3)------------gui图形化通用cli执行器atiuse 结构:::命令行+以及反馈log框1 cli_guiUI/index.htm1 /AtiPlatf_c ...