摹客rp实例教程
零基础小白如何快速转行产品经理？今天我们要聊的是第一步，画圆形。新手产品怎么快速学会画圆形？选好工具比勤奋更重要，今天介绍一款大厂产品都在用的圆形工具模特软件是完全免费的，简单易上手，一学就会，还有特别多的模板供你选择，跟同行一比，直接缩短一个月的学习时间， 连学习步骤都帮你梳理好了一个视频。三步，教你用模特快速设计一款 app。 步骤一，首先确定你要做的内容和竞品。目标产品学习原型的核心就是模仿， 找竞品页面模仿。我们今天要做的 app 是积分商城，模仿对象选定了招商银行。步骤二，确认目标产品页面和梳理流程，制作流程图 在开始画圆形之前，我建议先用页面流程图梳理好页面流程和功能模块。梳理流程，把目标产品关键流程进行截图导入模客，按照页面顺序排列好，对于点击有交互的地方，用热区组件进行 标注，并用模特自带的流程图工具进行页面跳转的连接和备注。积分商城是一个很好的练习场景，很多产品在做会员成长体系相关内容的时候，都会选择加入积分商城作为激励奖励用户的方式，比如腾讯视频、百度网盘、优酷视频，名称可能会有一些不同，是积分金币或是各种逗的方式进行兑换。 步骤三，画圆形，制作交互。我们把目标页面放在旁边做一个参考，添加每个区域的图标按钮、文字和信息模块，里面内置了上千个免费图标和实用组件，我们可以直接拿来使用，像这里的可自动滑动的班，那我们就可以使用轮波图组件进行制作，希望点击可以跳转的位置，我们就放上热区，然后直接一连接就完成了。交互设置 操作非常简单，如果你想制作有弹窗交互的效果，可以先创建一个辅助画板，放置弹窗，我们先要点击这里可以弹出弹窗，那么一连起来就行了。一边内容和交互跳转都做好了，最后我们预览一下 是不是很简单。当然如果你希望在高保真一些，可以替换一些图片，对文字和按钮修改颜色，或者更简单的方式，可以直接从五版库里面选择想要做的 app 内容，直接进行编辑修改，就能快速做好一个 app 原型。你还可以把做好的 app 设计直接分享给别人和团队的伙伴，邀请他们一起制作 好了本期推荐的好用圆形工具模特和新手产品的圆形练习步骤，你学会了吗？如果觉得本期视频对你有帮助的话，别忘了点赞和收藏，赶快分享给你身边想学习设计 app 的朋友吧！
粉丝1.6万获赞9.3万
相关视频
01:06查看AI文稿AI文稿我跟你说几分钟设计一款 app， 嘎嘎，简单，你一定要看看，很多小伙伴私信问怎么做 app， 那么你看一下这款宣称永久免费的木克 rp， 没有任何学习门槛，普通人看几眼就能学会，操作非常简单，跟设计 qq 空间一样，还有大量的模板和案例免费使用，绝对适合你。 下面我就用这款免费的木克 rp 给大家演示一下如何通过套用模板快速设计一个 app。 登录之后呢，我们可以直接创建新的项目，也可以在左侧的模板栗子找到我们适合的项目，直接拖拽。每个案例中呢都是免费的，所有的按键呢都可以随意的搭配， 就像我选的这款智慧停车场互联网项目，无论是地图还是支付，都可以快速设计出你想要的，并且网页和客户端任你选择都可以使用，就连区域按钮和图标，他就内置 三千多个免费图标。不仅如此，还可以邀请其他人共同设计。设计完之后呢，点击右上角就可以免费进行发布。希望这个视频能对你有所帮助，也希望您能帮忙点个赞，并且分享给你身边想设计 app 的朋友。
5578江枫编程实验室
01:03查看AI文稿AI文稿圆形设计四大交互类型页面交互是圆形设计中最常见的交互方式，页面的载入效果、打开方式等都是你做圆形时需考虑的。 组建交互也是圆形设计中常用的交互方式，主要包括组建状态、鼠标事件等。 系统交互常用在系统提示上，当你在模特 rp 中画圆形时，会弹出免费计划活动的气泡来提示你。网络异常时， 博客二 p 界面上会谈出提示，告诉你网络出现了问题。手势交互常用于移动端上，主要 包括上滑、下滑、左滑、右滑和长按等效果 设计，一加二模特就够了。
191摹客设计云
00:32查看AI文稿AI文稿高级的 ui 界面从不需要花里胡哨，在给 ui 配色过程中，可以挑取主题色，通过调整饱和度和明度，让 ui 画面更加和谐统一。在设计选项卡时，通常会用勾选框来表现选中状态，或许可以尝试用背景来区分，以此来抓住用户的注意力。 文本内容比较多时，将文字颜色设置为浅色，更能提高文本阅读感。但如果文字本身比较细，可读性就会大大降低，文字颜色就需要重新调整为深色。
19摹客设计云
01:33查看AI文稿AI文稿如何一分钟快速设计出一个 app？ 我们现在生活在 app 时代，很多人都有设计一个 app 的想法。比如摇一摇附近妹子的交友 app、 不被美团饿了么盘播的外卖 app、 看免费视频的 app、 网课老师的课程学习 app、 能看免费电子书的 app。 其实这些 app 早就已经被人设计出来了，而且还做成了模板，我们直接拿来套用就可以了。比如这款宣称永久免费的 app 设计工具模克 lp， 里面就有大量 app 模板，有电商、旅游、资讯、社交、影视、娱乐、生活、教育等等几乎所有类型的 app 模板比 比如我想设计一个可以摇一摇附近妹子的交友 app， 全部过程在网页上就可以完成。在模特 ip 官网找到模板栗子，选一款你喜欢的 app 模板，比如我从社交分类里找到这款，进来就可以看到设计好的所有页面有注册登录页、身份信息、兴趣爱好页、摇附近妹子的首页、 美女帅哥精选液、私信聊天、个人资料页等等。点右上角这边际或保存，就可以在模特 irp 里随意修改使用了。比如把这个 app 的名字改成鹊桥，这款叫鹊桥的交友 app 就设计完了，是不是非常快？如果你找不到完全满意的模板，也可以用模客 irp 从零开始新建一个空白项目， 手动设计出一个理想的 app， 从左侧直接拖拽内置的组件和图标，像搭乐高积木一样在右侧调整详细参数，轻轻松松就能实现你的想法，你也可以随时邀请别人一起协作设计，非常便捷。 摩克 lp 这种免费 app 设计工具，设计 app 就变得跟喝水一样简单，但一个 app 要取得成绩，还需要配备匹配的运作能力。想试一试的小伙伴可以尝试在评论区寻找志同道合的朋友。
1.1万软件侠何二
02:14
05:48查看AI文稿AI文稿到目前为止呢，大家已经清楚了如何使用非馆平台呢，进行设计，然后进行切图加上这个标注。 那么本节课呢，给大家讲解的是我们如何使用第三方服务呢，去完成切图加标注的这个服务，因为未来呢，我们在公司团队中，他所采用的是哪一种方案， 我们是无法去确定的，对吧？我们能做的事情就是说多去掌握一些不同的方案，这样今后呢，即便是遇到了这种需求，我们也可以呢把它搞定。类似的这种插件呢不止一个，像蓝狐和木克这些都是挺好用的，那 本节课呢，我将会采用木克的这款插件，给大家去演示他的具体的这个做法，那么你学会之后呢，其实同类的这个插件在使用性上啊，差异是不大的， 那我这边呢已经安装好了木克的这个插件，装好之后呢，需要去搭建一个项目，然后以及建立一个分组，都可以点击加号建立就行。画板大小呢就是采用我们当前的设计稿一倍图， 第一次上传时可以选择上传全部画板，也可以呢叫上传所选画板，只要你选择谁，他就可以把谁进行上传 好。那么关于这个叫添加切片图层，这是什么意思？这是用来切图使用的啊，如果说你不设置切片图层，那你传上去他也没有办法进行切图。好给大家演示一下 如何添加切片图层，我们先看一下这四个图标，放大一点。首先呢我们要找到这个图标的位置，找到之后呢，你会发现呢，在他这里面啊，不可点击添加切片图层，不可点击，原因是因为什么呢？ 我们当前的这个组件是实力组件，他不是模板，你看啊，如果说我把它再复制一份， 他跟他是一样的啊，都是实力组件，然后我把这个实力组件给他，右键选择分离实力，让他变成一个画框，来一个普通的一个画框， 那么这时候你会发现呢，他就可以去点了添加切片图层，然后点一下，然后周围的话呢，会自动的给我们套一个框。为什么这个框这么大呢？因为我们这个图形呢，他有什么？是不是有这 这个阴影，哎，主要是有这个阴影的原因啊，所以他这个框呢会稍微大一点点，所以添加切片的方式就是说先点一下添加，想要删除怎么办呢？直接点他点击删除就可以删掉了。 那好，那你说我们岂不是要把这些东西全部取消掉，对不对？这样多麻烦。其实不需要的啊， 我们只需要呢，回到他的模板，在组建库中啊，找到他的模板，那么找到他模板之后，你可以框选给这些模板门，一键去添加切片图层，但前提是你要把名字，哎，记得要命。好啊，点击 好那点好之后的话呢，你会发现呢，这些小虚线就已经全部创建好了，而这个时候你再回到我们页面铃木页面，对不对？这样就没有问题了啊，就全部搞定， 所以呢，我们的组建库啊，非常的重要，当你把这些全部搞定之后，我们来上传一下啊，那我就只上传这一个就行，因为其他页面的话呢，都是大同小异的，点击上传所选画板，选择上传，耐心等待 上传成功之后呢，点击查看项目。 好，那这样的话呢，我们就进入到了木克的这个平台，我们先双击一下， 双击之后呢，首先标注就是你还是单击，那这样就可以查看他具体的这个标注，那么切图的话呢，只要是有虚线存在的地方，他都是切图， 但这些地方都有。在右侧的话呢，可以看到这些切图的资源，根据自己的选择啊，自行下载也可以呢，勾上这个 全选，然后比如说你们公司不需要一倍图，那就把它点掉，点击下载，选中切图，那到此为止。这就是关于我们木克啊怎么去设置，以及设置成功之后上传，再放到木克平台中进行，点击这个下载就可以了， 那我们也可以呢，单击某一个字啊，你看在右侧中就能看到一些详细的数据，在代码里面也能生成开发人员所使用的这些数据都是可以的。然后这个做完之后呢，你还是要把你的同事呢邀请到你的这个项目中去， 那么回到首页，回到首页之后呢，在这里啊邀请新成员点击，然后他的身份是什么呢？可以自己去选择，比如说协同人尽可 查看评论和下载。然后成员那链接有效时间的话呢，可以设置个七天啊，因为你发给他之后呢，他就会直接加入进来吗？然后点击这个下一步，那你的新成员可以看哪个项目呢？当然是看我们 app 这个项目，点击生成链接， 哎，这样就得到了这个链接，你再把这个链接呢发给你的这个同事，然后呢你的同事呢，他也要注册木克的这个平台账号来，一注册一成功，一进到这个项目，那他看到的结果跟我们就是一模一样了。 以上呢，就是关于木刻插件的使用过程。
38黑马程序员视频库
01:33查看AI文稿AI文稿最近有朋友转型做产品经理，咨询我产品经理工作的时候经常用到哪些工具？那花圆形是我们产品经理最基础的技能，很多小伙伴还在用 s 处，但 s 处在团队协同组建丰富上没有明显的优势。今天给大家介绍一款云端的圆形设计工具，模特 ip。 模特 ip 是一款在线圆形工具，搭配模特协作平台，还可以实现团队一站式的设计。加上协作，与 s 硕相比，它具有哪些独特的地方呢？一、创建圆形图时，有多种页面尺寸可以选择，可以查看相关的按理模板，让产品经理的圆形设计更高效。 第二，内置多种不同类型的组建组建，按照分类展示，能够让我们在设计原型的时候快速找到想要的组建。第三，支持团队协作，通过链接发布协作平台，分享给 ui 开发、测试、修改，实时同步，也使我们的工作更高效。第四， 现成的模板可直接服用，对于我们新手来说，上手难度低，一键保存，高效服用。最近模客又上新了几个小的功能，体验度又提升了一个 level。 第一，手机端演示时呢，支持双指缩放画板。第二，新增 ip 圆形稿的画板模式，可以预览所有的画板， 除了为我们产品经理提供圆形设计工具，还为 ui 设计师提供设计工具、模特 dt 和设计协作平台。那针对个人的用户来说，圆形设计所有的功能都是免费的，近期还有模特免费设计计划的活动，只要邀请五名好友注册并加入团队一起工作，就能够获得无限设计包的权益， 包含模特 ip 所有的功能，团队所有成员都可享用，你快来试一试吧！
18Livy黄
01:23查看AI文稿AI文稿he has no hang yang naturally tour than shirshu sola all the blembus mouth toribetas are christmas mouth toribeta doesn't toward crocosola， curry skin， lincoln and then dismissed crimes crime salma so the kitchejisho they cannot clark the bet kriganigan aesthetics here saula all my computer in scholary dyndic and churrasala balloon and the church solar water from vietnam success on the also slam seden ps， ps， lambos， muscle mushrontala mountain， nicknasa lane kick has some engine walls i shouldn't choose on la blue the mountain， nasa again mushy bridget to love trolls on label motion of oxide night， tapsila or let's settle again pscas with us again makes posanla ask the glue on my clock said to our sunla pluto。
2361卡依度平面设计，做一行，专一行
01:45查看AI文稿AI文稿产品经理还原型最常用的工具当然是 xr， 但是 xr 的问题也非常多，比如原生的原件就特别少，所以你需要自己整理原件裤和模板，否则的话就会很难用，而且 xr 对团队协助也不顾又好，所以推荐大家可以尝试一下。模特 和 x 用起来很像，但是如果你 x 会用，上手就非常容易，但是相比 x 却好用的多，有这么几个点，第一呢，就是他同时有网页和客户端，就算你不装客户端，网页也可以用啊，软档自动云筒布，不用总是 ctrls 保存，再也不用担心文件的丢失。 第二就是产品在设计前端方案的时候，常用的手机派的和外部端尺寸，他都给你做成模板画了，新建文档的时候就非常方便， 这点其实对新手产品就非常友好，你再也不用去查我要画一个移动端尺寸应该画多大了。第三呢，它含有丰富的圆形库，这点就比 x 要丰富很多，比如常用的进度条开关，或者 移动端常用的键盘二维码，甚至你要做数据看版的时候，常用到的各种饼状图、曲线图、雷达图、散点图都是自带的，你要用 x 那就费劲了，但是你也可以截图往上贴，那就很丑，所以模克这点做的就很人性。 第四呢，他自带的图标也非常多，像电量、导航、开关、日历、通讯录，点赞、评论、收藏、转发，你能够想到的软件里面都自带。 第五呢，就是他有各行各业的一些原型模板，这个对有经验的老产品其实没什么用，但是对新手产品就很友好，找你们公司相同赛道的模板改改就能用了，不用重托画，所以效率就会提升很多。第六，也是最重要的一点， 就在公司里产品 ueui 用到的软件可能都不一样，所以模特打通了 ps sketch 飞个马和 x， 所以就算你同事用的不是模克，团队协作也不会有任何影响，非常方便。我是觉得比 x 要好用一些，大家可以尝试一下。
1228刀叔产品论
00:38查看AI文稿AI文稿两张相同的卡片，怎样让他们区分出来呢？或许你可以加个阴影，添加阴影后，立体的感觉就有了，即使放在一堆卡片中，他也最亮眼。当然，你也可以把阴影放在下方，加上印象，一张通透的海报就出来了。阴影常被用在按钮上， 给按钮添加上阴影，纵身感更强，让人有想点击的欲望。如果你追求精致，那就在阴影上下功夫。调整阴影的颜色和透明度，让阴影更柔和一些。但阴影不能加太多，会显得有点脏。灵活使用阴影才能与众不同。
12摹客设计云
00:49查看AI文稿AI文稿老板有一个设计需求，需要让这部分的数据更加直观，数据可视化就派上的用掌。首先画一个直角坐标系，据第一项线， x 周为当月天数， y 周为新增人数。 在坐标系中找出每天的数据位置，然后连成线，一个简单的数据可视化就完成了。但是拥挤的天数会降低我们的视觉观感，不如加入周合月，让每周数据和每月的数据进行区分展示。 如果觉得数据走势不够明显，可以尝试将歪着的起点数值调高，数据趋势也会更加明显。接着给曲线图标加入投影，除去多余的文字，最后加入标题，求是一番，插入到原本的设计图中，逼格以下就有了。
174摹客设计云
01:42查看AI文稿AI文稿圆形工具的综合实用测评？嗯，产品经理常用的圆形工具的话，呃，讲一下优劣势和一个运动编辑啊，包括 extra， 磨刀、模刻跟 sketch。 那 extra 的话是比较老牌和经典的一个圆形设计工具。使用环境要求的话，呃，需要下载应用， mac 和 windows 双系统都是可以兼容的， 上手的门槛比较低，操作界面的应用性的话还 ok。 嗯，适合绘制圆形图的方向是偏低保真的，纯粹的一个圆形图，嗯，很适合产品和交互分离的那个产品经理的岗位去使用。文件的传输和共享的便携性的话，嗯，不是网页端的嘛，所以需要做文件的导出，并且有的时候可能会遇到导出文件过大的压缩问题。 磨刀和模刻最大的优势就是都有网页端的一个。呃，工具，文件传输共小时，可以直接通过发送的发送链接比较方便。当然反过来来说，数据在云端存储的话可能会有安全性 的问题，有的大厂的话会有安全性的要求，就不能使用这两个工具了。那这两个工具对比来说的话，呃，磨刀更适合用于做需要有交互效果的一个原型。 sketch 的话，最大的优点就是界面交互友好，能做出中高保真的一个圆形，开源的组件化比较多，做出来的圆形的话视觉美观度比较强，但劣势也比较明显，只有 mac 系统可以使用。 对于需要协作的产品，在文件传输和共同协作上，呃， maybe 会有需要快软件的问题。对于偏 b 端的产品，前三个其实就足够用了。偏 c 端兼容了交互和创新性功能的产品的话，可以善用 sketch， 如果真的有啊大量传输共享圆形的需求，那其实你可以啊，再说一步就尝试 fake 码了。之前被耳朵比高价买了的一个明星产品，那它更适合用呃，设计师使用但圆形高，保证质量要求高的产品也可以试试，也是网页端可以使用的，记得点赞关注哦。
00:46查看AI文稿AI文稿二、 p fiber power 功能介绍一、它能够分析和优化各种器件，例如单模和多模光纤光纤，有核气双包层光纤、多星光纤、锥形光纤、螺旋芯光纤 光波电路、光纤放大器、光纤电信系统、光纤激光器、超快光纤激光器和放大器、脉冲和超快固体激光器和放大器等等。它有三种用户界面， toilet 形式、 i v t 形式、 custom forum 形式。 他还能够计算有镜像对称的折射率分布的弱倒光纤，所有倒模还有拼磨的各种特性。 它也能够建模具有复杂用户自定义能及机制的激光活性离子。点击关注，了解更多精彩内容！
00:34查看AI文稿AI文稿如果把不同颜色进行模糊，画面就会呈现一种虚实变化，这就是弥散渐变。在画布中加入几个形状，再填充上不同的颜色，最后做个模糊效果，可以让画面更通透，也更能聚焦内容。 如果你想要纯净感，那就丰富几种颜色，表现力会更强。或许你也可以试试纯色的弥散效果。唇色模糊，没有明显的色彩过度，更加安静自然，如果加上皂点，画面的质感会进一步提升。
16摹客设计云
