订阅摹客文章

免费获取优质的设计资讯!

文章分类
Mockplus是什么?

更快更简单的原型设计工具,微软、联合国国贸中心、华为、百度、东软、育碧、中石油、Oracle、西门子、IBM都在用,你呢?

开始使用
2019,都在用iDoc了!

更高效的协作设计工具,产品团队必备。智能标注、一键切图、多样批注、交互原型、全貌画板、团队管理。

免费使用
【友情推荐】人人秀,H5活动制作工具,3分钟完成制作。

了解更多
入门教程 了解更多

分享到微信朋友圈:

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

博客 > 移动设计 > 【资源大放送】30个最佳移动端Bootstrap模板推荐

【资源大放送】30个最佳移动端Bootstrap模板推荐

Trista
2019-08-19
22998

Bootstrap模板是构建网站或应用程序最有价值的设计框架之一,相信很多设计师和工程师都会使用。现在,网上有许多免费的优秀Bootstrap模板,基于其响应式设计,几乎所有的模板都可以在多种设备上显示和运用。Mockplus之前推荐过20个最佳HTML网站模板免费下载,我们希望为你提供更多免费的Bootstrap主题模板,并且是适合移动端设备。

如果你正好需要针对小屏幕尺寸的Bootstrap模板,不妨看看这30个最佳Bootstrap移动端模板。希望你喜欢哦~

1. Mobile Template

设计师:Nick Perez Rivera

Mobile-template.png

这是一个基本的Bootstrap移动端模板,这个模板的设计非常简单,主要是用于移动端的原型设计体验。虽然它看似简单,却非常实用,可以灵活适应不同量级的项目,它的设计也使用了诸多技术,包括CSS,Jquery和Hammer.js等。

2. 移动端实验模板

设计师:James Michael

Jamesmichael.png

这也是一个设计简洁可多场景使用的Bootstrap模板,这个模板是专为移动端打造的,因此特别适用于手机或其他小屏幕尺寸的设备,不宜用于Web端设计。该模板具有良好和清晰的代码,可用于UI / UX实验。

3. iPhone 8模板

设计师:Rainforest

Rainforest80256 Bootstrap Mobile Templates.png

这是一个专为iPhone 8设计的Bootstrap模板,但也可以用于其他智能手机设备,如果你正在进行智能手机项目,不妨试试这个模板,它可以为你节约很多时间,可以用于前期的测试和搭建,对于智能手机项目来说,这个模板可以说是最佳模板了。

4. Bootstrap手机菜单模板

设计师:Ping Song

Ixpingxi.png

这是一个带有响应式菜单的简易Bootstrap模板,该模板也是专为移动端设备和其他小屏幕尺寸设备创建的,它的设计理念采用了极简主义设计,比较适合轻量级的手机项目,这个模板也不适合Web端的项目。

5. Lateral Open Bootstrap移动端导航栏

设计师:Sven

Lateral-opening.png

现在,很多设计师会将Bootstrap的移动端导航栏垂直方向打开,但采用水平方向打开也是一种不错的尝试。这个Bootstrap移动端导航栏模板就不走寻常路,采用了水平方向拉出导航栏选项。该模板小巧轻便,也非常易于定制。

6. Trigger电子邮件模板

设计师:Kayel

Trigger-email-template.png

Trigger电子邮件模板是一个单页的Bootstrap主题模板,我个人是非常喜欢这个模板,布局干净简洁,界面一看就知道是精心设计过的。该模板的配色、字体设置、界面排版,还有图标等元素,无论单独看,还是整体看,都营造出一种非常干净的感觉。

7. Light Turns On & Light Turns Off

设计师:Really Good Emails

Reallygoodemails.gif

Bootstrap框架非常强大,它的使用绝不仅适用于静态HTML或CSS站点,也同样适用于动态站点,比如这个模板,就是非常好的一个例子。该模板具备非常出色的动效,是一个免费的Bootstrap灯光控制模板。

8. Find What Matters Vol 5

设计师:Really Good Emails

Find-What-mattes.png

这是设计师Really Good Emails的另一个非常出色的Bootstrap移动端模板。该模板是一个完整的模板,可用于多种设计主题和设计需求。该模板一共有6个页面,每个页面都有一个相对独立又和整体相统一的主题。

9. Basic Boxed Two Column

设计师:Rob Hason

Hrwebprojects.png

这是一个响应式的Bootstrap电子邮件蓝图模板。该模板最早是发布在codepen上,可针对任何尺寸的设备进行调整和修改。

10. Why Do We Experience Decision Fatigue

设计师:Really Good Emails

Why-do-experience.png

这又是一个由Really Good Emails设计的模板,也是我最喜欢的一个模板。这个模板同样非常适用于移动端设备,该模板具有鲜艳的色彩,漂亮的排版,简洁的布局。我是比较视觉系的人,非常喜欢那些具有对比度的图片。

11. MailChimps的模板

设计师:Yadhn

Yhn.png

MailChimps是一个电子邮件营销、广告、登录页面和CRM的强大工具。此模板就是基于MailChimps创建和设计的,可以帮助你很好的开展业务。

12. Math

设计师:ABADEU MADYUN

Math.png

这是一个专为移动端设备和其他小屏幕尺寸设备而设计Bootstrap移动端模板,该模板主要是用于商业和业务相关主题,具有响应式设计,如果你的业务需要增加销售额,这个模板会是非常棒的选择。

13. Responsive Grid-Based Form

设计师:Bastian Andre 13-Bastianandre

Bastianandre.png

移动优先设计是一种不可阻挡的趋势,这意味着会有更多的产品设计,会从移动端开始,然后扩展其功能再创建平板电脑或桌面Web版本,这其实是具有更多限制和挑战的,如何更快的适应这样的设计趋势?不妨看看这个基于网格的模板,这将会是你进行移动端优先设计时的一个好帮手。

14. FCC Survey Form Mobile First without Media Queries

设计师:brandon_wallace

Brandon-wallace.png

这是一个针对调查类服务的Bootsrtap移动端表单模板。Bootstrap表单可以加快构建网站或Web应用程序,这个移动端表单更是可以帮助你轻松上手。

15. Compact Login

设计师:Boris Borisov

Compact-login.gif

设计师Borisov设计这个模板专门用来进行动画UI组件的设计,通过使用不同的方法和动效来节省视觉空间。

16. Airlines Mobile App (Wireframe Kit)

设计师:BuğraDere

Airlines-mobile-app-wireframe-kit.jpg

想在几分钟内创建一个完整的线框模板?那就不要错过这个推荐哦,该模板是用于构建快速可视线框和站点地图的Bootstrap模板,可以轻松地向客户或项目团队演示应用程序架构、交互以及布局。该模板有26个完全分层的应用程序页面、可扩展和可编辑的矢量文件,还有100个组织有序并命名了的矢量图标。

17. Mobile App Session View

设计师:Christopher Grabiński

Chrisgrabinski.png

该模板是一个Bootstrap的会话视图模板,基于Rispen设计和创建,Rispen是一款面向移动端设备的网络应用。

18. Flat Mobile Portfolio

设计师:ClémentGuillou

Cguillou.png

我之前写过很多关于设计师作品集的文章,比如UI Designer Portfolio、Web Developer Portfolios以及Web Design Portfolio,但是移动端的设计师作品集是什么样的呢?如果你也好奇的话,不妨试试这个模板,该模板是为了适用移动端作品集而专门设计的。

19. 响应移动端设备模板

设计师:Josh Holloran

jtholloran.png

这是一个纯CSS(LESS)移动端设备模板,主要用于在线上展示iOS和Android屏幕截图,该模板有两个版本供自由选择。该模板采用扁平化设计,因此具有更简洁的界面和经典的数字美学。

20. Intellir

Intellir-bootstrap-4x-mobile-html-template.png

Intellir是一个Bootstrap 4移动端HTML模板,具有干净、简洁、优雅和现代的设计。该模板兼容所有移动端设备,还具有平滑过渡效果,页面也很丰富,有创意主页、报告页面和反馈页面等等。该模板具有最新的Bootstrap框架,也是100%响应式设计,因此易于定制。

21. Overux Mobile Multipurpose

Overux-mobile-multipurpose-html-mobile-app-template.png

Overux是一款多功能的响应式HTML移动端应用程序模板。它有各种预先设计的HTML小部件、组件块和样式,基于bootstrap 4.1框架,可以创建很棒的移动端用户体验。

22. Mobileux

Mobileux-multipurpose-html-mobile-app-template.png

MobileUX也是一款多用途的HTML移动端应用程序模板。它具有海量组件、组件库、小部件以及其他第三方自定义组件。

23. Eleco

Eleco-mobile-template.png

Eleco是一个配备了许多附加功能和附加页面的移动端模板。该模板易于编辑,具有简洁、现代的设计,采用了Framework7、AMP(Accelerad Mobile Template)、Bootstrap和Materialize构建。该模板拥有Light和Dark两种模式,还有许多颜色变体,比如Material Design颜色,iOS颜色,Flat颜色,渐变颜色和Multicolor。

24. Star Restaurant and Food Mobile Template


Star-restaurant-and-food-mobile-template.png

Star是一款优质的HTML5移动端模板,专为餐馆、咖啡馆、面包店、饮料店、比萨店、冰柜、快餐和食品订购而设计。它完全响应并基于bootstrap框架,具有非常干净的设计界面和良好的代码。


25. Admin UX Mobile

Aminux-mobile-responsive-html-template.png

AdminUX Mobile是一款响应式HTML模板,用于企业管理以及非企业的移动端应用程序开发。

26. Mshop

Mshop-ecommerce-mobile-template.png

Mshop是一个在线的电子商务移动端模板。目前,很多在线商店网站有时与移动端显示不兼容,造成了移动端的客户大量流失,该模板就是为解决移动端网店显示问题而制作的。该模板易于编辑,无需编码知识也可以使用。

27. MD

Md-material-design-mobile-template.png

MD是基于Material Design的移动端Bootstrap模板,采用前沿设计制作,可用于商店、产品组合展示以及其他页面设计。

28. New Age

New-age.png

这是一款用于Web应用程序的Bootstrap移动端登录页面主题,也可以用于其他业务。该模板采用了大胆的彩色设计,具有HTML5/CSS设备模型。

29. Posh

Posh-html5-bootstrap-4-template.png

Posh模板的制作灵感来自一个非常棒的网站,它具有预制演示效果,还有多种类的独特布局,是一个美观度很不错的模板。

30. The App

theapp-responsive-bootstrap-mobile-app-landing-page-template.png

The App是一个响应式、具有专业性且多用途的移动端应用登陆模板,基于Bootstrap 4构建。具有和谐、干净和用户友好的设计,该模板还有大量的插件和UI组件。

以上是摹客推荐的30个2019年度好用免费的Bootstrap移动端模板,不妨试试吧~

更多模板资源推荐:

2019年不容错过!史上最全的Dashboard模板和资源下载

“模板在手,设计不愁”—20个精美登录页设计案例赏析

灵感专题—2019年优秀网页设计作品赏析#4月
上一篇
【干货】25个故事性网页设计,轻松讲述网页独有的故事!!!

Snow   08/21

30个最优CSS动画案例分享,轻松让网页用户随心而“动”

Snow   08/13

下一篇
需要帮助?

摹客产品顾问为你服务

帮助群:651432826

服务邮箱:service@jongde.com