免费 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

相关推荐

  • 张茂泽:论黄帝陵的文化内涵 | 黄帝陵国家文化公园规划设计大师工作营

    📌 编辑 | 璇仔编者按:由陕西文化产业投资控股(集团)有限公司、陕西省黄帝陵文化园区管理委员会、黄陵县人民政府和CBC建筑中心共同发起的“黄帝陵国家文化公园规划设计大师工作营”,邀请了中国具有代表性的六位规划大师及其领衔的团队作为核心设计团队,通过共同驻地,对黄帝陵国家文化公园进行实地调研、研讨,分别提出未来黄帝陵国家文化公园的规划设计理念及方案。3月9日,西北大学中国思想文化研究所教授张茂泽作为探班大师来到工作营现场,以《论黄帝陵的...

    2018-03-17
  • 交互设计如何影响公司的发展

    在我的工作体验里,交互设计在公司,尤其是软件公司、互联网、智能家居/硬件公司里是非常非常重要的。好的交互设计师在公司里不仅会得到其他人的尊重和肯定,也会影响公司的重大决策。1.交互设计帮助留住用户交互设计的出发点是满足目标用户的需求、解决他们遇到的问题。它可以增加产品的易学性和易用性,提高效率。它使产品架构更合理,减少用户操作步骤,提高效率。同时,好的交互设计可以增强产品的趣味性,强化体验,帮助树立品牌形象。交互设计对于留住用户、增强用...

    2018-03-09
  • 关于微信聊天与朋友圈如何快速切换的小讨论

    用微信时,你是否遇到这样的情况。你正刷着朋友圈,享受着各种鸡汤,这时候,你收到一条微信,一看是女王大人,不得不回。你诚恳的回了一条,等了二十秒不见有什么回应,于是就退了出来,进入朋友圈找到那篇没看完的文章,没看两行字,那边就回复你了,于是你又乖乖地回过去,来来回回,很麻烦!那,为什么聊天和朋友圈间不能有一种更快捷的切换方式呢?其中A代表微信聊天页,B代表微信其它功能页,X代表实现A和B快速、便捷切换的操作或交互方式。我们不妨先来分析一下聊天页面的功能分布和操作特点。以安卓的微信群聊为例(不要为为什么),其它类似,一共可以分为三类,共14种操作,与手指间的交互动作共有5种。定义好问题、了解好现状后,我做了改善的尝试,下面将有可行度的一些方案与大家交流一下。

    2017-06-03
  • 如何改善产品 UX 设计,这 5 条原则也许能帮到你

    本文编译自Medium,作者 Clark Wimberly 是一位用户体验(UX)设计师。

    2017-06-04
  • 让视觉设计变得高效+有说服力的4个步骤

    确定情感关键词 -> 情绪版 -> 脑爆概念设计 -> 用户验证

    2017-05-26
  • 交互设计启示录:交互设计三大标准,信息表述五种方式

    交互设计本就该是互联互通环环相扣的。设计的作用在于寻找功能和社会间的接点, 在功能足以说明一切的前提下,装饰是可以节制的,如何把握节制的度是考验一个设计师是否成熟的标尺。—— 田中一光

    2017-05-04
  • 【交互设计面试经验】2015年1月20日-交互设计师面试问题分享

    面试时间 2015年1月20日 阿西导读: 今天起我们给交互设计行业的朋友们开一个福利栏目:交互设计师面试分享我们在分类里叫交互设计面试,无论你是新手交互还是UI转UE 或是PM转UE又或者PM兼职UE。 不论怎样你都需要知…

    2015-01-21
  • 大数据应用的用户体验分析

    版权所有©德塔精要,转载请注明出处用户对产品或服务的认同是由用户体验的过程所决定的,一个具备良好用户体验的IT系统对内可以提高员工工作效率,对外可以提高客户满意度和忠诚度,最终为企业带来不菲的经济效益或社会效益。因此,组织的IT战略必须实现IT与业务的融合,面向客户和关注用户体验管理。但目前用户体验管理是当前IT业务运营的弱项,也许我们能够了解IT资源的每个细节,但却不知道用户感受怎么样,不利于IT系统的优化和完善。缺乏用户体验管理以及...

    2018-03-12
  • 资讯类APP竞品分析报告

    一、摘要 为了能深入了解主流新闻客户端在「功能模块」、「内容运营」以及「界面交互」上的特点,我对Zaker、今日头条、网易新闻这3款APP进行了对比分析,并得出结论: Zaker定位于具备明确新闻需求的用户,整体较…

    2015-03-17
  • 新手转向资深的必经之路——交互文件命名的最详细规范(下)

    接着上一篇文章《新手转向资深的必经之路——交互文件命名的最详细规范(上)》继续整理文件命名的规范继续,今天来讲讲Sketch的Artboard(画板)命名和Layer(图层)命名、Symbol(组件)的命名、导出图片的处理方式。Sophia的tips:真正的高手,细节都做的很好!

    2017-05-01