1.5 0.75 0.64 xhdpi 720 × 1280 2.25 1.125 1.042 xxhdpi 1080 × 1920 3.375 1.6875 1.5 主流Android手机分辨率和尺寸...设备 分辨率 尺寸 设备 分辨率 尺寸 三星Galaxy S3 4.8英寸 720 × 1280 三星Galaxy S4 5英寸 1080 × 1920 三星Galaxy S5 5.1英寸 1080
这类社交App,最重要的就是前期个人信息的填写,因此在原型中,做了大量个人信息填写相关的页面,这其中的流程和逻辑是值得学习的。...点击这里,可以立即在线预览:https://run.mockplus.cn/yypyOJpdFBpnCzxR/index.html 再送上UI Flow大图: LinkedIn.png 这个原型的主要页面有
在这款美食App原型中,图片如果全部使用占位符来表示,可能展现不出食物诱人的美味,因此,我采用的是数据自动填充功能,将图片大小、位置设置好之后,点击数据填充中的“美食”分类,一键自动随机填充各种美食图片...,可以立即在线预览:https://run.mockplus.cn/llLAOhMCLBQgG0U3/index.html 再送上UI Flow大图: Kitchen-Stories.png 这个原型的主要页面有
Another Read是一款阅读学习App,它主要是带给你最具创意的作家与插图画家出版的儿童读物。在这款App中,你可以根据喜好来左滑或者右滑书籍,喜欢的书籍将会被保存下来。...点击这里,可以立即在线预览:https://run.mockplus.cn/Q1448z3MJzyv9ZIo/index.html 再送上UI Flow大图: Another-Read.png 这个原型的主要页面有
本原型由国产Mockplus(原型工具)和iDoc(智能标注,一键切图工具)提供。 ? ? ? 主要页面:启动页面、主页、添加事件页面、设置页面等。
WineRatingsPlus是一款关于红酒的App应用。它帮助你在用餐、聚会或任何场合选择葡萄酒时,都能方便的得到专家意见。同时,它也能帮助鉴赏家和感兴趣的人对葡萄酒更多的了解和选择。...在这款Mockplus原型中,每当切换到主页和个人信息页面时,就会自动弹出订阅信息,这是采用的弹出面板组件,设置“载入时”的触发方式,并将其动画效果属性设置为“弹出-上”即可实现;其次还用到了悬浮按钮,...这个原型的主要页面有:启动页面、主页、订阅页面、选择国家页面、个人信息页面等。 以上设计的所有页面可以在这里下载分享。 所有页面的图片集(10张),在这里下载。 Enjoy it!
Mindmate是一款健康类App,主要是帮助人们快速入眠,放松情绪,它拥有小清新的界面,配图全是由插画组成,生动有趣。...在这款原型中,为了保持App的原有特色,将插画通过图片组件导入进来;音乐播放界面使用了图片+遮罩制作背景,进度条采用的是移动交互动画。 先简单看看动图: ?...这个原型的主要页面有:启动页面、登录注册页面、主页、音乐列表页面、播放页面、设置页面等。 以上设计的所有页面可以在这里下载分享。 所有页面的图片集(10张),在这里下载。 Enjoy it!
Balanced是一款记事类的工具App,这类App在设计的时候讲究简单易用,如果操作太复杂,就不能做到记录事件的及时性和快速性。...在制作原型时,这次尝试了将App的启动引导动画给模拟出来了,不得不说,Mockplus在做动画方面还是比较好的,操作上也很简单快速,重点是在动画时间节奏上的把握,下面来看看效果。...这个原型的主要页面有:启动动画页面、主页、添加事件页面、菜单页面等。 以上设计的所有页面可以在这里下载分享。 所有页面的图片集(10张),在这里下载。 Enjoy it!
POP - Prototyping on Paper POP 是一款App,操作非常简单,先用手机拍下草图原型,然后开始编辑原型里的哪个区域(比如按钮)链接到哪个页面,添加跳转链接,之后就变成可演示的交互原型了...POP 并不提供设计原型的任何UI组件,只提供了能在图片上设置任意点击区域并添加链接到其他页面(其实就是另一张图片)。对于从草图开始设计原型的人来说,这款App真是再适合不过了。...首先,原型图只能通过其他方式完成。其次,交互非常有限,只能实现页面间的跳转,其他交互比如同一页面内的交互就别想了。最后,它只适用于App原型。...墨刀 墨刀是一款在线的原型设计工具,上手也很简单,网站也提供了新手教程。墨刀的功能比 POP 就强大多了,除了支持手机App原型设计,也支持平板和网页。本项目的原型就是用墨刀设计的。 ?...就举我的项目的栗子,我的App中有一个需要给程序猿设置技术标签的需求。现在看看加法怎么做。首先,技术标签可以分为三大类:移动端、前端、后端。
AnyList是一款可以帮你创建购物清单,并且帮助你整理食谱的生活工具App,前面引导页采用图片+文字的方式,介绍App的用法,登录注册采用选项卡切换的方式,减少了页面切换的繁琐操作,在Mockplus...本原型由国产Mockplus(原型工具)和iDoc(智能标注,一键切图工具)提供。 先简单看看动图: ?...这个原型的主要页面有:启动页、引导页、登录注册页面、主页、清单列表页、设置页面等。 以上设计的所有页面可以在这里下载分享。 所有页面的图片集(12张), 在这里下载。 Enjoy it!
今天跟大家分享6个新鲜出炉的原型模板!! 一、商品展示页面 本套UI Kit是商品展示页面的模板,可供购物类App参考和复用,设计简洁,添加了必要的交互。...本原型中,根据美食APP创建了基本应用组件,包含商品卡片、餐厅列表、标签、按钮、侧边导航、下拉框、搜索框等,适用于基础的美食APP原型绘制。...下载链接: https://www.mockplus.cn/example/rp/100112 四、购物类App 本套 APP UI是一套购物类APP原型模板,本套模板是一套深色版,添加了交互效果,接近真实...APP效果;设计风格上,以欧美视觉为参考,可以用作海外原型设计参考。...页面的高保真原型,共计15个页面,使用的组件有:输入框,按钮,内容面板(及辅助画板),视频框架,面板,开关等。
Pinster是一款新闻聚合应用APP,聚合权威深度的文章资讯和优质媒体,界面简洁,交互简单,为用户创造良好的阅读体验。例子中将展示使用Pinster给浏览新闻以及修改背景色的操作流程。...Pinster原型提供了13个设计页面,画板中可查看所有页面及页面间的逻辑关系; ? 原型中鼠标滑过元素可以智能生成标注,同时支持一键下载切图; ?...立即在线预览:Pinster原型模板在线预览 以上设计页面点击这里下载 Enjoy it!
Tinder是国外的一款手机交友APP,作用是基于用户的地理位置,每天“推荐”一定距离内的四个对象,根据用户在 Facebook 上面的共同好友数量、共同兴趣和关系网给出评分,得分最高的推荐对象优先展示...此原型模板所用到的组件有标签组、搜索框、圆形工具。交互动作有结合矩形和文字按钮实现页面跳转,选择组件触发按钮状态变化。 本原型由国产原型工具-Mockplus制作完成。...先简单看看动图: image.png 点击这里,可以立即在线预览:Tinder原型模板 再送上UI Flow大图: ?...原型中有Link Page,Login Page, Home Page,Messages, Feed,Personal homepage等界面。 以上设计的所有页面可以在这里下载分享。
简拼是一款记录美好、抒写情怀的拼图APP,模板设计风格简约文艺,种类齐全。 此原型模板所用到的组件有标签组、水平分隔线、圆形工具。交互动作有结合标签组实现页面跳转,选择组件触发按钮状态变化等。...此原型由国产设计工具-Mockplus及iDoc(智能标注,一键切图)制作完成。 先简单看看动图: ? 点击这里,可以立即在线预览:简拼原型模板 再送上UI Flow大图: ?...原型中有启动页,功能宣传页, 发现页,功能页 等界面。 以上设计的所有页面可以在这里下载分享。 所有页面的图片集(11张), 在这里下载。 Enjoy it!
原型中选择“喜欢的球队”这个界面中,用到了悬浮按钮,采用的是滚动区来放置需要滚动的球队列表,然后将按钮放在滚动区上面,即可实现。...此原型中还有很多重复布局,采用的是Mockplus的格子功能,让重复布局一拖拽就可快速完成。...这个原型的主要页面有:主页、详情页面、比赛页面、设置页面等。 以上设计的所有页面可以在这里下载分享。 所有页面的图片集(10张),在这里下载。 Enjoy it!
由于制作这款原型时,表格组件还未推出,因此是用线条来拼凑的,稍显吃力。之后一起来试试这个全新的表格组件吧。 先简单看看动图: ?...这个原型的主要页面有:欢迎页面、引导页面、主页、编辑页面、详情页面、分享页面等。 以上设计的所有页面可以在这里下载分享。 所有页面的图片集(10张),在这里下载。 Enjoy it!
POP(Prototyping on Paper) 算是移动App原型设计神器 ,很多公司在用:quora、sina、豆瓣、36氪、ifanr… 操 作轻巧简单:先用手机拍下草图原型(存到POP...2、Pencil Project Pencil是一款开源的可以用来制作图表和GUI原型的工具,可以作为一个独立的app,也可以作为Firefox插件。...Pencil Project还包含大量移动app模版。 3.Axure| 下载地址 大家都很熟悉了,这里主要说下移动端的演示,这样才充分表达原型意图。...你可以设置网格的尺寸,并预览和分享你的线框图。Moqups提供了一个很有用的功能就是对齐网格,可以使对象精准对齐。...通过“拖放”界 面,你可以快速创建交互式的线框图和移动原型,然后发送至iPhone、iPad或者Android设备进行测试,体验app的功能实现情况。
Starbucks是星巴克的一种便捷购买App,可以在店内付款或提前订购。其中还内置了奖励,你可以收集星星,赚取免费的饮料和食物。...这款App中,采用了一些小插画,交互动效也很特别,有的页面切换之后,会出现一些小动画,这在Mockplus中可以使用“载入时”触发方式实现。...有的页面切换方式是向上下展开切换,目前我们在原型阶段还暂时做不到,但是这种交互方式是可以借鉴的,它能让我们的App变得生动有趣。...点击这里,可以立即在线预览:https://run.mockplus.cn/d0Y2DwDCdA4jbkj6/index.html 再送上UI Flow大图: Starbucks.png 这个原型的主要页面有
Mockplus是一款快速原型设计工具,支持包括APP原型在内的多种原型与线框图设计。除了快速,Mockplus广受欢迎更因为它极低的上手门槛。...今天小编就为大家展示如何用Mockplus在3分钟内完成APP首页的原型设计,新手也能马上掌握哦! 是时候展现真正的技术了! 创建项目 ?...打开Mockplus,点击新建项目,选择“手机”项目类型与合适的页面尺寸,点击“确定”即创建成功,是不是不能更简单!无需任何文件创建操作,无需输入任何文字! 底部导航栏制作 ?...4.导出可独立运行的演示包(.exe或.app)。 在主菜单中选择“导出”、“导出演示包”。 5.输入原型码,在手机中查看原型。 在主工具栏,点击“发布”。...对于需要快速制作app原型的产品和设计师,Mockplus也是您的不二之选。
版权声明:本文为[他叫自己Mr.张]的原创文章,转载请注明出...
领取专属 10元无门槛券
手把手带您无忧上云