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!
AnyList是一款可以帮你创建购物清单，并且帮助你整理食谱的生活工具App，前面引导页采用图片+文字的方式，介绍App的用法，登录注册采用选项卡切换的方式，减少了页面切换的繁琐操作，在Mockplus...本原型由国产Mockplus（原型工具）和iDoc（智能标注，一键切图工具）提供。 先简单看看动图： ?...这个原型的主要页面有：启动页、引导页、登录注册页面、主页、清单列表页、设置页面等。 以上设计的所有页面可以在这里下载分享。 所有页面的图片集(12张)， 在这里下载。 Enjoy it！
POP - Prototyping on Paper POP 是一款App，操作非常简单，先用手机拍下草图原型，然后开始编辑原型里的哪个区域(比如按钮)链接到哪个页面，添加跳转链接，之后就变成可演示的交互原型了...POP 并不提供设计原型的任何UI组件，只提供了能在图片上设置任意点击区域并添加链接到其他页面(其实就是另一张图片)。对于从草图开始设计原型的人来说，这款App真是再适合不过了。...首先，原型图只能通过其他方式完成。其次，交互非常有限，只能实现页面间的跳转，其他交互比如同一页面内的交互就别想了。最后，它只适用于App原型。...墨刀 墨刀是一款在线的原型设计工具，上手也很简单，网站也提供了新手教程。墨刀的功能比 POP 就强大多了，除了支持手机App原型设计，也支持平板和网页。本项目的原型就是用墨刀设计的。 ?...就举我的项目的栗子，我的App中有一个需要给程序猿设置技术标签的需求。现在看看加法怎么做。首先，技术标签可以分为三大类：移动端、前端、后端。
今天跟大家分享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等界面。 以上设计的所有页面可以在这里下载分享。
原型中选择“喜欢的球队”这个界面中，用到了悬浮按钮，采用的是滚动区来放置需要滚动的球队列表，然后将按钮放在滚动区上面，即可实现。...此原型中还有很多重复布局，采用的是Mockplus的格子功能，让重复布局一拖拽就可快速完成。...这个原型的主要页面有：主页、详情页面、比赛页面、设置页面等。 以上设计的所有页面可以在这里下载分享。 所有页面的图片集(10张)，在这里下载。 Enjoy it！
简拼是一款记录美好、抒写情怀的拼图APP，模板设计风格简约文艺，种类齐全。 此原型模板所用到的组件有标签组、水平分隔线、圆形工具。交互动作有结合标签组实现页面跳转，选择组件触发按钮状态变化等。...此原型由国产设计工具-Mockplus及iDoc（智能标注，一键切图）制作完成。 先简单看看动图： ? 点击这里，可以立即在线预览：简拼原型模板 再送上UI Flow大图： ?...原型中有启动页，功能宣传页, 发现页,功能页 等界面。 以上设计的所有页面可以在这里下载分享。 所有页面的图片集(11张)， 在这里下载。 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的功能实现情况。
由于制作这款原型时，表格组件还未推出，因此是用线条来拼凑的，稍显吃力。之后一起来试试这个全新的表格组件吧。 先简单看看动图： ?...这个原型的主要页面有：欢迎页面、引导页面、主页、编辑页面、详情页面、分享页面等。 以上设计的所有页面可以在这里下载分享。 所有页面的图片集(10张)，在这里下载。 Enjoy it！
Mockplus是一款快速原型设计工具，支持包括APP原型在内的多种原型与线框图设计。除了快速，Mockplus广受欢迎更因为它极低的上手门槛。...今天小编就为大家展示如何用Mockplus在3分钟内完成APP首页的原型设计，新手也能马上掌握哦！ 是时候展现真正的技术了！ 创建项目 ?...打开Mockplus，点击新建项目，选择“手机”项目类型与合适的页面尺寸，点击“确定”即创建成功，是不是不能更简单！无需任何文件创建操作，无需输入任何文字！ 底部导航栏制作 ?...4.导出可独立运行的演示包（.exe或.app）。 在主菜单中选择“导出”、“导出演示包”。 5.输入原型码，在手机中查看原型。 在主工具栏，点击“发布”。...对于需要快速制作app原型的产品和设计师，Mockplus也是您的不二之选。
Starbucks是星巴克的一种便捷购买App，可以在店内付款或提前订购。其中还内置了奖励，你可以收集星星，赚取免费的饮料和食物。...这款App中，采用了一些小插画，交互动效也很特别，有的页面切换之后，会出现一些小动画，这在Mockplus中可以使用“载入时”触发方式实现。...有的页面切换方式是向上下展开切换，目前我们在原型阶段还暂时做不到，但是这种交互方式是可以借鉴的，它能让我们的App变得生动有趣。...点击这里，可以立即在线预览：https://run.mockplus.cn/d0Y2DwDCdA4jbkj6/index.html 再送上UI Flow大图： Starbucks.png 这个原型的主要页面有
版权声明：本文为[他叫自己Mr.张]的原创文章，转载请注明出...
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
