- 综合排序
- 最热优先
- 最新优先
- 来自专栏小狼的世界
使用OmniGraffle制作原型图
下面就介绍一下使用OmniGraffle制作移动应用原型图的设计。 启动 OmniGraffle 后，可以选择模板，这里选择空白模板。 ? 保持原型简洁。我们不必急于马上开始原型的设计，我们需要静下来想一想，页面到底需要什么元素，应当如何布局。原型不必像最终网站一样，如果你朝着这个方向工作，那么会吃力不讨好。 原型是用来帮助我们规划页面、网站的布局和层级设置，协助我们考虑布局在可用性方面存在的问题。 原型中的字体，可以一直使用Helvetica和宋体，并且不要使用太多不同的尺寸。 制作符号。对于页面中重复存在的元素，例如Header、Footer或者Sidebar，可以将这些元素转换成符号。这样，如果需要更新时，只需要在一个地方编辑就可以了。 下面是TODD MOY的方法是使用了LinkBack，具体方法如下：首先选中需要制作成符号的元素，点击Edit->Copy As …->PDF 也可以使用右键，然后将元素复制到需要的地方。
2.8K30发布于 2018-07-24 - 来自专栏无原型不设计
优秀原型设计欣赏：社交类App原型制作-LinkedIn
这类社交App，最重要的就是前期个人信息的填写，因此在原型中，做了大量个人信息填写相关的页面，这其中的流程和逻辑是值得学习的。 点击这里，可以立即在线预览：https://run.mockplus.cn/yypyOJpdFBpnCzxR/index.html 再送上UI Flow大图： LinkedIn.png 这个原型的主要页面有
4.6K120发布于 2018-03-06 - 来自专栏数据小魔方
rmarkdown+flexdashboard制作dashboard原型
flexdashboard可以作为数据产品原型开发的样板（shinydashboard也是），期待大家使用这些工具做出更好的工具，一起来分享心得。
5.5K30发布于 2018-08-16 - 来自专栏无原型不设计
优秀原型设计欣赏：美食类App原型制作-Kitchen Stories
在这款美食App原型中，图片如果全部使用占位符来表示，可能展现不出食物诱人的美味，因此，我采用的是数据自动填充功能，将图片大小、位置设置好之后，点击数据填充中的“美食”分类，一键自动随机填充各种美食图片 ，可以立即在线预览：https://run.mockplus.cn/llLAOhMCLBQgG0U3/index.html 再送上UI Flow大图： Kitchen-Stories.png 这个原型的主要页面有
1.3K70发布于 2018-02-12 - 来自专栏无原型不设计
优秀原型设计欣赏：阅读类App原型制作-Another Read
点击这里，可以立即在线预览：https://run.mockplus.cn/Q1448z3MJzyv9ZIo/index.html 再送上UI Flow大图： Another-Read.png 这个原型的主要页面有
1.4K50发布于 2018-02-26 - 来自专栏无原型不设计
企业官网原型制作分享-Starbucks
本原型由国产Mockplus（原型工具）和iDoc（智能标注，一键切图工具）提供。 ? 点击这里，可以立即在线预览：Starbucks原型模板在线预览 以上设计的所有页面可以在这里下载分享。
1.1K20发布于 2019-01-24 - 来自专栏无原型不设计
效率类APP原型制作分享----Timeglass
本原型由国产Mockplus（原型工具）和iDoc（智能标注，一键切图工具）提供。 ? ? ? 主要页面：启动页面、主页、添加事件页面、设置页面等。
1.4K30发布于 2019-01-28 - 来自专栏无原型不设计
美食类Web原型制作分享-Taste
本原型由国产原型工具Mockplus和团队协作工具iDoc（一键切图、智能标注等）提供。 ? 点击这里，可以立即在线预览：Taste原型模板在线预览 以上设计的所有页面可以在这里下载分享。
65730发布于 2019-01-24 - 来自专栏无原型不设计
健康类App原型制作分享-Mindmate
在这款原型中，为了保持App的原有特色，将插画通过图片组件导入进来；音乐播放界面使用了图片+遮罩制作背景，进度条采用的是移动交互动画。 先简单看看动图： ? 这个原型的主要页面有：启动页面、登录注册页面、主页、音乐列表页面、播放页面、设置页面等。 以上设计的所有页面可以在这里下载分享。 所有页面的图片集(10张)，在这里下载。 Enjoy it！
1.6K30发布于 2019-01-24 - 来自专栏无原型不设计
饮品类App原型制作分享-WineRatingsPlus
在这款Mockplus原型中，每当切换到主页和个人信息页面时，就会自动弹出订阅信息，这是采用的弹出面板组件，设置“载入时”的触发方式，并将其动画效果属性设置为“弹出-上”即可实现；其次还用到了悬浮按钮， 这个原型的主要页面有：启动页面、主页、订阅页面、选择国家页面、个人信息页面等。 以上设计的所有页面可以在这里下载分享。 所有页面的图片集(10张)，在这里下载。 Enjoy it！
1.4K30发布于 2019-01-24 - 来自专栏无原型不设计
生活类App原型制作分享-AnyList
本原型由国产Mockplus（原型工具）和iDoc（智能标注，一键切图工具）提供。 先简单看看动图： ? 这个原型的主要页面有：启动页、引导页、登录注册页面、主页、清单列表页、设置页面等。 以上设计的所有页面可以在这里下载分享。 所有页面的图片集(12张)， 在这里下载。 Enjoy it！
1.5K30发布于 2019-01-24 - 来自专栏无原型不设计
设计社区类Web原型制作分享-Behance
本原型使用国产原型神器-Mockplus制作完成。 ? ? ? 点击这里，可以立即在线预览：https://run.mockplus.cn/BJ7DEpfXb7dXKI79/index.html 这个原型的主要页面有：发现页面、策展库页面、创意工具页面等。
1.1K40发布于 2019-01-24 - 来自专栏无原型不设计
类Pinterest Web原型制作分享——花瓣网
此原型模板所用到的组件有按钮栏、菜单栏、搜索框、水平分割线。交互动作有鼠标悬停文字按钮颜色改变效果，鼠标按下文字按钮颜色改变效果，按钮跳转页面，利用按钮栏实现table切换效果。 本原型由国产原型工具Mockplus制作完成。 ? ? ? 这个原型的主要页面有：首页、花瓣Live、最新、美物等页面。 点击这里，可以立即在线预览：https://run.mockplus.cn/FViaiwCGgWTHLQix/index.html 这个原型的主要页面有：首页、最新、美物页等。
93030发布于 2019-01-24 - 来自专栏无原型不设计
轻博客类Web原型制作分享——Tumblr
此原型模板所用到的组件有按钮、搜索框、矩形工具。交互动作有结合圆形按钮实现页面跳转，鼠标悬停文字按钮颜色改变效果。 本原型由国产Mockplus（原型工具）和iDoc（智能标注，一键切图工具）提供。 点击这里，可以立即在线预览：http://run.mockplus.com/fti8X9kfhmgFeRqI/index.htm 这个原型的主要页面有：Home Page、Home page jump
1.2K70发布于 2019-01-24 - 来自专栏无原型不设计
企业官网Web原型制作分享-Tesla
本原型由国产Mockplus（原型工具）和iDoc（智能标注，一键切图工具）提供。 ? 交互上实现了菜单的显示隐藏，此模板分别阐述了4个产品的特性，非常适合企业作为官网，展示自己的产品。 点击这里，可以立即在线预览：Tesla原型模板在线预览。 以上设计的所有页面可以在这里下载分享。 所有页面的图片集(5张)， 在这里下载。 Enjoy it！
97420发布于 2019-01-24 - 来自专栏无原型不设计
日记类App原型制作分享-Grid Diary
由于制作这款原型时，表格组件还未推出，因此是用线条来拼凑的，稍显吃力。之后一起来试试这个全新的表格组件吧。 先简单看看动图： ? 这个原型的主要页面有：欢迎页面、引导页面、主页、编辑页面、详情页面、分享页面等。 以上设计的所有页面可以在这里下载分享。 所有页面的图片集(10张)，在这里下载。 Enjoy it！
1.3K60发布于 2019-01-24 - 来自专栏无原型不设计
体育类App原型制作分享-Onefootball
原型中选择“喜欢的球队”这个界面中，用到了悬浮按钮，采用的是滚动区来放置需要滚动的球队列表，然后将按钮放在滚动区上面，即可实现。 此原型中还有很多重复布局，采用的是Mockplus的格子功能，让重复布局一拖拽就可快速完成。 这个原型的主要页面有：主页、详情页面、比赛页面、设置页面等。 以上设计的所有页面可以在这里下载分享。 所有页面的图片集(10张)，在这里下载。 Enjoy it！
1.1K20发布于 2019-01-24 - 来自专栏无原型不设计
服装类Web原型制作分享——Rodd & Gunn
本原型由国产Mockplus（原型工具）和iDoc（智能标注，一键切图工具）提供。 ? 网站原型以图文排版为主，采用侧边栏二级导航，丰富的交互效果，弹出面板和面板的使用，实现了点击导航弹出和点击按钮滚动配图的效果。 内容方面包含了首页，商品排版和商品详情页等，所以非常适合电商类的原型使用。 点击这里，可以立即在线预览：Rodd & Gunn原型模板在线预览。 以上设计的所有页面可以在这里下载分享。
70120发布于 2019-01-24 - 来自专栏无原型不设计
工具类官网Web原型制作分享-Adobe
网站原型以图文排版为主，顶部一级导航，弹出面板和面板的使用实现了一级导航下拉的效果。 本原型由国产原型工具Mockplus和团队协作工具iDoc（一键切图、智能标注等）提供。 ? 点击这里，可以立即在线预览：Adobe原型模板在线预览。 以上设计的所有页面可以在这里下载分享。 所有页面的图片集(5张)， 在这里下载。 Enjoy it！
67420发布于 2019-01-24 - 来自专栏程序源代码
网站蓝图 Axure RP高保真网页原型制作
他的任务包括倾听用户需求； Axure RP是一款专业的快速原型设计工具。Axure（发音：Ack-sure），代表美国Axure公司；RP则是Rapid Prototyping（快速原型）的缩写。 Axure RP是美国Axure Software Solution公司旗舰产品，是一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图 、原型和规格说明文档。 作为专业的原型设计工具，它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理 [1] 。
3K20发布于 2018-09-21
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号