想用 ai 做一套完整的 app 设计稿,但不知道从哪下手,做到一半就乱了。之前说过 master go 的 基础功能,今天用它实操整个电商 app, 一 步步来,从零到完整设计稿,积分还画的少, 建议收藏跟着做,别上来就画图。先让 ai 帮你理清要做什么页面 需求,有了下一步定颜色,这一步很多人直接跳过,结果就是每页颜色都不一样,所以我们先锁定一套色彩,后面每页都用这套颜色打底, 颜色搞定了。接下来这个是很多人翻车的地方。底部导航栏为什么他这么重要?因为你后面每个页面都要附用他,他就是整套设计的骨架。他有两种做法,截图上传,固定底部样式,或者更省积分的方式。先让 ai 生成底部导航, 生成完可以复制一份,后面每个页面都基于这个框架来修改,这样风格才能统一。 骨架搭好了,开始填充内容,想要更有设计感,加一句,布局新颖有特色。想增加一些东西,但不知道有啥可以加的,可以加一句,增加两到三个创意模块,让 ai 自己来生成一些, 满意了就往下走,不满意可以重新生成。 接下来几个页面就更简单,因为套路已经跑通了。分类页、购物车页,我的页面,同样的方法,提示词换个内容就行, 哪里不满意就在当前版本里重新生成或者微调。比如首页想在超级品牌日下增加个最近热卖的衣服,改提示词就行,不用重做。 底部导航的页面搞定后,那商品详情页呢?它没有导航栏啊,没问题,提日词理说清楚就行。商品详情、订单页、个人中心详情页等。同样的方法按顺序生成 所有页面,做完了放进画布,命名,整理,一套完整的设计稿就出来了。如果想用飞克曼或者其他软件编辑导出 svg, 直接连接过去就能用。 回顾一下核心流程,拆需求,定色彩,做导航骨架。 主页生成微调十几个页面,积分完全在可控范围内,积分不够申请多账号分着做,最后整合到一起就行。这期对你有帮助的话,点赞、收藏、关注我们下期继续!
粉丝1839获赞5315

最近这几天在互联网圈发生了一件大事,美国的一款 ui 设计在线系统类工具菲格玛把大江公司的部分账号封停了,在设计界传的也是沸沸扬扬的。今天朋友圈里看到了好多设计师朋友都在文件本地话保存, 这事件对我们设计师来说影响很大,我们是非常担忧的,那么是否能够有一款设计工具可以做到设计搞迁移,还能兼顾团队日常协作呢?目前国内有三款设计软件可以做到完全实现与飞哥马的设计文件无缝衔接。 monster go 及时设计 pixo 这三款设计软件进行的使用对比。一、我们先从设计文件的导入对比, master go 只需要复制链接就可以非常速度的导入, 其实设计只支持文件本地化的导入,会有些缓慢, pix 的操作比较繁琐,而且文件缓冲很慢,会有一定的延时。二、文件的打开反应速度, master go 打开速度缓冲很流畅, 反应很及时,而其实设计的打开反应时间需要两到三秒, pixo 的反应就很明显要慢,延迟很多很多。三、文件还原度, mosco 完整保留了素材和图层样式以及字体,在很多细节部分上完美还原,而其实设计会有些卡顿和加载缓慢的情况,而 pixo 的展现效果不是很完美, 缩放没有进行优化。从上面的对比测试可以看出来,测使用流畅度等方面存在着很大的问题,而及时设计卡顿加载慢的表现也不是很稳定, master go 的性能总体表现要明显优于两者,这样一来我认为 master go 才是最好的选择,所以大家快来使用吧!

前两天大家部分团队被封禁,已经不能再使用飞哥马进行设计了,这让我们不由得害怕自己辛苦累积的素材库,公司已经落地的组建资源无法正常使用,大家纷纷都进行飞哥马文件转移。目前国内有三家工具可以实现了飞哥马文件的无缝迁移, 分别是 master go、 机齿设计、 pixo。 在同事国风素材的文件下,我对这三款协同办公软件的性能做了以下三点的测评对比。 一、导入方式, most go 复制粘贴链接即可导入文件,非常便捷而及时。设计和 pixel 需要先导出 fik 码文件,再点击导入文件,步骤稍多。二、反应速度, most go 整体拖动都非常流畅,而另外两款软件都出现延时加长的现。 三、文件还原度,大型文件下, max 的勾完整保留了图层和素材,而且依然很流畅。 吉时设计则是出现卡顿和加载的情况,而 bixo 不能完好的展示图片,整体使用下来, master go 的综合性能最优, biso 的素材显示问题比较大,所以略低于吉时设计。最后,希望国产软件越做越好。

视频开时间先问大家一个问题,你平时最常使用的是哪款设计工具呢? 今天小周就回归自己的老本行,给大家分享一款我日常在使用的免费设计工具, master go 工具,完全免费,且同时支持 windows 和麦克段,希望大家看完之后都能让今后的设计工作变得更加简单。 相信大家一定遇到过这样的情况,下班回家了,甲方爸爸突然问你要了一个设计文件,那如果此时文件存放在公司电脑里就会非常的尴尬。 当在使用 match to go 之后,你就再也不用担心此类问题了,因为它本身是基于网游浏览器的,所以你只要一键分享链接,然后在任何地点,只要在浏览器登录下账号,就可以快速编辑设计文件了,超级方便。我们编辑过的所有历史文件都会显示在主页中,你可以在这里搜索文件名称,快 快速找到历史文件。而点击新建或者是这里的加号,都可以新建一个文件标签页,平时就像是管理浏览器网页一样去管理我们的设计文件, 然后他可以在一个画布中同时存放多张设计图像,我的 b, 某设计封面、某书设计封面、某音设计封面以及每个项目的设计素材,我都会在这里完成哦对了,容器还提供了各类设备的尺寸大小,不用手动书数值一件即可套用多套模板,超级便捷。

今天教你用 master go 第三期 control 加 alt 加 k 创建组件,页面中如果有多种相同类型元素,直接从组件拖出来使用就可以了。对齐分布一下修改组件,所有实力也会跟着更改,有需要也可以下拉选择切换不同实力或右键解绑组件就不会再有关联了。 单独按住 control, 选中每个十厘米的图片,也可以快速用资源库里的人物头像进行替换或随意修改文字。 还可以拉动中间的线调整间距,拖动小圆点,还可以快速换顺序,超级方便。想要固定对齐某条线,也可以 shit 加 r 调出标尺去移动。 按住键盘上的 o 神键,画布上会显示出你选中的图层和你鼠标悬停的图层间的距离。点击上方标注,选择适合的方案,也可以直接一键生成标 代码。最后点击这里导出,选择倍数和格式就可以输出后一起交给开发啦。圆形里还可以做简单的交互效果。选中容器一,如果有需要左滑右滑的内容,就选择上溢出行为设置里选好机型,点击播放就可以进行滑动交互啦。 提前做好两个交互切换页面,选中容器二,添加流程起始点添加交互选择点击出发前往容器三,选择智能动画,缓入缓出,点击播放,就可以进行点击切换交互啦!学会记得点赞关注,教你更多技巧哦!

就在前几天,飞克马官方发布公告大家本部分团队账号被封,无法正常登录和使用软件,这可在设计圈扎开了过呀,为了避免未来某天自己也无法登录和使用飞克马的情况,那么我用几个晚上时间找到了以下三个国内自己研发的工具, master go 及时设计 pixo, 但要作为菲格玛的国产替代品,性能可是很重要的,为此我也简单的测试了一下。首先我们来看文件导入,马斯 go 只需要复制链接就可以轻松导入,而 pixo 和机制设计呢,就有相对复杂一些,需要导出非格玛文件,再点击导入。 接着我们来看史料文件处理部分,可以看到三款软件在处理单个图标文件的缩放和拖动时呢,都没什么太大问题,但我发现对于多个图标同时作放,极致设计会出现明显卡顿, tixo 似乎比较顺畅,而马斯的功能就比较丝滑,没什么卡顿。再来看看大型文件,可以看到我拖拽时及时设计会出现轻微的延迟,但也可以完成基本操作, tixo 的表现就嗯有待改进。 我们来看看马思够整体表现非常顺畅,没有出现延迟和卡顿,当然也可以正常编辑。综合来看,马思够整体性能更加稳定。其次是 pixo 和机师设计,其实国产 ui 软件一直没有放弃研究,而我相信随着我们科技不断提升,终将会实现真正的软件自由。

ui 设计到底用什么工具呢?今天给你们推荐一个南湖边了两年研发的 ui 设计工具,马斯特 go, 真正属于国人的 ui 设计产品。全中文界面,没有设备限制,网页端就可以创作,而且对个人和教育行业终身免费哦。我最喜欢的就是可以实时写作。我们只需要在主页创建自己的团队,统一文件支持,同时五十人 在线协作,可以实时以链接的形式把设计发给团队中的产品经理、设计师、工程师等任何成员,再也不用整理复杂的文件。 主界面右侧点击进入资源广场,可以查看和使用很多大厂的设计系统,这里会持续更新。新建文件后顶部有工具栏,左侧包括图层组建资源库,都是免费可商用的。比如我们需要用到图片,资源库中有分类好的图片可以插入,还有超多精致的图标供你选择。 设计完成后,顶部点击切换标注,右侧可以直接复制代码,快速导出设计图,无缝交给开发网页端全平台使用,没有电脑配置的要求,超低的延迟,摆脱设备限制,赶紧去试试吧!

还在为设计这件事头疼吗?无论你是产品经理、设计师、程序员,还是想为自己或小事业打造献上门面的普通人,今天这个工具 可能会彻底改变你的工作流和创意实践方式。简单说,用聊天就能做设计,他就是 master go。 你 描述需求,他就能在几分钟内生成专业的网页、 app 或者后台系统界面,甚至同步产出前端代码。设计师可以把重复性布局、 组建、拼搭等这些重复的工作省去。将题日词写好交给 ai, 或多用几套题日词让 ai 生成更多方案。自己的时间可以放到追求创意和打磨细节上, 而不会设计或自己设计的丑的拿不出手,刚好可以借助这个工具来实现。让我们来实际体验一下。我们创建项目后,使用 ai 快 答,可以选择创建网页端和移动端,让我们来尝试下。输入一个电商软件,他就会自己梳理,我们点击确定生成, 最后即可生成一个设计稿。我们看看他的积分,每月有一百的额度,套餐的价格也比较合适。模型分为大降和小降,耗费的积分不同,每次修改的积分也是不同。如果大降则可以上传图片。 一般来说,如果简单的十几个页面,这就够了,如果不够,可以再创建几个账号,最后把生成的图导出 svg 复制到一起,或者复制到飞格玛等应用。只要题日词写的好,够生成很多的设计稿了,会更省积分呢。以一个电商网站为例,我们可以用对话式的 ai 软件 来把网站风格和功能确定下来。比如我们可以问,我需要设计一个电商 app 卖主机,游戏机有哪些底部栏目,每个栏目中有哪些功能到二级页面,然后确定好主题色,选定好 组织好提示词。比如这段,我们让 must go 跑一下,等待后生成即可, 底下的版本号也会增加,遇到生成错的,不想要的,可以用这个方式进行回滚,或者直接点击复制副本 生成的可以选择不同的前端,可以为 html、 view 等,这样开发不用再次写代码, 点击代码模式复制到编辑器做修改即可,最后添加到画布,可以最后做一些修改。对专业团队而言,他是提升工作效率,加速业务验证的加速器。 对个人与创业者而言,他是零门槛将创意快速可化的实践器。尝试用说话的方式从想象变为眼前可试可用的现实。后期再给大家实操,做个小案例,关注我,我们下期再见!

大家好,今天我们通过一个简单的页面来熟悉 master go 的基础操作,首先我们使用容器工具建立一个容器,然后修改颜色,再通过官方总监库选取一个电池条。接下来我们开始绘制页面,首先使用圆形工具绘制一个头像, 调整一下描边样式,在前往官方资源库找到图片下的人物,点击就能快速填中头像,加上文字,上半部分就制作好了。 接下来我们绘制发布按钮,首先绘制一个矩形,然后在属性中调节圆角和颜色,加上文字,前往资源库中搜索想要的 icon, 调整颜色即可。然后我们来绘制卡片, 同样会去举行调整圆角和颜色,然后将准备好的图片拖拽进来,也可以使用资源库图片直接填充,双击选择上端圆角,单独调整 增加文字,然后一样的方法找到爱康,添加进来卡片就 ok 了。最后我们去官方插画库选取一个合适的插画进行装饰,将链接分享给小伙伴就可以交付了,还不快来试试?

我要疯了,总觉得那个牌牌很别扭。你拉两条参考线看看啊,这又不是 ps, 哪来的参考线嘛。 你按一下 shift r, 标尺不就出来了吗?参考线从标尺上拖出来,不用了就甩回去,松手。或者 选中参考线, delete, 删除。选中图层标志,点燃的地方就是对象的长宽、位置、尺寸一目了然。选中两个图层,可以测量图层间距,中间竖线就是中心线,可以随意调整间距。在标尺上点右键,可以选择沉浸模式,还可以同步到蓝湖。 哎,你这些图标有点松散啊,重做,我还有包装要设计哎,我给太东打电话,让他改一下吧。慢着,打,什么电话。 max 都有评论功能,输入意见,所有团队成员就都能看到了。还有这种操作,那提高效率不是一绝吗? 我发现友爱设计跟土特产包装差异还是挺大的,还是做土特产好。闭嘴,没有人比我更有永远的土特产吗?大家快到评论区领福利!

windows 不配做 ui 设计吗?快叫你们公司用这个! windows 系统没法用 sketch low 在这里直接就能导入。做设计最头疼的就是该一处而动全身,别担心,他可以一键同步所有更改,比如你改动的 这个图标,所有文件中的这个图标都变了,改动后也不用传来传去,直接可以在线同步给团队内的伙伴, 只能传文件改文件 low。 这是一个在线产品原型图设计网站,一站式产品设计协同工具,设计部分可以在线做设计稿,最主要的点, 点击这里直接显示修改意见,省去繁杂的沟通成本。原型部分可以直接设置交互标注部分,点击就可以显示形状区域 的代码。这个针对教育行业和个人用户,永久免费,简直爽到爆!资源广场还有各种设计模板可以直接使用,快去试试吧!

多多 app 设计好了要到处发给客户吗?到啥?不需要。 max go 有文件分享功能,点右上角的分享按钮,输入客户的邮箱发送就可以了。这里还可以复制链接粘贴到工作群发给客户。哇,这么方便啊! 但是我还有十届的商城项目要做,我实在扛不住了。哇哟哟哟,怎么还抠鼻子了呢?把这个项目交给现场团队吧!选中项目点成员,邀请成员 输入邮箱发送申请,支持五十人同时同文件在线协同办公点查看者还可以设置成员的三种不同权限。没事,这个工人太强大了吧, 这算啥,你选中图层点标注模式,工程师可以直接在这里查看设计图的代码和标注,大大提升效率。看胎动已经进来了,多人协同时点击他的头像,可以跟随他的视角,方便你跟踪进度,并且学习人家的设计思路。 国产的工具现在已经这么牛了吗?不行,我要推荐给我做 usb 的,适当赶紧评论区用起来吧!

出大事了啊,不知道最近设计圈的新闻大家有没有关注啊?飞哥们呢,有一个官方骚操作,封停了一批设计账号,那其中呢,就包括国内的大江设计团队,换句话讲,就是这个团队的设计师暂时不能使用飞哥们进行设计了。 还有一些设计团队呢,也在被封的边缘瑟瑟发抖,因为他们跟大江同在一个名单里啊,至于是什么名单我就不提了,我们讲设计无国界,艺术无国界,但现在事实证明并不是这样的, 国产的不一定是最强的,但一定是最安全的,因为一旦被封,我们辛苦积累的素材公司,产品中成熟的主监库啊等等都无法正常使用了。 所以作为一个 ui 设计的教育从业者啊,在出了这样的事情之后,首先我觉得挺无语的,然后就是在想国内的 ui 设计师要有一定的心理准备啊,以及思考一下如何去应对。那么目前国内有 三家设计工具可以代替飞个马,分别是蓝湖的 master go, 既是设计以及 pass。 那首先实事求是的来讲,除了 pass 我不是很熟悉以外,另外的两款软件我也算是老用户了,软件功能方面不多介绍了,因为什么组建设计团队协同啊,这些功能方面都相差无几。 那今天我要给大家测一下软件使用的时候最重要的一个性能,这是我之前在飞哥们做的一套外包项, 我把他们分别导入这三款软件,为了测试性能呢,我使用了相同的设备,相同的网络环境。首先是导入的速度啊,三款软件表现的都非常优秀,都在不到一分钟的时间导入, 在文件缩放跟拖动预览的时候呢, master go 表现的非常丝滑,那其他两挂软件呢,分别出现了卡顿跟加载的间歇。我们再来看另外一个大型文件啊, 当图层的数量变多的时候呢,性能的差距才会体现的更加明显。首先在文件的还原度上面,啊,马斯购依旧很好,保留了全部的图层以及各类素材,并且依然是可以非常丝滑的玉兰 pixo 呢,导入之后卡的不行,计时设计,在导入之后啊,图层出现了素材丢失, 那总结来讲,马斯特购物的综合表现最优,那其他两家虽然也表现的不错,但是在综合的使用表现上, pics 啊,因为图层还算完整啊,略胜于丢失图层的计时设计。最后还是希望国产软件都多多加油吧,越做越好,让国内的设计师都能够用上自己的软件去做设计啊。

那前两期我不是讲了马斯特购吗?那有人问了马斯特购到底怎么样?那这里我可以很负责任的告诉你,不仅好用,而且用起来就俩字, 爽!就拿着毛玻璃效果说吧,相信大家已经看了不少教程了,但用马斯特够一步就可以搞定。像这张页面中加上一张卡片,想让他变成毛玻璃效果,只需要降低填充这里的不透明度,再添加一个特效,选择背景模糊, 调整模糊数值,你看,就这么简单。像这样的毛玻璃图标,用马斯特购制作,就俩字,省事点这里就可以导出交付给开发了。那上方这个标注就可以看到每个元素的位置,开发用到的代码也在这呢,点击复制交给开发搞定。 当然了,如果你想要我详细讲解版马斯特购视频,可以直接找我一下,我是表哥,下期继续了解马斯特购。

大家好,今天给大家介绍一个在线设计神器 master go, 他可以在任何平台上使用,再也不用担心受限于麦克,配合文件,线上话甚至可以让你在地铁上轻松改需求,最重要的是他对个人用户永久免费。 master go 内置的资源广场,里面有着丰富的设计资源,包括主流设计系统、设计素材,甚至还拥有官方插画库和 icon 库, 只需要点击下载即可轻松调用,让你再也不用为找素材而烦恼。 max 的 go 更支持无缝衔接其他设计工具,可以一键导入之前的 skyte 设计稿,只需要点击导入选择你要导入的文件,然后等待一下就可以看到导入的文件了。或许还会支持飞个码等其他工具导入, 而且能够很好的还原之前设计搞的图层关系,完美支持了所有属性,轻松修改老文件,让你千衣无忧,因为所有文件都存在云端,解决了文件传递的烦恼,只需要将链接分享给小伙伴,就可以多人在线编辑了。 还有试图跟随功能,可以实时查看小伙伴的作图进度,还可以实时评论,让作图效率大大提升,从此远离加班,还不快来试试!

如果只有一碗米饭,我会如何设计他呢?我可以让他降低饱和度,添加灰色背景,再绘制一些烟雾元素,最后搭配手写汉字,一碗中国风的米饭就完成了。 我也可以让他适当缩小,添加文案后放大再放大,最后为文字添加边框,搭配对比强烈的颜色,一碗从小吃到大的米饭就完成了。我也可以让他居中摆放,用粗体英文填满画面,并搭配限量的颜色,最后添加环绕的形状,增加空间感,一碗潮酷的米饭就完成了。 最后我还可以把米饭翻转过来,给他添加投影后放大展示细节,再帮他起个英文名字,并放大摆放,然后给他一个价钱,一碗吃不起的米饭就完成了。这时一直在线上监工的女朋友留了一条圈话,我想要一碗可爱的米饭,那我就为他添加简单的线条轮廓,然后在他身上一顿乱涂乱画, 一碗可爱的米饭就完成了。最后甲方却说他们喜欢第一版。还好马斯购开发了很多好用的插件,用插件广场中的千彩就可以一键把配色收集好,轻松服用到接下来的设计中。最后用自带的切图功能,简单迅速的切图导出,就可以顺利的摆脱甲方魔掌。 不得不说,这些功能在提升设计效率方面真的很强。而马斯购也最近发起了国产设计软件共创计划,目前已有旷世科技、自如、新东方等大厂加入,有各个大厂的合作,相信马斯购也将持续优化迭代,与国内设计师并肩作战。我是研九七,我们下次再见!

当你做了好几天的土终于要做完了, ps 突然就不能用了,前功尽弃,你会骂人吗?如果技术无国界的话,使用国外开发的软件和技术,国内企业自然会省去大量的资源和维护的成本。但技术真的无国界吗? 前两天我在网上看到一则菲格玛的公告,因为大江在美国的注册名单里,所以这个公司将不能再使用菲格玛进行设计,这意味着项目将无法正常迭代。 菲格玛是美国开发的一款新时代 ui 设计工具,国内头部大厂自洁、腾讯、阿里、华为基本都在用菲格玛。一时之下,人人自危,谁都不敢保证自己不是下一个。 设计圈掀起了菲格玛文件资产转移的浪潮。如果不是这一纸禁令,也许很少人会注意到,国内也有同类软件一直默默做着技术优化,已经支持了菲格玛文件的转移,而我也分别对他们 进行了迁移的测试。 pixo 有时会出现明显卡顿,其实设计偶尔会出现涂层丢失的情况,而 master go 对 fakemon 文件的适配和操作流畅度做的是最出色的。从文件还原度和操作体验来说, master go 最优, pixo 比及时设计会好一些,所以我最后选择了 master go。 当我们越沉迷于使用别人的技术而不自言,就意味着和别人的差距越大,相关的话语权也越弱。所以总要有人先走这一步,就像华为的于总说的。