免费 20个设计优秀的HTML网站模板

在这个互联网时代,很多企业或是个人都搭建有自己的网站,用于宣传营销或个人网站博客等用途。而对于小企业、个人或不懂设计网站的用户来说使用网站模板将是最好的建站方式,设计达人网致力分享高品质免费素材,所以网页模板也分享过不少,正如今天为大家分享的25个设计优秀的HTML网站模板

在这些HTML模板中有些使用流行的Bootstrap框架构建,并兼容手机端访问,风格多样化,有适合企业、个人作品展示、APP宣传网站等。

下面这些网站模板很多设计师也不一定设计出来,而且用目前最新的HTML5+CSS3编写,质感有保证。喜欢的可以分享到微博收藏或挑选一个合适模板使用!

扁平化APP网站模板

用来推荐APP产品的HTML模板,界面布局友好,展示和介绍排版相当到位。

073301zFI

在线演示 | 进入下载页 | 微盘下载

BlueWater 网站模板

如果你是渡假村、旅游景点类的行业,用这个来做网站就最适合不过了。

073302O0P

在线演示 | 进入下载页 | 微盘下载

Strata

简纸的布局排版,用于个人博客,个人作品展示很不错 。

0733020aF

在线演示 | 微盘下载

Landed

首屏以全屏形式展示,向下滑动页面会看到视差特效,该模板还有多种排版布局以及常用的设计小元素,比如表单、小按钮、大按钮等,更多请看演示页。

07330278d

在线演示 | 微盘下载

HIGHLIGHTS

十分漂亮的单页网站,特别适合个人主页,写点自己的简介,放张自己的特写照片上去,NICE!

073302W2s

在线演示 | 微盘下载

Arcadia Portfolio

漂亮的单页模板

073302kNP

在线演示 | 进入下载页 | 微盘下载

EGRET

看来现在都流行用灵魂按钮(透明背景,带边框的按钮),看起来确实不错,该模板还有个卡片式切换效果很赞,请看演示页,很优秀的一个HTML5模板。

073302H3F

在线演示 | 进入下载页 | 微盘下载

TA Magazine

不仅是一个HTML模板了,而一个Wordpress主题,很强大哦。

073302RyM

在线演示 | 进入下载页 | 微盘下载

Boxify

HTML5 & CSS3单页网站模板,使用Bootstrap,Fancybox,jQuery Waypoints,Animate.css,Flickity等相关框架和插件。

073302x4K

在线演示 | 进入下载页 | 微盘下载

CYRUS STUDIO

单页企业模板,时尚大气,支持手机网页。

073303wxF

在线演示 | 微盘下载

La Casa

顶面菜单与banner图片接合得很好,很漂亮。La Casa是一个响应式HTML5模板,干净、醒目、现代的风格。

0733031Iw

在线演示 | 进入下载页 | 微盘下载

Passion

一个窄屏HTML网页,用来作EMAIL营销模板会很好!并且是响应式设计,所以用来做电子邮件模板最好不过了。这样设计也为了方便手机查看。

073303HK1

在线演示 | 进入下载页微盘下载

Material HTML Base Theme

Material Design风格的HTML网站模板,首页banner有点意义,像打字机一样把文字输出来,你可以想点有意思的句子放上去。

073303X85

在线演示 | 进入下载页

App Landr

一个简单的APP展示页面。

073303cO0

在线演示 | 进入下载页

Awesome Landing Page

全屏着陆页,有5个颜色可选,整体美观漂亮。

0733039r9

在线演示 | 进入下载页

AppPonsive

适合工作室的单页网站,青蓝色配色,干净的版式设计,支持手机网页,使用Bootstrap框架,可以轻松自定义里面的内容。

073304fAl

在线演示 | 进入下载页 | 微盘下载

项目展示页

横向+垂直条纹方式展示你的作品,确实有有新鲜感。

073304U4u

在线演示 | 进入下载页

Agro Plus

一个扁平化风格的模板,使用Bootstrap框架,有首页、关于我们、服务、产品、联系我们多个页面。首页区,在用户向下滑动页面时,会有一些细微动画效果,很不错。

073304UdF

在线演示 | 进入下载页 | 微盘下载

3D窗帘特效模板

073304iGV

在线演示 | 进入下载页

MocKit

一个使用HTML/CSS实现的手机模型,有黑白2色,可用以它来展示你的APP图片。下载后是PHP格式,直接改为.HTML即可。

073304isu

在线演示 | 微盘下载

原创文章,作者:Smiler李想,如若转载,请注明出处:https://www.iamue.com/4246/

(0)
Smiler李想Smiler李想
上一篇 2015-03-17
下一篇 2015-03-17

相关推荐

  • 全面了解iOS 11

    作者:沄海   UI得以迅速发展,苹果公司功不可没,他开启了移动化浪潮,拥有了世界各地超过十亿的设备,有潜力使任何想法或设计成为主流。这一次,苹果对之前对设计风格做了较大变动。 今天分析的两个版本分别是 iO…

    交互专题 2023-03-03
  • 交互设计五要素

    在交互设计中,我们要了解这一过程的流程是什么?总体可以分为五个要素:目的、用户、场景、媒介、行为。1、目的:首先要弄清楚,这个产品或功能的目的是什么?目的是为了解决用户的某个需求或者给公司带来价值,这…

  • 《用户体验可视化指南》视频讲书(4)

    这是《用户体验可视化指南》书中第一章的最后一个视频了。继续上个视频继续介绍几种共线图,这次横向比较各种共线图的差异,使用它们的原则和好处。点击视频观看(大约14分钟,推荐室内安静、有wifi环境下播放)兰静同学听后分享这节内容是第一章的精华,一定一定一定要边听边看书本,最好多看几遍。主要分为2个部分:在这节视频中,结合书本第3个大模块中的内容,详细讲解了这5类常见共线图的差异和各自的特色。闭上眼睛想一想,要是还想不起来服务蓝图、体验地图...

    2018-04-07
  • 用户体验方向的复试炸药包

    喜大普奔,北师大终于出分数线了,虽然心理学部的院线还没有出来~但是过没过线,你心里应该没点Balance吗?对于没有参加提前复试的同学,对于接下来的复试,师兄在这里想灵魂拷问一番,准备好复试了吗?知道怎么准备吗?知道UX复试要考什么吗?别问我,我也不知道。但是作为去年参加过正常批复试而且成绩不低的老司机,我还是可以在这说两句的。(咳咳~全场都注意啦!)参加过去年提前复试的同学应该知道去年UX的复试变动很大,比之前两年灵活了很多,辅导机构...

    2018-03-07
  • 互联网+时代,让用户体验到你的专业性

    物质种类丰富之后,市场要面对的新重点就成了“用户体验”。只有“功能”的商品即使做成百宝箱也只能昙花一现,能够让客户用得舒心用得愉悦才是现代产品的应有魅力。在企业竞相提升体验的大潮中,“别让我等、别让我想、别让我烦”的用户三大心态仍然是大部分厂商的改良依据,然而总有一些人可以在这一基础上做得更加精细周到,成为“体验战”的大赢家。01曾经被无视的用户体验如今是神兵利器在计划经济时代,消费者的选择余地很小,导致了厂商只注重“功能”不注重“体验...

    2018-05-07
  • 【干货·基础】字体单位 pt如何换算成 px?或者px如何换算成pt?

    px:相对长度单位。像素(Pixel)。 pt:绝对长度单位。点(Point)。 1in = 2.54cm = 25.4 mm = 72pt = 6pc 具体换算是: Points Pixels Ems Percent 6pt 8px 0.5em 50% 7pt 9px 0.55em 55% 7.5pt 10px 0.625em 62.5…

    交互设计WiKi 2015-09-09
  • Axure-小红书APP登陆界面划屏效果制作

    有一款叫做小红书的APP(不是小黄书)登陆界面做的非常清新脱俗,教他家用Axure模仿练习一下他的登陆界面划屏效果,这个内容虽然有些多,但是制作方法并不难,耐心跟着做的话肯定没问题哒!点击观看效果 效果分析 …

    2016-01-06
  • 双十一来了,淘宝的登录页有bug?我有解决方案!

    关于淘宝的登录页设计中的BUG,本文作者就用所学的用户研究、交互设计以及产品经理相关的知识来分析一下,并提出了自己的解决方案。

    2017-05-17
  • 用户体验系列05:降低用户记忆负担的五种类型

    碎片化应用,是一个日益被强化的概念,诠释了用户的使用场景。其实在碎片化应用的背后,也映射出用户需要面对海量的数据,需要承载的东西太多了。一个好的产品,在某些方面应该是能够帮用户减负的产品,降低用户记忆负担就是重要的一环。能让产品帮用户记忆的,就尽量不让用户记,增加用户负担。这里我汇总了五种常见的类型,以供大家参考。一个用户正在用手机看新闻,此时屏幕顶部弹出一条消息,告诉你预约的家政人员会在下午上门;然后用户退出新闻客户端,看到家政APP图标右上角提示有一条信息;打开APP并进入消息中心,看到了那条信息。除了提醒信息外,还提供了家政人员的姓名、电话等信息,用户可以直接点击手机号联系家政人员;当用户完成了一系列操作,退出APP,APP图标的提示标识也消失了。

    2017-05-03
  • 至纯至简|手机百度8.0设计总结

    8.0是手机百度发展过程中一个重要里程碑,它不仅延续了产品建立以来的要点,打破历史包袱,与时俱进地从体验和产品角度进行了创新,通过全新的整体交互框架与视觉风格,将搜索、语音搜索、FEED流信息获取、多垂类服务等进行了再设计。

    2017-05-12