粉丝191获赞1385

大家好,我是小翔,我们来看一下飞哥马的工作区以及文件的管理。首先我们打开飞哥马,可以看到他的首页,在最上面可以看到我们当前打开的一个个的设计文件, 如果是苹果系统,最上面看到的是拆单栏,在温灯时下其实也有拆单栏,这个需要我们打开一个设计文件,在最前面的这个飞格马图标,我们点开在这能够看到这些拆单命令。 我们点击小房子,可以回到飞哥马的首页,下面是自己的账号,我们点开之后如果说登录了多个账号,可以在这里进行切换,也就是说我们可以同时登录多个飞哥马的账号。 右边有一个搜索框,在这里可以搜索文件或者是团队以及团队成员,再往右这里有一个通知图标,这个是跟团队协作关 更密切一些。我们后面会说到最右边有一个个人的头像,点开之后里面也有一些命令,首先是自己的账号,然后是个人中心,然后是插件设置,包括主题是亮色的还是暗色的,在这里也能切换账号或者是退出登录。 我们再看一下左边,左边的第一个是蕊顺子,就是最近打开的文件,在这里能够看到最近打开的这些文件,它是以时间顺序进行排序的。 然后第二个命令就是拽死,就是草稿,在草稿箱我们可以去新建文件,或者是查看我们已经删除的文件, 违建的新建我们一会会单独来说,再往下是可没有逆体,也就是社区,社区也是飞格马很有特色的一个功能,我们点开在这里能够发现大量的这些设计文件,包括一些设计资源,这些都 都是可以直接拿过来用的,而且都是原文件,这个我们也会单独来说,这里是提示让我们掏钱的,我们不用管它。下面有一个 freezerboss, 也就是收藏,比如说这些文件,我们点一下收藏,在这就能够看到我们收藏的这个文件下面才是真正的我们去管理文件的一个地方, 也就是 tm 子团队。在飞哥吗里面文件是这样的一个结构,我们来看一下这样的一个图。首先注意我们说的是免费账号的情况,因为如果说你能翻到这个视频,大概率你用的也是免费的账号, 然后我们这个账号可以去新建多个团队,是没有限制的,可以新建多个团队,免费版的一个团队只能新建一个项目,然后项目下是文件,一个项目下可以有三个设计文件,还有三个这个字母 的文件,设计文件就是我们做界面、做交互的这些文件,这个也是我们的一个终点。然后是非个继母文件,非个继母文件反正就是一个很好玩的东西,就是当前看到的这个就是一个非个继母文件,比如说这种花里胡哨的一些功能,包括去拖动一些形状,写一些文字, 当然这个也是可以多人协作的。嗯,这个呢主要多用于一些头脑风暴,这个我们也放到后面单独来讲,因为这个功能也比较简单。 然后是设计文件,免费情况下,每个设计文件只能建三个页面,我们可以看一下这个在这里只能建三个页面,再去新建就提示我们要掏钱。 其实三个页面一般也够我们用了,因为一个页面它并没有限制我们去建多少个画板,或者是绘制多少个元素。有一点免费账号是没 没有限制的,就是这个草稿箱,我们可以在草稿箱里面新建无数个文件,当然这里面的文件跟我们团队里面的文件它是有一些区别的,这个主要体现在团队协作上。点开团队,在这里能看到我已经新建了几个团队,我们可以点击下面,然后再去创建一个团队,比如说是谷歌, 然后点击创建就可以去创建一个团队,这里可以添加一些协助成员。当然我们可以先把这一步跳过去,后面用到的时候再去邀请, 然后我们选择这个免费的版本,这样我们就新建了一个团队,但是这个团队下现在是没有项目的,我们可以去新建一个项目,在这里点击 new practice, 或者是点击后面的这个加号,我们就可以新建一个项目,比如说这是我们的 一个外保端的项目,我们就叫外保。点击创建,这时我们就新建了一个项目,当然我们只能新建这一个项目,我们可以再点开这个团队,然后在这里可以看到一些团队的设置,比如说项目的情况,在这能够看到一个项目,然后是团队成员现在是没有的, 包括团队的设置,比如说团队的这个 logo, 我们可以在这看一下,比如说在这去改变我们团队的一个 logo, 我们点开刚才新建的这个项目,现在是空的,里面是没有文件的,我们可以在这里去新建一些文件,上面这里能看到我们可以新建设计文件或者是非科技文件, 当然我们只能建三个设计文件和三个飞格机母文件,我们也可以导入文件,比如说导入该学的文件,在这里我们可以点击这个加号,然后 后我们就新建了一个设计文件,并且他会自动把这个文件打开,打开这个文件,在最上面我们可以看到这个文件所属的这个项目以及文件的名称。现在叫安抬头的,也就是微命名,我们可以单击,然后去给他命一个名字,我们先随便起一个名字, 后面有一个小三角。我们点开之后还有一些其他的操作,比如说丢个 dk 就是复制,包括重命名,包括跳转到项目或者是移动到其他的项目,我们点击移动项目,可以移动到其他的团队或者是项目里面, 下面还有收藏或者是删除,上面这个是导出,然后这个是显示历史版本,飞个马会自动的给我们保存多个历史版本,我们点开历史版本,在这里能够看到我们 可以免费存储三十天的历史版本,如果是掏了钱就没有这个限制。具体的使用方法后面我们会说到点击叉号退出历史版本,在左边能够看到一个图层面板, 比如说我们按一下 a, 先去新建一个画板,在这里就能够看到有一个画板后面是资源,这个跟主建密切相关。再往后是配件,也就是页面,点开在这我们就可以新建多个页面,现在有一个我们可以再点击创建一个,再去点击 我们可以创建三个,再去点击就提示我们要升级,我们可以在这去切换页面,然后在页面里面我们就可以去新建多个画板, 然后在画板上进行我们的设计,比如说绘制一些形状,写一些文字,我们再看一下这个文件结构,就是团队 项目设计文件页面。最后给不想掏钱的小伙伴再提供一个小技巧,我们可以在茶馆箱里面去新建一个设计文件, 然后我们在这个文件里面可以去新建多个页面,这个是没有限制的,我们可以新建多个,然后我们把这个文件移动到项目里面,我们可以把它移动到我们刚才新建的这个项目里面, 这样他还是多个页面。如果我们再去这里进行添加是不能添加的,我们可以回到项目这里去看一下,我们当前这个项目里面有两个文件,那我们下次再见。

sketch 可以直接打开 sigma 文件了?刚上线的 c h 九五版本已经支持直接打开 sigma 文件了。我们准备两个测试文件,文件一以组为图层结构,文件二是用了自动布局。然后我们选择用 sketch 打开这两个文件, 需要等待一些时间,这样就导入好了。可以看到以组为图层结构的文件可以完全无缝移植, 我们来试一下文件二,使用同样的操作打开文件二, 由于这个文件效果功能使用的比较多,没有完全移植, sketch 会告诉你哪些属性没有转换成功。可以看到这个文件的图层结构比较凌乱,会将自动布局自动添加为门板结构, 一些锚点、圆角、图层模式等属性也没有完全移植。 比如如果我们在这个码中将这个图层模式改为正常,那就和 c h 中效果一致了。 c h 减五版本还对自动布局、注视等功能进行了更新,感兴趣的同学快试试吧!

我猜你肯定也遇到过这样的情况,看着一堆密密麻麻的文件,哎,我,那个文件存哪来着?上次做的那个文件叫什么名字来着?这个文件当时是哪个版本? 你历经千辛万苦,终于找到了你需要的文件,打开文件之后,发现他居然是个废弃的版本。我尼玛,或许你有着良好的文件管理习惯,但是新的问题也有可能会困扰着你。这个文件和上一个版本有什么区别? 当然,这不是你的国,我们的习惯呢,是面对问题给出答案。作为设计师的答案呢,就是一个又一个的设计文件。我相信有的时候你的答案远远还不止一个。 呃,所以我们做文件如果不及时整理呢,就会变成这个样子。即便你有整理和归纳的习惯,但是传统的目录结构的管理方法呢,又显得没有那么灵活。嗨,我是胶布。在接下来的十分钟里,我们将了解一种新的文件管 管理思路。首先要知道设计文件是如何产生的, ui 的设计呢,多是服务于产品的,而产品本身呢,会按照一定的周期进行更新,也就是所谓的发版 发板呢,会包含若干个功能。这里的功能呢,也可以叫做需求。其中每一个需求都相当于一个问题,都是需要对应档案的,也就是设计文件的支持。按照以往的管理方式呢,是直接面对需求进行管理,你的文件很有可能就会变成这个样子。 要是按照版本记录呢,在进行更新时,又需要在各种文件夹中来回穿梭,用起来还是有点麻烦。我们不妨尝试着换一种思路,创建一个记录文件,因为需求本身呢,他可能是一句话或者是一个文档,只需要我们记住就好了,哎,交付款,来来来,给你看一下这个需求,那吊炸天的需求 至少提升日活百分之二十,我跟你讲,这个绝对是用户刚需,用户一用就得喜欢上这个东西,你就说吵吵谁吧,哎,你这我也不太喜欢,来咱们看一下这个 app。 而处理结果呢,是一个又一个实实在在的文件,把记录和文件本身分开进行管理,他们之间用连接的方式进行管理。还记得文件是怎么来的吗?是发板中包含了需求,需求需要对应的文件, 那么我们可以把版本和需求这两个记录给提取出来。具体的设计文件呢,独立存储记录文件,通过链接的方式跳转到不同的设计文件,这样看起来是不是显得会灵活一些?那么接下来我们尝试增加一个虚拟项目,阿尔法版本,其中呢有两个需求,需求一 需要 a 页面,需求二需要 bc 页面。首先呢我们需要创建一个记录文件叫阿尔法,里面呢包含了需求一和需求二, 这个时候呢,我们把需求一的链接哎拽到 a 页面上来,需求二的链接呢,拽到 bc 页面上,这样看起来效果还算不错。 这种管理方式用到飞哥们上,我们来试一下效果。我们需要做三件事,首先呢我们需要创建一个目录文件和按照产品功能去创建设计文件。 首先呢是目录文件,这个目录文件我们也可以管,他叫做记录文件,他本身呢就是一个普通的费格网文件,在左侧配这四一栏呢,我们用来记录版本,每一个版本我们用一个配置进行表示。画板区域呢,是这个版本所 包含的需求,每个需求呢又会包含对应的功能页面,这样看起来好像还不错。不过为了区分每个需求在工作中不同的状态,我们可以再增加一行状态栏。呃,把这个记录文件呢做成一个任务看版的形式,看版从左到右依次为未确认。 呃,这里面放的是我们已经知道了,但是还不确认做不做的需求。收件箱需求和时间都明确了,但是我们不一定有时间立马开始做,然后我们可以把它放到收件箱里面等待去制作。 制作中呢,就是我们正在处理的这个需求了,带过稿呢,是我们做完了,需要和产品或者是开发进行确认的内容。呃,开发中呢,是设计确认完了都没有任何问题了,可以开发去实现了,然后再验收。是开发已经完成,然后等待我们设计 进行一个验收。已上线呢,是确认没有问题的需求之后,等待合并成集成包的需求。每一个需求呢,都会变成一个卡片的形式, 按照常规的工作流程呢,所有的卡片都会依次从最左侧挪到最右侧,然后都是一个已上线的状态,那么这一个版本的需求呢,就全都完事了。接下来是设计文件,这里呢我介绍一下我使用的管理方式。拿一款大家都比较熟悉的 apple 微信来举个例子, 我们可以按照 apple 功能呢进行设计文件的管理。首页呢,他可以是一个功能文件通讯录,发现我各是一个文件。 那么每一个功能文件的配这四一栏呢,会包含三种内容,分别是封面,可以帮助我们在飞哥码中快速定位文件。呃,他的尺寸呢是七百八十五 pt, 高是三百五十 pt, 这里面呢可以写上他的功能名字。 然后接下来呢是对应的设计文件。呃,前面四位呢是我们的需求号,这个需求号的话一般是由产品去记录的,每一个需求只会对应一个号码,这个号码呢必须是由产品设计开发,能达成一致的一个标准。 后面的版本呢是记录了这个页面的更新次数。呃,小数点。后两位呢是记录了简单样式的更改,比如说我改了这个页面的文字字号颜色,或者是调整了图标的大小。 小数点后移位呢,是记录了这个页面的功能框架的修改,比如说我在这个页面新增了一个功能。小数点的,前一位呢是大版本的修改。 呃,这个可能和上一个版本的设计是完全不一样的。最后呢还有一个仓库,这个仓库呢是用来存放我们一些飞机稿的。此外呢,我们还要给这个设计文 键增加一个标题,这个标题呢是和记录文件的需求保持一致的。在标题的后方呢,我们再增加一个记录文件索要链接的版本,接下来我们就可以把功能文件和版本记录给关联起来。在功能文件的 plus e 栏里面,右键选择对应页面,我们选择 copple 配置, 到版本记录中,找到对应的需求,然后找到对应的页面,然后选择文字,我们按一下键盘上的 ctrl 加 k, 或者是选择上方的创建这个链接, 在弹出的文本框里面,我们直接粘贴刚才所复制的链接就可以了,这样的话一个带有跳转链接的版本记录我们就可以做好了,这个时候我们就实现了版本记录跳转到对应设计文件的功能。另外为了方便我们跳回这个版本记录,我们可以在功能文件的标题的右上, 然后把他的这个前往版本记录也在创建一个链接,我们复制对应版本的页面链接,粘贴到对应的这个标题上,这样一来呢,就可以实现文件之间的快速跳转了。 一起来回顾一下版本式文件管理呢,主要有两部分组成,负责记录的版本文件,每一个配置里面呢包含了需求状态和需求卡片。 啤酒卡片里面呢,又包含了对应的功能页面的名称,另外一堆呢是以功能作为记录的设计文件,再配置一栏有封面,把笔记录和一个仓库,每一个配置里面呢又会有导航标题。 最后呢,他们之间用令客的方式进行关联,就实现了飞哥马的版本式文件管理。接下来模拟一个在工作中可能遇到的情况,比如说预计一点零点零二版本有三个需求,首先呢,我们需要新建一个一点零 零点零二这个版本,先把它记录下来,然后再增加任务处理的状态栏,再增加三个需求卡片。最后呢,我们依次将需求名称填写进去, 在对应的需求卡片里面呢,我们再填入页面名称到这里呢,记录文件我们就算创建完成了,接下来呢就是去找对应的功能文件,如果没有对应的功能文件,我们直接创建一个,记得加上封面版本记录和仓库。然后我们开始画界面, 假装这是界面画好了,在界面上方呢,我们记得去增加一个标题,把引导的标题呢给改掉,复制一个配置链接,粘贴到对应的需求的页面文字上,再将这个版本页面的链接粘贴到导航标题上,这样的话,我们第一个需求就算添加完成了, 其他的两个需求呢,我们用同样的方式进行添加。使用这样的文件管理方式呢,不管是产品设计师还是开发,在日常的工作流程中呢,我们只需要关注一个版本记录就 ok 了, 就可以快速的找到我们对应的文件内容。视频中所用到的文档呢,我会放在评论区中,大家可以自行下载。最后祝各位生活愉快,再见。 拿大家一款都比较熟悉,拿一款,大家都拿,拿大家拿一款,大家都比较对。

如何使用飞格拉组件呢?首先我们将图标与文字进行编组,然后点击图标创建组件,将组件子版复制出来。同样的操作于另一个图标, 有该棱形图标的为模板,点击子版组件可进行组件替换,在模板组件进行的更改会直接作用到子版组件上去, 再又不资产百块也可查看组建内容,快来尝试飞滚外的组建功能吧!一个核桃,专注名企,高薪就业!

贝格玛设计软件呢,其实呢就是一个网页版的四 g 软件,内饰的还有即刻设计软件,还有 max 设计软件这种云端四 h 的软件呢,它的优点呢是可以在网页上打开就可以进行设计, 缺点是每一次打开文件夹,特别是文件夹比较多,文件夹里面的页面也比较多的时候要夹窄很久。 第二个缺点呢就是网页版的设计呢,在 windows 电脑上打开这个网页的时候,那个背景呢,浅灰色跟白色 看起来呢,都是白色,这样区分起来啊就区分不清楚,所以看起来啊效果也很一般。

一个礼拜前,像往常一样正经的打开电脑,打开飞克马,准备这一期的素材, two hours later, oh god, please no no! 好的,看来飞哥马最大的缺点就是网络问题。以上变日本期视频的所有内容。 上一期视频我们介绍了飞哥们的三大优势,跨平台、多人协作和开元社区。 这些优势帮助我们不用再操心其他问题,完全专注设计本身。这一点看确实非常强大,但是作为一款面向广大人民群众的工具,那就要做好被毒打的准备。今天我 就带来了一盆无情卸妆水,带你看看迪格玛的真面。 问题一,网络问题,窒息指数,五颗星飞哥马网络问题的拉垮程度无人能及,如果要排个劝退榜单的话,那么他毫无疑问问句。第一,因为飞哥马急于网页,所以极其依赖网络,而飞哥马服务器又在海外,所以这就导致了两个非常恶心的问题,首先,很多涉及到内网保密的项目,比如计算 不可能让你联网投诉,这个嘛,根本用不了。第二个就是人尽皆知的家宅反抗问题,无论是文件、图片、插件、组件、样式调用、社区等等,都会时不时出现让人抓狂的家带反抗问题, 而且就算翻墙,有时候也会出现体验相当恶劣。解决方案,科学上网,否则大部分情况你可能都会有这个问题,反而通过 dns 的修改来有效提升访问速度。后面呢,我会单独出一期教程,当然你也可以参考草帽之前的这个视频。问题二, 视角缩放方向和 skr 完全相反,窒息指数,三颗星。一年前,当我怀着忐忑不安的心情打个丁盲,第一次进行视角缩放操作的那一刻,震惊了,滚轮缩放方向居然和 skr 完全相反, 我一度怀疑菲格玛的交互设计师在设计这个手势时是不是喝了假酒。菲格玛和 sky 很多地方相似,以此降低用户学习成本,这一点的的确非常人性化,但是唯独缩放方向来个反向操作,这种感觉就好像你的苹果笔记本的触摸板方向突然反了一样,非常难受。 解决方案,方案一,和我一样慢慢习惯。方案二,编号设置里改做个演示,左上角菜单选择 prefense, 多选这个反转缩放方向即可。问题三,团队需要氪金窒息指数,一颗星要想用 fig 吗?必须要联网,联网 意味着无法破解,无法破解也就意味着要想享受更高级的功能,必须客气。不过呢,人家也不能用爱发电正版咱们还是要支持的,所以我这里也只打了一颗星。无克星的话,菲格玛自用是毫无压力的。但是如果是团队的话, 无论是文件数量、页面数量还是组建库分享都被限制了,死死的。除非是自由职业,否则就要让团队提前做好调妖包的准备。解决方案法一,客厅升级为专业版或者组织版。 对于一般团队来说,专业版就够用了,各个版本的具体区别,后面视频我会讲发二,白嫖两年的教育版,教育版功能和专业版完全相同,但是这个教育版针对学生和教育从业者,我们设计师如何白嫖,后面会单独出一期视频讲解。问题 四,不支持 vp 截图格式日息指数,三颗星对于需要对接安卓开发的设计师来说,切图需要交付 vp 格式 pk 吗?并没有像 skrs 那样支持这个截图格式,所以就需要额外的方法去转换。解决方案。方案一,使用 tney major comprise 插件,可以在线等除 vp 格式,但免费定数量后会强制收费,每月高达十二美德的高昂费用直接把握全退, 反而使用第三方工具转成未必可视。我尝试过三个工具,这个是我目前在用的免费好用网址呢?我放在评论区。 问题五,开发落泪首先,对接开发时,开发小哥可以直接在飞哥马上查看标注,但是飞哥马不支持标注的倍率切换,如果我们设计到十三倍,那么所有尺寸都需要开发小哥成功除以三。第二呢? 一个码标注不支持同步显示,安卓开发需要的八键式设置需要开发小哥自己转换。解决方案,使用木克蓝壶这样的第三方标注查建, 如果你和我一样打算 o 一 fit 吗的话,我们可以手动在颜色规范中同步标注发进去设置,减轻开发小哥工作量。当然,你需要用到这么一个透明度转换表,我同样放在评论区。 问题六,彩蛋玩法窒息只是我们四颗星飞蛾马做的效率固然很高,但是很多很多技巧都藏得相当隐晦,他们在菜单栏里甚至帮助中心都是找不到,需要玩家自己去手动探索。 这种彩蛋式的玩法非常恶趣,对于没有出发到的设计师来说就会相当不公平。解决方案,关注我,我后面会出一个技巧专栏,将我接触飞格曼以来所沉淀的所有技巧,轻盘脱除问题期费解的 frem 概念,窒息 五颗星 frem 是个非常非常新的概念,不管是 ps、 ai、 茶地、 sketch 等等,这些工具里没有任何一个概念与之类似,如果纯靠自己摸索,很难去理解和掌握,但是偏偏他又极为重要,重要到什么地步呢?可以这么说,如果没掌握这个概念,飞哥嘛,基本就白用了。 解决方案关注我,后面呢,我会单独出一期,把这个废弃的概念给你讲透,好像挖了很多坑的样子。以上便是我接触菲格曼以来趟过的七个大坑,希望这个视频能帮到你, 这就是本期视频的所有内容,如果对你有所帮助,记得一键三连点个关注,顺便呢分享给更多有需要的人,你们支持是我更新的动力,我是设计师安主,我们下期再见!

这节课呢,我们将会学习预览以及分享的设置,我们可以将自己做的东西呢分享给同事以及朋友, 那么在这个过程中的话呢,我们重点是要去学会免费的这个团队呢,以及收费的团队在分享上会存在一些这种差异性。好,那就让我们一起来去看一下是如何进行操作的。 首先我们来到自己账号的后台,那么在后台中的话呢,我们现在看到的是草稿页面,草稿页面呢是你自己做的东西,还有呢你保存别人的这个东西啊,都在这个里面。我就先以第一个为例啊,每一个作品的话呢,他 都有封面,接下来呢先教大家如何去设置我们作品的这个封面,我们先双击这个表情包, 双击之后呢,你只需要呢在任意一个页面中啊,任意一个页面中都是可以的啊,给他呢建一个画板,那么我们在画板里面的话呢,选中右键,找到设为封面,点击好,稍等一会我们再返回回去, 这样的话呢,你看这边就出现了我们封面的这个样子啊,这是关于如何去修改我们作品的这个封面,那么怎么去进行分享呢?我们再次双击进去, 点击右上角的这个分享单。分享之前你要再次检查一下你的这个项目的名字啊,怎么改名字呢?直接单击就可以了啊,非常简单,单击表情 包六六六,对吧,点击空白地方,那么这个项目名字呢就被你改掉了,我们点击分享,点击分享之后,你可以去设置只有被邀请的人能查看或者说知道的链接,任何人可以查看,根据自己的需要进行设置就行, 但是一般来讲的话呢,设置的都是这个啊,叫知道链接的任何人可以查看,那后方的话呢,可以设置可以查看或者可以编辑, 可以编辑的意思就在于他打开你的这个链接之后呢,他可以移动你图层,他是可以这样随意进行这个移动的,只要他有这个飞格玛账号都能去动啊,你要是不想让他动的话呢,就给他设置为可以查看, 但是无论是查看也好还是编辑也好,他呢都可以把你现在的这个原文件 保存在他自己的草稿箱里面,我们只要点一下这个小箭头,在下方的话呢,有叫创建副本,对吧?甭管说你是让他查看还是让他编辑,他那边都可以点击这个,他都可以导出副本的啊, 这是关于这个事情,但是付费团队的话呢,就会有所不同,我这边找到我的这个付费团队,那在我付费团队中的话呢,这个项目是付费团队中的一个一个这个项目啊,我们来看一下分享上有什么不一样的, 还是点击分享,点完分享之后呢?这上面都没什么区别啊,都是一样的,不一样的点在于这里他这有个设置, 点开之后的话呢,注意看叫允许查看者复制分享以及从这个文件中导出。如果 说你把这个对勾哎给他点掉,点掉之后的话呢,再去复制这个链接,链接到已选中的画框,这是什么意思呢?你要是把它勾上去之后呢,那对方打开的时候就会先看到你的这个画框哎,就是这个意思啊, 你要是勾上它,你要不勾的话呢,其实看的就是整体了,我们先不勾了啊,然后选择复制链接,我现在设置的是知道链接的任何人都可以进行查看,但是呢他不能拷贝,他不能拷贝的啊,这个复制链接, 那么现在的话呢,我是换了一个浏览器啊,用这个浏览器呢登录了我另外一个飞格玛的账号所看到的这个结果。首先呢这是我们通过付费团队分享出来的链接啊,我也设置了不允许让他去进行下载,那这边的话就会出现一把锁,只能 去看啊,不能去把他原文件下载到他自己的社中去。那么第二个的话呢,是 免费团队,在免费团队中还有草稿箱里面这种类型的项目啊,这里面的话呢,你也可以设置只能查看,但是呢并不会去影响他把这个原文件拷贝在自己的草稿箱里面,这就是免费团队和收费团队的一个区别, 那么为了让团队之间的这个同事呢,可以互相的去进行沟通,菲克曼的话呢,也是专门做了一个讨论的一个功能, 我们可以在工具栏中的最后一个图标这里啊去找到他前面这个图标呢,其实就是抓手工具,他可以平移我们的画面,但是我们基本上都可以通过空格键啊,用空格键直接代替这个功能就可以了。什么叫讨论工具呢? 我可以呢在这个图标上单击,单击之后呢你可以去写一些话术,那么这个话术的话呢,只要是在这个团队内的人啊,他都是能够看到这些文字信息的啊,你也可以给他呢加一些这个小表情,哎,都是可以的,比如说这个很不错, 然后点击确定点好确定之后呢,在我们评论区中就会显示这个信息,然后同时呢就会点击回复去回复我们的一个内容,当他认为呢这个地方已经是已读了啊,我已经读过了,他其实可以点击这个对勾解决问题, 这就解决掉了。在评论区中的话呢,我们可以通过设置全部,然后仅我的以及显示已解决的评论去查看啊,之前的一些同事啊,给你发的些消息都可以看到的, 我们来总结一下这部分学习的知识点。第一点呢,就是草稿中的文件呢,他可以分享和编辑,编辑呢对方他是可以进行进行保存的。 那么第二点的话呢,我们付费团装中的项目呢,是可以设置不让对方进行保存。第三点呢,我们可以在画板上的右键去为我们的作品呢去设置封面。 第四点通过评论功能呢,可以给我们团队之间进行协作沟通。

怎么把飞过文件转换为 xd sketch? 飞哥现在作为 ui 设计的龙头软件,他的社区集结了许多优秀的资源, 今天推荐一款插件,能够将这些文件转换为 xd 或 sketch。 这是一款付费插件,可以免费转换十次,珍惜使用机会。 首先在社区中搜索 convert figure to sketch x b a, 点击右侧的安装插件,在社区中找到需要转换的资源文件, 打开再入 选中需要转换的画板。 右键插件 convert to fun vitamato sketch x b a, 会看到三个转换按钮,选中你需要转换的格式,直接点击转换,这里转换为 sketch 和 xd。 转换完成后,点击下载文件, 就这样很简单就完成了。 对比一下,转换好的文件 大体上是没什么问题的,一些属性如图片填充等不能成功转换该智慧生成画板的蒙版,将蒙版取消就可以了,基本都是可以 转换成功的,只能免费转换十次哦,快试试!

接下来呢,我们来学习属性栏功能讲解的下半部分,那这一部分呢,我们将会学习填充描边投影以及他的导出设置。 屏幕上这些呢是飞哥马平台中不同的填充类型,分别是唇色线性渐变、镜像渐变、角度渐变、菱形渐变以及图片填充。那么接下来的话呢,我先给大家去演示一下不同类型的是如何进行添加的。 我们首先先从纯色开始,选中纯色之后的话呢,直接点击这个色块就会弹出实测器,在实测器中呢,有 几个小按钮,我们需要知道呢,他是干什么功能的啊,就可以了,首先左上角是用来切换不同的类型,如果说你的项目需要线性渐变,你就点击这个位置就可以了,可以互相进行切换。 然后这个长得像小水滴一样的东西呢,是混合模式,他也可以去采用混合模式去做的啊,下方的话呢,这是实测器。 然后这是我们的色相,这是颜色的透明度,这里呢是用来修改不同的色彩表现方式,比如说你们的前端啊,需要用到 rgb 这种方式的话呢,我们直接改成这个啊就可以了, 那下面呢,会显示我们当前文件中保留的一些这个色彩,这是整体界面的一个布局, 纯色。然后再点击线性渐变,这里的话呢,我们就可以点击拖动啊,直接去换就可以了, 非常方便。但是值得一提的是呢,在线性渐变中,他默认情况下,这个点的颜色的透明度呢是零,比如说选中这个点,你看这边透明度是零啊,所以你可以把它呢拉到一百再去进行改颜色,这样就会变得更加明显一些, 这是线性渐变,还有镜像渐变,从中心向两侧发生渐变,他的中心点呢是可以进行移动的啊,直接点击拖动就可以啊,镜像再看一下角度,角度的话呢,就会产生一条线,他会有一条线的这种感觉, 再呢就是菱形渐变,一个小菱形的这个样子。其实这些渐变的话呢,我们比较常用的啊,还是线性渐变居多一些,就这个线型渐变啊,下一种类型呢是图片填充 图片的话呢,你需要把你的图片给它放在这个里面去,我们点击选择图片 把它导入进去,导入进去之后呢,飞哥马是给设计师呢提供了一个比较简单的调色工具,你可以去调整他的曝光值,还可以调整他的对比度,这样我们就不需要再用 ps 呢去调这个颜色了啊,他其实是可以满足一些这个功能需求的。 然后这个位置的功能的话呢,是在于旋转我们的这个图片,转到你觉得合适的位置就可以了, 这就是关于我们填充的这个相关事情,那么填充的话呢,在它里面呢可以加很多填充, 我们现在加了一个纯色填充,你还可以呢再去追加一个,看我现在加的是什么呢?加一个线形渐变, 线性界面颜色的话呢,现在是黑色来到透明一个变化,可是我们现在表面上啊,看的并不是很明显,那你就可以呢把它这一层的透明度按住 out 键点击拖动, 你看是吧,你把它稍微明显一点就行了,那你要觉有必要的话,你可以继续加,他可以加很多的啊,别再加个角度渐变,然后适当的去调整一下这个透明度都是没问题的。 我们调整好这个填充之后呢,他也支持把你现在所调整的一些属性进行保存,从而呢给他进行复用,让你自己在不同场面上进行使用,或者说你给团队的人进行使用。 那怎么去用呢?我们点击加号,点击加号旁边四个小点点啊,点完之后呢 画呢,这里叫颜色样式,下面这三个圈的话呢,是我加好的颜色样式啊,你可以点击加号,然后把你现在的样式给他起个名字,比如说我们起个六,点击新建样式 好了,那么建好之后的话呢,就相当于你现在用的就是一种共享样式,可以复用的这个样式。如果说呢,我现在啊再去给他画一个造型,我画好噪音之后呢,还是点这里, 点完这里之后,这没什么区别啊,但是你点下这就不一样了哎,叫样式填充样式,在填充样式中就可以看到我们提前保存的这个样式六,点击 一模一样,所以提高了我们这个效率。那你说我要改怎么办呢?我想把这个颜色呢再去修改一下。好,那更 简单,你就再次点击这个六,但是你不要把它解锁了,你要解锁的话呢,他就变成了一个单独独立的东西了啊,点一下 选中了以后呢,我们可以在他身上呢进行右键选择编辑样式,这个时候呢你就可以继续的对他进行修改,凡是用了你样式的这个造型,全部都会批量化的进行调节,速度呢是非常快的啊, 好,那这就是关于我们填充填充相关的内容,那你要是想给他分离出来,那你就点这个分离样式,这样他就会变成一个单独独立的这么一个造型。 向下方的话呢,描边,描边这个东西呢也是非常简单,我们先把填充给它关掉,在描边这里呢点一下加号,它里面设置啊要清楚 颜色,然后他的描边的粗细,描边属性呢,他也是支持线性渐变镜像啊,刚刚我们所说的那些东西呢,他这边其实都是支持的,图片也是支持的啊,那图片的话呢,也是点进去再把图加载进来看,就会变成一个这种形式, 想要去除图片的话呢,你把它的类型重新给他进行更换就可以了,如果说这个图片不符合你的要求,你还可以给他进行一些这种裁切裁切相关的工作。那裁切的话呢,我们来这边去看一下啊, 这样画的是一个比较完整的一个这个图,我们先选择图片把它加载进来。 好,你要是觉得不合适,我们可以给他设置为这个叫裁切裁切的话呢,就把你觉得可以的部分保留 啊,直接双击空白地方退出,这样就把图片呢进行了一个这个裁切功能啊,那我们继续收回描边,描边的话呢,支持刚刚所说的各种各样类型,全部都是支持的效果的,我们先改个颜色, 然后这里的话可以更改他的居中内部以及外部描边粗细点一下,点完之后呢话呢里面还有一些这个像虚线设置,可以给他做成这个虚线造型,按抓头键呢,去调整虚线的一些长度啊,下面设置可以拖一拖啊,这样去试一下就行了, 这就是描边,那同样的描边他也是支持呢,把它保存进去,点击样式,点击加号 啊,这样的话呢,我们的描边样式就进行了保存,也是非常简单。 那我们能不能说啊,把这个属性去复制给他呢?就是把属性直接复制给他,可不可以呢?当然是可以的,如何进行操作呢?我们先选中他了,之后呢,你看啊, 右键复制复制属性,就是不再是通过常规的 ctrl 加 c, 那样不行,我们要用复制属性,就 ctrl out 键加 c 复制属性, 那复制成功之后也不要 ctrl 加 v, 而是要通过什么呢?粘贴属性, ctrl out 键加 v, 这样的话两者的属性就会进行同步,那他就是一模一样的这个属性了,这是关于属性如何进行复制以及粘贴, 而效果指的是什么呢?效果其实指的呢就是关于我们的一些这种阴影,我们可以在 里面的去设置这个阴影的这个变化,我们先选中一个矩形,然后选中矩形之后呢,我现在是给他加了一个投影,我先给他关掉啊,点击效果看默认就是长这种形式的,怎么去编辑他呢?点一下前面的小太阳, 就可以对他效果进行参数的设置, x 是控制阴影的左右, y 控制的是他的上下,然后 b 模糊啊,模糊控制的是他这个虚化程度。 这边啊有一点比较特殊啊,叫扩展,扩展的话呢,主要控制的是呢,我们影子一个大小,你看你可以让他哎再放大一点, 或者说你也可以让这个影子呢再缩小一点,缩小了之后呢,记得把这个歪啊,再稍微往下一点看,可以做成这种影子出来,然后这边 可以更改影子的一些阴影颜色啊,在这里进行设置就行了,投影的话呢,支持外部投影,还支持内部投影以及呢图层模糊。 图层模糊指的是什么?让这个图片呢自己发生一个模糊效果,那就让他自己变模糊啊,这叫图层模糊,调整参数都需要点击前面的这个小太阳,然后给他进行参数设置就可以了。 而最后一个模式呢,叫背景模糊。背景模糊呢,主要的功能呢是可以去模拟那种磨砂玻璃的这种感觉,我在这个造型身上呢,再绘制一个矩形 或者出来之后呢,在效果这边啊,点击加号给他切换为背景模糊。那你说我怎么看不见 他的背景在模糊呢?那是因为你的填充的这个透明度是百分百太强烈了啊,按住 out 键,给他稍微缩小一点点,哎,这时候你会发现他的背景这边是不是就变模糊了,那你可以把这边的颜色呢去调整一下,可以让他稍微偏一点点的这个蓝色偏一点点, 这样看起来会更加美观一些。调整他这个模糊数值的话呢,还是去控制这边控制这个位置啊,去调就可以让他下面变得更加模糊一点。我也可以呢,让这个地方的图层模糊啊,我们不让他模糊了 这一个唇色啊,这样看就会更加明显一些啊,只有这个区域包住的地方呢,下面才会发生这种磨砂玻璃的感觉,这就是我们效果,效果的这个设置同样难看,有四个点就意味着什么呢? 意味着你可以把这个样式进行存数,存数一下就行了。而最下方的导出则是什么呢?我们要切图, 比如说这张图片呢,哎,你很喜欢,你也做了很久,我要给他导出去,然后把它导出一个 g b g 也好,或者说拼 g 也好,我们就选中这一部分,选中之后呢,在这点击导出的加号, 然后在下方呢就可以看到他的设置,并且呢他还给我们做了一个预览,可以预览你最终导出的这个效果 格式的话呢,支持 png gpgsvgpt f。 前面的话呢,是导出几倍图,有一二三倍图,比如说 ios 的话呢,就一二三倍图都要给他设置导出,还有一些这种安卓的设置啊,都在里面啊,这个就根据大家自己的需要呢进行设置就可以了。想要同时 导出一二倍图的话呢,可以点击加号,再给他加一个,然后再点击加号,看一二三倍图就已经设置完毕。最后一步只要点击导出按钮 进行保存,这样的话呢,他就会把我们的图片就给全部下载下来再导出。这里的话呢,还要再去强调一个功能啊, 我们在画框这边画框的下一个功能呢,叫切片,这个切片呢是什么意思呢?我就用这个切片工具在这画一下, 好,画住之后我再次点击导出,那这是什么意思?只要被这个切片盖住的东西,他都会导出,就很方便了啊,只要你被这个切片盖住了,那这边都会支持这个导出,那这就是关于我们导出的这个设置,所以说我们这一环节 的话呢,是讲解了我们图像的这个填充描边效果以及导出设置。当你什么都不选的时候呢,他会显示你整个作品的一些属性,比如说你整个作品中用到了这些文本样式, 然后具备这些颜色属性效果等于等等啊,都都有。然后这边的背景颜色指的是什么呢?背景颜色指的就是我们这里的颜色啊,你可以点击啊,你看你可以这样去按照自己的需效呢,给他进行调节就行了。