设计协作,用摹客

更好的产品协作设计平台,设计师的利器,产品经理的帮手,工程师的伙伴

文章分类
设计1+2,摹客就够了!

摹客,支持Sketch/PS/XD/Figma/Axure设计稿交付、自动标注切图、全流程协作。助力产品团队高效工作!

立即开启
【友情推荐】uimaker - 专注于ui设计,为ui设计师提供ui设计相关教程、素材及灵感。

了解更多
入门教程 了解更多
成都君德鑫力达科技发展有限公司

分享到微信朋友圈:

打开微信,点击底部的“发现”,使用 “扫一扫” 即可将网页分享到我的朋友圈。

博客 > 网页设计 > 干货集锦——20个最佳Bootstrap着陆页模板,快速网页设计不是事儿

干货集锦——20个最佳Bootstrap着陆页模板,快速网页设计不是事儿

Trista
2018-10-23
213107

着陆页是网站上的一个至关重要的页面,一个好的着陆页,可以引导访客在登陆你的网站时进行一系列操作,进而达成注册,购买或者其他转化。因此,设计师们都必须精心设计着陆页,因为只有精心设计的页面才可以增加转化次数。那么,如何才能快速高效的进行着陆页设计呢?

现如今,一个很好的办法就是使用网页模板。但是虽说模板资源繁多,但是好资源却“一将难求”。设计师,甚至开发者,往往需要花费大量的精力才能找到一个优质的着陆页模板,实在是消耗巨大,效率极低。摹客今天为你精选了20个最佳Bootstrap着陆页模板,快速网页设计从此不是事儿。我们始终在以各种方式,让你的设计更快更简单!

5个2018年最好的免费响应式HTML5着陆页模板


1. Clymene

Clymene是一个完整的多功能HTML模板,可以广泛运用:作品集网站,博主网站,自由职业者网站,摄影师网站,餐馆,商店和旅行社网站等等。无论你是想呈现作品,还是展示产品或服务,这个模板都能涵盖到你需要的每个细节。Clymene还有经典的网格设计,简洁的Pinterest风格的砖石布局,具有最大化页面空间,可以制造极佳的用户体验。

特色:

l 免费Wordpress版本

l 触摸滑动支撑

l Premium旋转滑块(价值14美元)

多功能HTML模板-Clymene

https://elements.envato.com/clymene-creative-multipurpose-html-template-wp-6RYYF4

2. Sukces

Sukces是一款功能强大的HTML5 / CSS3个人简历网站着陆页模板,适合所有人群,无论是自由职业者,设计师,摄影师,还是其他任何行业人群都可以使用该模板快速设计网页。该模板是基于Bootstrap 3框架,具有完全响应式的设计,因此在任何设备上都可以完美展现。

特色:

l 精致的设计和动画效果

l 响应式HTML5和CSS3模板

l 完美的单页个人网站模板

l 10个演示版本

l 视频背景

l RTL支持

HTML5 / CSS3个人简历网站着陆页模板-Sukces

https://elements.envato.com/sukces-neat-personal-resume-cv-vcard-template-RY5AJN

3. Meal

Meal是由Free-Template.co设计和发布的免费单页 HTML着陆页模板,主题是关于餐厅行业的。 其包括简洁的转换页面、画布导航、食物菜单(包括早餐,午餐,晚餐切换器设计)、厨师简介、客户评论板块、预订表格等,该模板还有一个带有Google Maps集成功能的智能页脚。

特征:

l 预订食物菜单表格

l 谷歌地图

l 导航菜单响应式设计

l 团队推荐书


免费单页 HTML着陆页模板-Meal

https://onepagelove.com/meal

4. Tinos

Tinos是一个高级预订酒店的HTML模板,该模板不是多功能的,是专为酒店,度假村和客房预订而设计和开发的单屏固定模板。Tinos有两种版本,即Dark&Light,但是都是简洁时尚的设计风格。 该模板的字体使用很棒,Tinos和Montsreat可以的完美结合,带来一种奢华的设计效果。

特色:

l 30个HTML文件

l 可转换为Wordpress,Joomla或其他CMS

l 设计非常优雅和现代

l 容易定制的1170px网格

l 使用Bootstrap Grid制作,像素完美

高级预订酒店的HTML模板-Tinos

https://elements.envato.com/tinos-premium-booking-hotel-html-template-P4KVNA


5. Housing

Housing是一个视差滚动设计的房地产着陆页面模板,有助于将你的访客转换为未来的客户。该模板适用于房地产开发商,建筑师,代理商或任何与房地产相关的业务使用。该模板具有美观简洁的设计,用户可以在你的网站上获得愉快的用户体验。该模板使用Bootstrap 4构建。

特色:

l 视差效果

l 谷歌地图

l Bootstrap4

视差滚动设计的房地产着陆页面模板-Housing

https://elements.envato.com/housing-real-estate-landing-page-3CZ7UU

5个2018年最好的免费响应式Bootstrap着陆页模板

1、Business Casual

Business Casual是一个基于Bootstrap 4的完整网站模板,包含有多个设计精美的页面,其中有4个不同的HTML页面,还有多个自定义样式组件。该模板是一个易于开发的商业网站着陆页模板集锦。

特征:

l 支持所有主流浏览器和平台,版本稳定

l 使用Bootstrap 4创建的完全响应的HTML模板

l Bootstrap4的全新设计

l 4个预先构建的HTML页面


基于Bootstrap 4的完整网站模板-Business Casual

https://startbootstrap.com/template-overviews/business-casual


2. New Age

这是一个丰富多彩的Bootstrap着陆页面模板主题,适用于网络应用程序或其他商业用途。该模板可以帮助展示你的Web应用程序或其他任何内容。该模板采用大胆、色彩缤纷的设计,具有极强的视觉冲击效果。

特征:

l 无需Photoshop或图像编辑

l 自定义导航菜单,滚动动画

l 包括SASS / SCSS文件,更深入的自定义选项

l 使用nav,sections和asides进行语义标记

l 自定义按钮样式

l CSS渐变风格

Bootstrap着陆页面模板主题

https://startbootstrap.com/template-overviews/new-age/


3. Freelancer

该模板是一个单页Bootstrap作品集主题网站的着陆页模板,该模板最适合的人群是自由职业者。该模板面向freelancers.Built,支持所有最新的主流浏览器和平台,版本稳定;使用Bootstrap创建,具有完全响应式设计,该模板还具有移动端友好的联系表格与浮动表格标签。

特色:

l 包括SCSS / SASS文件和编译的CSS

l 滚动导航项目

l 响应式全屏模式窗口

l 使用Font Awesome的自定义图标

单页Bootstrap作品集主题网站的着陆页模板

https://startbootstrap.com/template-overviews/freelancer/


4. Appy

该模板是一个基于Bootstrap 1170px的应用程序着陆页HTML模板。该模板旨在帮助网站所有者销售具有创意和现代设计元素的移动应用程序,Appy包含了应用程序登录页面应包含的所有可能元素和页面。

特色:

l 无限的颜色

l 响应式设计

l Mailchimp集成

基于Bootstrap 1170px的应用程序着陆页HTML模板

https://elements.envato.com/appy-app-landing-page-html-template-A6D3G8


5. Grayscale

该模板是一个免费的,多用途的单页Bootstrap主题着陆页模板,具有深色配色方案和流畅的滚动动画。该模板具有自定义按钮样式,固定的顶部导航,滚动时折叠的导航设计,平滑滚动动画等,这些设计使得该模板非常吸引人。

特色:

l 支持所有主流浏览器和平台的最新版本

l 使用Bootstrap 4创建的完全响应式HTML模板

l SCSS/ SASS文件和编译的CSS

单页Bootstrap主题着陆页模板-Grayscale

https://startbootstrap.com/template-overviews/grayscale/

5个2018年最好的免费响应式Wordpress主题着陆页模板

1. Mggillis

Mggillis是一个为高等教育机构免费提供的Wordpress着陆页面主题模板。如果你觉得选择某个学校就读是一个重大决定,那么使用该模板的设计,可以帮助你获得最好的支持途径和支持内容。该模板是专用于教育行业,具有极简主义设计风格。

特点:

l 教育行业特定

l 使用5%或更多的副本提高转化率

l 优秀的表格设计

免费的高等教育机构Wordpress着陆页面主题模板-Mggillis

https://unbounce.com/landing-page-template/mcgillis-university-higher-education/


2. Moto

Moto 是一个WordPress主题的着陆页面模板,该模板具有很好的响应设计,以及干净和现代设计页面。该模板内容丰富,具有博客页面和博客详细信息页面;其简洁的线条图标营造了非常干净的UI界面设计,加之无限的色彩变化,非常吸引人。

特色:

l 创意和现代设计

l 主题布局

l 更快的拖放页面构建器

l 基于King Composer构建

WordPress主题的着陆页面模板-Moto

https://elements.envato.com/moto-wordpress-landing-page-theme-WH6JZ5R

3. Gaze

Gaze是一款优质的多功能WordPress主题着陆页模板。它的设计和开发考虑了实际运用过程中要求的简单性和灵活性,因此非常易于定制。该模板有超过18个演示版本,每个版本都有自己独特的风格和功能,还具有超过100个模块和元素。Gaze适合初创网站,作品集,数字代理商,商业公司,着陆页面,在线商店和个人网站使用。

特色:

l 干净的语义PHP代码构建

l 响应式Bootstrap网格

l 文件类型包含CSS,JS,PHP,PSD

多功能WordPress主题着陆页模板-Gaze

https://elements.envato.com/gaze-responsive-multipurpose-wordpress-theme-W9NRMWD

4. Stash

Stash是一个直观、灵活、强大的WordPress主题着陆页模板,旨在满足各种规模的商业网站需求。该模板是在考虑实用程序的基础上构建的,可以使你的内容以该模板现有的布局弹出。主题包括市场上最受欢迎的高级插件:Visual Composer,Revolution Slider和Essential Grid。

特色:

l 完全响应式设计

l 具有拖放界面和大量预先构建的元素

l 多种类型的布局

l 与WPML插件兼容


WordPress主题着陆页模板-Stash

https://goo.gl/4vy2XN


5. Photos

Photosy是非常适合展示摄影作品的WordPress主题着陆页模板。该模板包括了几个着陆页面布局,最大的特色是长滚动的单页面布局。亮点在于包括了carousal、Instagram提要、博客文章和带有多个选项的栏目。该模板具有全画布视图,可以缩放、全屏、自动播放幻灯片甚至是下载图像。

特征:

l 100%宽度布局

l 大图片博客

l 长滚动响应式设计

l 滑块幻灯片主题

WordPress主题着陆页模板-Photosy

https://onepagelove.com/photosy


5个其他的着陆页模板推荐

1. Atlas One Page HTML模板

Atlas是一个基于Bootstrap框架构建的免费单页HTML模板,适用于干净,长滚动的目标网页,功能包括清晰的排版,滚动时的内容加载过渡,时髦的角线,带有屏幕截图的设备,客户端和联系表单。

基于Bootstrap框架构建的免费单页HTML模板-Atlas

https://onepagelove.com/atlas-template


2. Product landing page

这是一个WIX旗下的主题着陆页面模板,主要用于促销网站的页面设计。该模板具有丰富的画面设计和商品展示板块,可以给你想要促销的商品带来很大的曝光展示量。

WIX旗下的主题着陆页面模板


https://goo.gl/K9ttX3

 

3. Drew


该模板将精美的设计和与页面相关的营销策略的设计结合在一起,可以呈现产品最佳的性能和功能。该模板包含许多组件和组件变体,可以自定义设计。

 


精美的设计和与页面相关的营销策略结合在一起

https://wrapbootstrap.com/theme/drew-all-in-one-marketing-landing-page-WB0350PTJ


 

4. Delta

Delta是一个HTML5着陆页模板,该模板简单明了,旨在帮助应用开发者推广其移动应用



HTML5着陆页模板-Delta

https://wrapbootstrap.com/theme/delta-promote-mobile-app-bootstrap-4-WB09R23P8


 

5. Prottasha

 

Prottasha是一个专业的HTML5着陆页面模板,适用于任何类型的慈善,非营利,非政府组织和捐赠网站。它是使用最新版本的Bootstrap框架制作的,适用于所有设备,并具有干净,时尚和现代潮流的设计。

Prottasha是一个专业的HTML5着陆页面模板

https://themeforest.net/item/prottasha-bootstrap-4-charity-landing-page/22668574


 

更多着陆页模板下载资源网站

 

1. https://startbootstrap.com/template-categories/landing-pages/

2. https://unbounce.com/landing-page-templates/

3. https://elements.envato.com/all-items/landing+page

4. https://wrapbootstrap.com/themes/landing-pages

5. https://onepagelove.com/templates/landing-page-tem...

6. https://www.templatemonster.com/landing-page-templ...

7. https://www.wix.com/website/templates/html/landing...


总结

这些免费的着陆页模板资源是当下进行快速网页设计的最佳选择之一,无论对网页设计师,还是开发者都很受用,对于那些想要学习网页设计的小伙伴,也是非常不错的学习资源。想要做出2018年最新的网页设计吗?不妨好好利用一下以上推荐的模板哦。

如果会一些代码,直接使用以上模板会更加便利,当然,你也可以使用原型设计工具(Mockplus等)快速完成网页模板设计。该工具有内置的丰富网页模板,Mockplus官网上也提供了很多优秀的网页模板,可以直接导入使用,不需要使用代码就可以进行设计。

上一篇
Sketch 和 PS 中的设计图如何实现“自动切图”?

Chloe   10/24

摹客首家发布Adobe XD插件

Jongde   10/22

下一篇
需要帮助?

我是小摹,你的7*12小时产品顾问

立即扫码加入官方微信群

官方热线:19130671449

服务邮箱:service@jongde.com