订阅摹客文章

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

文章分类
Mockplus是什么?

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

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

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

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

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

分享到微信朋友圈:

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

博客 > Mockplus设计例子 > 图片素材类Web原型制作分享-Pexels

图片素材类Web原型制作分享-Pexels

Pexels是一个高清图片下载服务站点,为用户提供海量共享图片素材的网站,每周都会定量更新。

菜单栏和底部栏都是悬浮在固定位置,内容区域滚动。首页图片排列采用瀑布流的方式,多图片滚动。包含的页面有:浏览页,下载页,注册页,登陆页。用到的组件有搜索框、滚动面板、菜单栏、弹出面板、面板。实现的交互效果有:菜单栏悬浮在顶部、底部导航栏悬浮在底部,并且点击关闭按钮,底部导航栏消失、点击菜单栏按钮出现下拉菜单、图片组定时轮播滚动。

01-Home02-License06-Sign Up

点击这里,可以立即在线预览:https://run.mockplus.cn/Dn8GiPIxKHOotZsk/index.html

这个原型的主要页面有:主页、下载页面、登录页面、注册页面等。

以上设计的所有页面可以在这里下载分享

所有页面的图片集(5张), 在这里下载

Enjoy it!


上一篇
网站设计缺乏创意?视差滚动网站设计让你与众不同

Trista   04/09

4款最受欢迎的Mac原型工具

Snow   03/29

下一篇
需要帮助?

摹客产品顾问为你服务

我是Thomas,立即扫码加我吧!

帮助群:834699541

服务邮箱:service@jongde.com