Blog Subscribe

订阅即可免费获取优质的设计资讯。

Mockplus是什么?

Mockplus,更快更简单的原型设计工具。快速创建原型,一键拖拽创建交互,团队协作省事省力。腾讯、东软、育碧、Oracle、西门子、IBM等全球知名企业和全球300多所高校都在用,你也可以免费开始你的设计!

了解更多

工具类Web原型制作分享-Amcharts

Tomato 2018-04-14 阅读:1306
该网站是Amcharts公司开发的JavaScript Charts,是兼容性好的JavaScript、HTML5图表开发工具,能满足大部分的开发需求。 网站有Products、Download、Support、Buy、Demos,共5个页面,网站采用悬浮导航栏和footer的效果。用到的交互组件有滚动面板和弹出面板为展示显示和隐藏效果。用到的组件有搜索框、复选框、选项卡、菜单、输入框。可用于订...

饮品类App原型制作分享-WineRatingsPlus

Anny 2018-04-14 阅读:912
WineRatingsPlus是一款关于红酒的App应用。它帮助你在用餐、聚会或任何场合选择葡萄酒时,都能方便的得到专家意见。同时,它也能帮助鉴赏家和感兴趣的人对葡萄酒更多的了解和选择。 在这款原型中,每当切换到主页和个人信息页面时,就会自动弹出订阅信息,这是采用的弹出面板组件,设置“载入时”的触发方式,并将其动画效果属性设置为“弹出-上”即可实现;其次还用到了悬浮按钮,实现方式是将按钮放在“滚...

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

Tomato 2018-04-04 阅读:2481
Pexels是一个高清图片下载服务站点,为用户提供海量共享图片素材的网站,每周都会定量更新。 菜单栏和底部栏都是悬浮在固定位置,内容区域滚动。首页图片排列采用瀑布流的方式,多图片滚动。包含的页面有:浏览页,下载页,注册页,登陆页。用到的组件有搜索框、滚动面板、菜单栏、弹出面板、面板。实现的交互效果有:菜单栏悬浮在顶部、底部导航栏悬浮在底部,并且点击关闭按钮,底部导航栏消失、点击菜单栏按钮出现下拉...

原型工具难上手、速度慢?试试Mockplus!

_____

Mockplus,更快更简单的原型设计工具。快速创建原型,一键拖拽创建交互,团队协作省事省力。腾讯、东软、育碧、Oracle、西门子、IBM等全球知名企业和全球300多所高校都在用,你也可以免费开始你的设计!

免费下载
logo

设计平台类Web原型制作分享-Dribbble

Tomato 2018-04-04 阅读:1418
Dribbble是一个面向创作家、艺术工作者、设计师等创意类作品的人群,提供作品在线服务。 作为设计平台类的佼佼者,多资源多链接,图文结合和对链接的排版方面也处理的很整齐。此原型模板所用到的组件有弹出面板、按钮、菜单栏、面板、搜索框、复选框。交互动作有鼠标Click事件结合弹出面板做下拉菜单和弹出按钮的效果。按钮结合面板做出鼠标Click事件滚动图片的效果。 点击这里,可以立即在线...

新闻类Web原型制作分享-BBC

Tomato 2018-04-04 阅读:1168
BBC是英国最大的新闻广播机构,属于新闻类的网站,所以网站没有过多花哨的内容,主要为信息的排版。主要用到的组件有搜索框、弹出面板、视频播放组件。实现的交互效果为鼠标Click事件隐藏弹出内容面板。 点击这里,可以立即在线预览:https://run.mockplus.cn/8gAA0iQh6EB8cYNu/index.html 这个原型的主要页面有:主页、新闻页面、天气页面、视频页...

工具类App原型制作分享-WizNote

Anny 2018-04-04 阅读:906
WizNote是当前较好用的一款云笔记软件,蓝色界面给人舒适、和谐的感觉,随时随地帮你记住所有的日程安排。这款原型中,底部是一个异形标签栏,在Mockplus中,可以采用圆形组件和矩形组件拼合而成,然后再将整体编组即可。同时对于这类DIY组件,可以收藏到自己的组件库中,在之后的项目中可以直接使用。将组件库同步到云,使用时更不受办公地点的约束。 先简单看看动图: 点击这里,可以立...

设计社区类Web原型制作分享-Behance

Tomato 2018-03-30 阅读:1600
Behance 是著名设计社区,创意设计人士可以展示自己的作品,发现别人分享的创意作品。 网站有二级导航,主要用到的交互组件有弹出面板,通过弹出面板来隐藏展现搜索框。并且用到的组件有播放器、菜单栏、下拉菜单、图库中的各种图标素材。各个链接均设置了normal和hover状态,操作明确轻松自然。 点击这里,可以立即在线预览:https://run.mockplus.cn/BJ...

设计工具类Web原型制作分享-Mockplus

Tomato 2018-03-30 阅读:1281
Mockplus,一款简洁快速的原型图设计工具。这款模板主要用到的交互动作有弹出面板,用弹出面板来实现导航栏的下拉效果。并且各个按钮均有normal和hover两个不同的状态,并且用到的组件有下拉菜单,折叠面板,菜单栏,分页器。 点击这里,可以立即在线预览:https://run.mockplus.cn/g4M5JtLV9BtQ0FJs/index.html 这个原型的主要页面...
Explain Everything是一个交互式白板平台,能有效沟通把想法变成理解。在这个平台上,人们可以进行协作,分享和学习。在这款App原型的首页中,用到了一个半边圆角的矩形来放置主要功能列表,在Mockplus中,怎么实现半边圆角的矩形呢?其实很简单,拖出一个矩形组件,设置圆角,然后在边框属性中,去掉底部边框,这样就形成了一个只有顶部圆角的矩形。 先简单看看动图: 点击这...

教育类App原型制作分享-Busuu

Anny 2018-03-23 阅读:2787
Busuu是一款语言学习App,它包含了十几个国家的语言,只需随身携带 Busuu 即可利用任何闲暇时间坚持学习。在这款原型中,采用了滚动区来制作横向卡片切换效果,首先将滚动区的背景色透明度设置为0,然后滚动方向设置为“横向滚动”即可实现;其次还有首页的折叠菜单效果,采用的是面板组件来放置需要滑动的组件,然后通过设置移动交互,实现菜单折叠展开效果。 先简单看看动图: 点击这里,...
1

跳转

咨询客服

帮助群:578896017 加入QQ群

服务邮箱:service@jongde.com