HTML5手机原型页面集合
多个手机原型风格的 HTML 页面,挺适合做移动端项目原型的。登录页、首页、分页啥的都有,结构清晰,用的都是比较标准的 HTML5 语义化标签。嗯,页面本身是从 Axure 导出来的,能直接看出真实 App 界面长啥样,对做交互原型还挺有。
手机应用的登录页,基本套路就是input
输入框加button
按钮,页面里也都配好了,像“记住我”“忘记密码”这些常见功能都有,样式清爽,响应也快。如果你想加个微信登录,改下就行。
主页用
、、
这些 HTML5 标签划分模块,还加了轮播图、推荐区这些内容块,用position: absolute
和flex
配合,挺利于移动端适配。
分页那块是静态的,不过你可以用jQuery
或Vue
搞个动态分页,配合AJAX
做无刷新切换。对了,像$('.page-item')
这种选择器操作也用得挺多。
整个资源适合用作 App 原型演示,也可以拿来直接改成真页面。如果你是做 H5、混合开发、或者前端刚入门,这套页面还挺值得扒一扒的。
有兴趣可以看看下面这些相关文章,HTML 结构、表单设计这些基础知识可以顺带补补:
如果你正想搭个快速的移动端原型,不妨把这些页面丢进项目里试试,改起来不费劲,样式也够用。
2.1MB
文件大小:
评论区