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

相关推荐

  • 应用中的游戏化设计

    作者:_Ammy   游戏借着其互动性、反馈性、挑战性、快速成长性等特点,拥有着让玩家长期专注于其中的神奇力量。而若将游戏的这些特点引入到一般的产品设计上,也可能会产生意想不到的效果,这就是游戏化。游戏化的…

    交互专题 2017-08-07
  • 全面揭秘!详析 Adobe XD 的团队内部使用的设计思考流程

    你有没有想过,如果有一种通用公式,能让你设计出创新性的产品、用户体验或服务,这世界将会发生什么? ——我指的可不是那些慢吞吞的递进式优化,我要说的是"破坏性"的革新! 可能你觉得我说的不太现实,好吧,我承…

    2016-10-18
  • 5个突破点,设计更具吸引力的圣诞节Banner及专题页面

    圣诞节即将来临,如何突破固化思维,开阔新的思维,让我们的圣诞节Banner及专题页面设计更有意思更具吸引力呢?不妨跟随作者的脚步,发散下思维,一起来寻找灵感?活动主题:惊艳圣诞Party
    大标题:够红才够女王范儿
    小标题:口红新品/限量发售
    定位分析,先理解一下这个活动要表达的几个意思:
    (1)这是圣诞节活动;
    (2)这是卖口红的圣诞节活动;
    (3)买这只口红的人是梦想自己在圣诞Party上成为最受瞩目的那位女王的人;
    (4)这只口红是新品,谁先买了谁就能抢一步体验当女王的感觉,价格多少是其次;
    (5)买这只口红的人应该是爱玩的年轻少女或少妇,内心是渴望放纵渴望变美渴望变时尚的。

    2017-05-13
  • iOS与安卓的交互特点

    1、物理硬件(detail返回到list) 电源、屏幕、返回、搜索 2、操作动作:(编辑删除、长按删除) android:长按-双击 ios:基本手势(滑动) 3、导航栏(detail返回到list、个人中心drawer) 跳转按钮、展示数据(…

    交互设计 2018-03-13
  • 以文本框为例,了解交互设计师在工作中的逻辑思考方法

    文本框是设计工作中常见的组件之一,无论是PC还是无线,大多仅是样式上的不同,它们的交互行为上是可以相互参照的。本文想从这一简单的组件出发,让大家看到交互设计师在工作中的逻辑思考方法,从而达到见微知著的直观感受。

    2017-05-17
  • 成也排版败也排版:一个选择的过程

    作为设计师有一个重要的技能:如何选择文字。这是因为文字是设计师和客户沟通的主要方式之一。那么排版就是决定你设计好坏的重要因素。GoldenRatio (1:1.618)
    1.000x 1.618 = 1.618
    1.618x 1.618 = 2.618
    2.618x 1.618 = 4.236
    4.236x 1.618 = 6.854
    6.854x 1.618 = 11.089GoldenRatio (1:1.618)

    11.089x 1.618 = 17.942
    17.942x 1.618 = 29.03
    29.030x 1.618 = 46.971
    46.971x 1.618 = 75.999
    75.999x 1.618 = 122.966MinorSecond 15:16
    MajorSecond 8:9
    MinorThird 5:6
    Major Third 4:5
    …PerfectFourth (3:4)

    9.969x 1.333 = 13.288
    13.288x 1.333 = 17.713
    17.713x 1.333 = 23.612
    23.612x 1.333 = 31.475
    31.475x 1.333 = 41.956
    41.956x 1.333 = 55.927FontSizes
    Header1: 55px
    Header2: 42px
    Header3: 31px
    Header4: 24px
    Header5: 14px
    Body:17px
    Caption:14px

    2017-05-01
  • 『小米只卖产品 不卖节操』雷布斯站在巨人的肩膀上做了什么?

    文章来自设计癖 2014 年 12 月 9 日,小米又一次涉嫌抄袭。这一次的对象,是日本巴慕达公司的 AirEngine 安之风空气净化器。同样的专利许可授权纠纷,同样深表遗憾的回应。巴慕达与曾经的魅族、年初的 Pressy 以及…

    2014-12-27
  • “创造完美的用户体验。” 中国最当红工业设计师 —— 杨明洁

    Designer100是+86设计共享平台推出的中国高端设计师第一推广品牌,致力于设计师推广的全球巡展、设计师大奖、视频计划、沙龙论坛的社会公益项目。杨明洁YANG DESIGN及羊舍创始人福布斯中国最具影响力设计师同济大学及南京大学客座教授融合了德意志逻辑思维与中国人文精神的设计理念,也使得杨明洁成为了包括波音、奥迪、宝马、博世、飞利浦、英菲尼迪、可口可乐等众多国际顶尖品牌的合作伙伴,从眼镜箱包到飞机内舱,从消费电子到交通工具,从茶具...

    2018-02-26
  • 设计干货推荐|四类弹框的四大设计准则

    弹框是交互设计中非常重要的一个点,这类设计不仅考验交互设计师的综合能力,也能从产品看出整个团队的整体水平如何。这就是一个细节,但是细节往往决定成败。

    2017-05-21
  • sketch 也能快速绘制轴测视角

    轴测图(isometric),这种能同时反映物体三个坐标面形状的表现手法,让原本停留在二维空间的构想扩展到了三维世界。宛如蛟龙得水,一跃获得了大家青睐。除了具有差异性的展示效果,其应用范围也很广。插画、图标、界面…… 不用惊讶,我们早晚是要步入虚拟化时代,三维呈现是大势所趋,轴测图是这场革命中一个微妙的平衡点。作品来源:追波Shirley for UIGREAT很多朋友绘制轴测图都愿意用 AI,其次也是 PS。但实际上,Sketch 也...

    2018-03-10