原型图

首选建议不要直接用Axure,推荐国内80%产品经理都在用的墨刀，是在线原型设计工具，很多模板都可以直接复用，分享便捷，易上手操作很简单。一是Axure对于新入门产品经理而言，Axure功能确实很多，但是对于初级而言主要是能把梳理的产品功能逻辑结构，用快速上手的原型设计工具落地成产品原型图即可，主要是跟领导、同事沟通时候，预览设备限制，极不方便。二是墨刀提供很多行业产品原型图模板，除了可以直接复用外，将自己设计的产品原型图与其做对比，进行反思优化学习，同时，墨刀还可以把产品原型图直接分享成项目链接或二维码，特别方便领导和同事预览，更方便沟通~

关于网页和移动端原型设计的方式你说的是高保真原型,可以先用PS等设计工具做好界面设计,再上传到摹客转为高保真原型,也可以直接用摹客在线的原型设计工具画高保真交互原型,UE和开发也可以直接在摹客查看图层信息和下载切图,传达意见更准确。如何进行web页面原型图设计最后半天心不在焉拖拖拽拽把各个部分都搭建好了,可是做出来的页面惨不忍睹,自己都没勇气打开。晚上回家后和邻居又讨论了三个小时,最后熬夜把原型图完成。虽然最后原型图也没有被采纳,但是这次原型图居然受到了表扬,领导说我的原型图有了提升。今天就写下这篇文章,为这段时间的工作做一个总结。原型设计前:①0202重点突出内容:要清楚明了页面需要突出的内容是什么,这个在前期的讨论中一般就已经确定;②0202第一功能目的:除了内容以外,功能方面需要突出的是什么?如引导注册或像下一级页面引导流量。③0202如果是改版要考虑改版要解决的问题是什么?对于前一版页面存在什么问题画原型图要考虑:④0202内容板块如何划分,页面的内容主要分成几个模块,每个模块内存放的都应该是一些相近的内容;⑤0202模块与模块之间的关联性:每个模块与其相近的模块之间应该有一些逻辑上的关联性,而不能随意的进行拼接;⑥0202页面的流程:模块与模块的上下承接关系,模块与模块应该上下存在某些逻辑上的连接性。页面完成后:完成原型图后一定要进行检查,主要从以下三个方面进行检查:⑦0202内容是否完整:对比框架中的每一部分内容检查是否完整;⑧0202第一屏是否把最重要的内容展现出来:页面第一屏以外的内容基本都是辅助内容,如果不能在第一屏就把内容全部展现,基本上就等于内容不完整;⑨0202功能是否实现:想要表达的功能是否在明显的地方表现出来;⑩0202流程是否顺畅:把相应的流程走一遍,看是否流畅。注意tips:①0202未完成的作品拿出来讨论页面不完整不代表思想不完整,即使是不完整的页面,里面应该也要有一个清晰的逻辑图。通过这种方法可以强迫自己想明白再下手。②0202理清自己的思路要有属于自己的清晰思路,对内容、功能和流程自己要先想明白,可以列举一些具体的问题来辅助理清自己的思路。③0202坚持自己的想法每一个人都有自己的想法,只要你理清自己的思路,就一定要坚持下去。用自己的逻辑解答别人的疑惑和质疑,形成自己的思路。关于工具和作图:之前花了很多时间去研究axure,是学会了一些作图的技巧,可是渐渐发现这些对页面的提高基本不大,我是觉得在掌握基本的工具使用时可以暂时忽略工具。页面最重要的是你的想法,等到想法成熟之后不妨慢慢的考虑工具的深入,太多的考虑技巧方面的问题反而会模糊视线。思考的过程和画图的时间可以在7:3都无所谓,前期的框架和流程思路想好后,后面的原型图也就水到渠成了。如何设计出色的网站后台原型明确目标既然是做原型的角度,我们就从具体工作来谈,首先要明确的肯定是产品目标,比如以下几个问题:是全新的产品,还是更新改版?有没有相匹配的前台系统?或者其他需要配合的线下资源?等等业务层面的目标是什么?新增功能?体验优化?等等需求分析明确了产品目标,在做需求分析的时候就会有所侧重,总的来说,值得关注的有以下几个要素:1、角色权限这个非常重要,一定要在具体设计之前熟悉管理后台的所有类型用户。包括一共有几类用户,他们各自的使用需求,操作权限,还有用户权限的设计。2、信息架构一定要画信息结构图(即产品层面的数据模型),主要用于理清产品结构。画一下脑图,列一个excel表单,详细程度依据自己习惯即可,需要和用户配合起来设计。这个是和普通原型设计比较不同的一点,如果是改版还需要特别标注和旧版的区别,以及旧数据的清理或迁移方案。另外,还需要考虑和其他资源(前台、对应页等)的配合,数据流向以及状态转移等。4、功能流程常规需要考虑的用户流程和业务规则流程。根据不同的业务目标,用户流程可以按场景或功能进行划分,给予部分用户适当的优化。业务规则流程需要保证逻辑清晰,闭环,不要遗漏异常流(闭环很重要)。原型设计终于可以开始原型设计啦,现在各种管理后台的主题模板都有很多,没有特别需求的情况下,和开发沟通好选择一套“抄”即可。设计过程中注意一下导航,列表(增删改查排序筛选)等,细节上不要遗漏预览、错误/成功提示、新内容提醒、快捷键等

摹客原型图设计工具提供免费版本呢，Mac和Windows操作系统都支持，不提供单机版。而且，他们最近还推发布了全新的在线版本，电脑上游浏览器就能直接用，不用再下载安装，那么繁琐。而且新增了很多全新的功能，比如设计中常会用到的复合组件，交互式布局设计，图形绘制铅笔工具。最近新加的状态交互设计功能，可以给组件设置不同状态，不同状态添加不同交互命令，也是很有创意了，很好用。

原型图用什么软件做原型图用Pixso软件做。原型图软件Pixso是国内新一代在线设计协作工具,原型、设计交互和交付都可在此一并完成,属于一站式工作平台。原型图软件Pixso自带组建变体、自动布局等专业设计工具,还支持UI设计和_筒シ,一个工具就能完成_弑U_的产品设计。而且在设计中还可以添加页面交互、模拟产品的最终形态,使工作过程可视化。Pixso支持建立流畅的原型框架流程,将产品整体方案进行具象化演示,以便产品经理、设计师、开发共同探索分析用户核心需求。Pixso内置可商用字体:Pixso是国人自主研发的设计工具,全中文界面,完美支持中文内容,内置多款可商用字体,免去手动安装字体的步骤。在Pixso选中文本图层,点击右侧面板文本属性的【字体】,在打开的字体列表中,就能看到内置的所有可商用字体,包含:思源黑体、思源宋体、OPPOSans、站酷快乐体、江西拙楷体、沐瑶软笔手写体、旁门正道标题体、优设标题黑、HarmonyOSSansSC等。小程序开发如何做原型设计1.原型设计工具根据设计者的专业程度,可以将原型设计工具分为两大类,一是专业原型设计工具,二是非专业原型设计工具。专业的原型设计工具常用的就是墨刀和Axure,墨刀是一款在线原型设计工具,其优点是云办公模式,支持协同设计,即时保存,不用担心因电脑断电或故障而导致设计内容丢失,其缺点是组件丰富程度不高。Axure是电脑端的原型设计工具,其优点是组件丰富,功能比较强大,使用用户群体较大,其缺点是设计内容要及时保存,否则会因电脑断电或故障而导致设计内容丢失,给用户带来一定的困扰。非专业的原型设计工具有PPT和纸,PPT也是一个简单的制图软件,能让用户实现简单的原型设计,其优点是简单易学,缺点是页面交互功能不强;纸是大部分用户都可以用的原型设计工具,其优点是简单方便,专业和非专业的人士都可以通过纸将原型想法表示出来,缺点是保存和后期使用不方便。2.原型设计的内容原型设计主要包括三个方面的内容:一是页面设计,二是交互设计,三是备注设计。页面设计是原型设计的主要内容,包括对产品所有页面的原型设计;交互设计是指页面与页面之间的链接和跳转;备注设计是指对页面设计,交互设计,程序功能,跳转结果,出错提示等的设计。原型设计是产品需求设计与UI设计之间的桥梁,是产品开发的一项重要基础工作,直接决定了产品界面的布局,影响产品的使用效果。提供几款界面原型设计软件AxureAxureRP是美国AxureSoftwareSolution公司旗舰产品,是一款快速的产品原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的APP原型设计工具,它比一般创建静态的原型设计工具要快速、高效。MockplusMockplus(摹客)是一款简洁快速的原型设计工具。适合软件团队、个人在软件开发的设计阶段使用。其低保真、无需学习、快速上手、功能够用。并能够很好地表达自己的设计,满足众多用户群体的工作需求。有别于Axure的繁复,Mockplus致力于快速构建和迭代原型,为设计者提供简洁高效的设计方式。如果说Axure是一头大象,那么Mockplus就是一只轻快的小鹿。从学习曲线来看,较为专业的UI/UX设计师或者时间充足的设计师可以考虑使用Axure;如果设计新手确实想要尝试这款工具,建议先下载中文版进行使用。设计新手或专业设计师都可以考虑使用Mockplus,一款简洁高效的App原型设计工具。使用该软件完成原型设计只需“拖”“放”两个操作,学习曲线基本为零。、

有哪些好用的在线界面原型工具，且支持IE常用的线框图工具1.AxureAxure是一款老牌原型设计工具,我们可以直接使用Axure丰富的组件来创建APP或网站的线框图。作为专业的原型设计工具,它也支持将静态的线框图转换为可交互的原型。同时支持多人协作和版本管理。2.摹客原型在国内的同类型工具中,只有摹客拥有强大的矢量绘图功能,在进行头脑风暴时,我们可以利用摹客的矢量绘图工具和无边界画布,让灵感创意快速具象化。同时,摹客作为一款强大的高保真设计利器,产品经理和设计师也可以使用摹客快速绘制高保真,轻量设计还可以直接使用摹客交付给开发。3.MockplusMockplus是一款简洁高效的产品原型工具。它提供了丰富的组件和图标资源,通过拖曳即可快速绘制线框图。同时Mockplus也支持一键导入项目页面和模板,快速搭建基础页面。简单高效,无需学习就能快速上手。iOS原型图设计什么软件好用？iOS原型图设计用Pixso协同设计软件比较好。Pixso可以多人云端协作设计,实时同步字号、边框、颜色等各种细节。1、在线设计,无需下载软件占用电脑内存,无需更新软件,打开web就可以开始设计。2、多人实时协同工作,支持多位成员同时在一个文档进行操作,实时同步进展。3、云端储存,再也不用担心没带源文件的尴尬,登录账号可以随时随地施展创意。4、团队共享资源库,团队共用一套资源库,组件和样式均可复用,产品设计更加规范,设计流程更加便捷。5、一键交付设计稿,设计稿完成后,一键转发给团队伙伴,标注信息一应俱全。对方打开即可查看、编辑甚至导图。想要了解更多关于原型图设计的相关信息推荐选择Pixso协同设计。Pixso不仅实现了和Sketch、AdobeXD的无缝衔接,更基于优秀的组件变体、自动布局、实时协作等特色功能,团队成员面对一个复杂的设计项目,不再需要等主视觉完成后再进行子页面设计,让UI设计师在网页上就可以尽情自由创作。如何在ipad上画产品原型图1.使用InspirationMaps:InspirationMaps是一款强大的思维导图工具,可以帮助用户简化产品原型设计过程。它可以帮助设计师一眼望穿一个思维,从而加速产品原型设计流程。2.使用MockplusIpad:MockplusIpad是一款专为iPad开发的原型设计工具,它可以帮助用户迅速创建任何类型的产品原型。此外,它还支持实时预览和即时交互,帮助您轻松查看设计效果。3.使用OrigamiStudio:OrigamiStudio是一款极其强大的iPad原型设计工具。可以帮你在散开的界面元素之间创建复杂的动画效果,让用户一眼望过产品的设计效果和操作流程。

你可以试试Mockplus，这是我们团队之前用的，基础功能免费，几乎没有学习门槛，如果想要练手，我比较推荐这个工具。Mockplus的功能也比较多，有许多预设组件和图标，支持多人协作，演示也很方便，分享链接或二维码，在电脑端、手机端都能查看，如果担心不安全，也可以重置链接。另外Mockplus的母公司摹客新推出的在线原型，这个是我们现在绘制高保真原型的工具，支持矢量绘图和布尔运算等，之前用sketch画图，现在摹客原型就能搞定，交互也很丰富，还支持流程图和产品文档，画完直接在摹客平台交付，节省了许多麻烦的步骤。

有哪些好用的在线界面原型工具，且支持IE常用的线框图工具1.AxureAxure是一款老牌原型设计工具,我们可以直接使用Axure丰富的组件来创建APP或网站的线框图。作为专业的原型设计工具,它也支持将静态的线框图转换为可交互的原型。同时支持多人协作和版本管理。2.摹客原型在国内的同类型工具中,只有摹客拥有强大的矢量绘图功能,在进行头脑风暴时,我们可以利用摹客的矢量绘图工具和无边界画布,让灵感创意快速具象化。同时,摹客作为一款强大的高保真设计利器,产品经理和设计师也可以使用摹客快速绘制高保真,轻量设计还可以直接使用摹客交付给开发。3.MockplusMockplus是一款简洁高效的产品原型工具。它提供了丰富的组件和图标资源,通过拖曳即可快速绘制线框图。同时Mockplus也支持一键导入项目页面和模板,快速搭建基础页面。简单高效,无需学习就能快速上手。iOS原型图设计什么软件好用？iOS原型图设计用Pixso协同设计软件比较好。Pixso可以多人云端协作设计,实时同步字号、边框、颜色等各种细节。1、在线设计,无需下载软件占用电脑内存,无需更新软件,打开web就可以开始设计。2、多人实时协同工作,支持多位成员同时在一个文档进行操作,实时同步进展。3、云端储存,再也不用担心没带源文件的尴尬,登录账号可以随时随地施展创意。4、团队共享资源库,团队共用一套资源库,组件和样式均可复用,产品设计更加规范,设计流程更加便捷。5、一键交付设计稿,设计稿完成后,一键转发给团队伙伴,标注信息一应俱全。对方打开即可查看、编辑甚至导图。想要了解更多关于原型图设计的相关信息推荐选择Pixso协同设计。Pixso不仅实现了和Sketch、AdobeXD的无缝衔接,更基于优秀的组件变体、自动布局、实时协作等特色功能,团队成员面对一个复杂的设计项目,不再需要等主视觉完成后再进行子页面设计,让UI设计师在网页上就可以尽情自由创作。如何在ipad上画产品原型图1.使用InspirationMaps:InspirationMaps是一款强大的思维导图工具,可以帮助用户简化产品原型设计过程。它可以帮助设计师一眼望穿一个思维,从而加速产品原型设计流程。2.使用MockplusIpad:MockplusIpad是一款专为iPad开发的原型设计工具,它可以帮助用户迅速创建任何类型的产品原型。此外,它还支持实时预览和即时交互,帮助您轻松查看设计效果。3.使用OrigamiStudio:OrigamiStudio是一款极其强大的iPad原型设计工具。可以帮你在散开的界面元素之间创建复杂的动画效果,让用户一眼望过产品的设计效果和操作流程。

iOS原型图设计用Pixso协同设计软件比较好。Pixso可以多人云端协作设计，实时同步字号、边框、颜色等各种细节。1、在线设计，无需下载软件占用电脑内存，无需更新软件，打开web就可以开始设计。2、多人实时协同工作，支持多位成员同时在一个文档进行操作，实时同步进展。3、云端储存，再也不用担心没带源文件的尴尬，登录账号可以随时随地施展创意。4、团队共享资源库，团队共用一套资源库，组件和样式均可复用，产品设计更加规范，设计流程更加便捷。5、一键交付设计稿，设计稿完成后，一键转发给团队伙伴，标注信息一应俱全。对方打开即可查看、编辑甚至导图。想要了解更多关于原型图设计的相关信息推荐选择Pixso协同设计。Pixso不仅实现了和Sketch、AdobeXD的无缝衔接，更基于优秀的组件变体、自动布局、实时协作等特色功能，团队成员面对一个复杂的设计项目，不再需要等主视觉完成后再进行子页面设计，让UI设计师在网页上就可以尽情自由创作。

有些人使用纸张和笔画，有些人使用axure，有些人使用OmniGraffle，有些人使用photoshop，有些人使用ai，有些人使用这个草图。其他人使用Keynote做原型。流程图也有专用流程图软件。工具的使用总是因人而异的。以上所有的工具都已被使用(用于原型图)，主要用于移动端产品设计，讨论他们自己的感觉，无法给出结论，仅供参考。Axure有一个明显的层次结构，可以清晰地看到页面的层次结构。然而，移动终端产品的线框不方便绘制，绘图功能不方便，手机界面非常灵活，拖拽模板总是变化。动画跳跃不是很好，加上这类细节也是时间，大部分的功能我都不用。但是一些大牛使用axure很好，还设计出了很棒的产品。OmniGraffle丰富的字体,你可以直接在线图在绘画过程中,很容易理解的函数表达式,但没有axure层次,做移动终端产品设计不能直接看到素描图的电话,手机看不纠结的目的视觉细节,但感觉上的页面布局和功能手机是不一样的在电脑上看。这可以由mockup工具来弥补。然而，单页图是不容易的，所以有时它不方便。这个素描符号很好。草图不是关于视觉细节的。我将在草图中制作模板，然后从模板绘制原型图。我的符号在最后一页。一些模块可以直接插入符号，这很方便。当你想要修改符号时，记得取消它。在手机上预览线框图。但不支持安卓手机是不好的。有一些画板和页面功能可以部分区分等级和功能，但不像axure那样清晰。在使用草图时，流程图是用MindNode绘制的。最常用的原型工具是笔和纸，而计算机的原型是记录、迭代和输出。工具总是工具。