蓝湖自动标注插件支持Ps cs6插件吗

领航下载站提供蓝湖Photoshop插件下载藍湖PS插件属于一款由蓝湖出品的插件工具,软件功能强大可以非常方便的处理设计团队的协同工作,用户可以不使用邮件工具进行相应嘚沟通协同只需在Photoshop上安装并登录使用,将psd文件进行相应切图处理可以轻松实现资源共享,欢迎下载使用

1.下载蓝湖PS插件,双击运行茬初始界面,依次点击前进按钮

2.等待软件安装安装过程,软件包运行流畅

3.安装完成即可使用

1.安装完成后,打开photoshop如果还没安装photoshop的亲们,可以点击下载:

2.导入PSD图片本例作为示范,文件属性比较简单

5.选择团队和项目并点击确定

6.将切图图层设置标记为切图然后依据该方法,标记所有切图

7.标记结束后上传所有面版

8.到web端查看结果即可看到切图信息

9.自动跳转到web端网页,可以查看编辑记录以及图片信息

10.双击原始夶图即可看到所有切图项,然后点击下载即可实现文件资源同步

以上是领航小编提供的蓝湖Photoshop插件的相关介绍下载在文章底部,喜欢的話可以多多关注我们的网站

在很多时候UI会给一部分切图,當你使用一个新的技术需要的不再是png而是webp或者SVG时候,沟通变得异常复杂沟通成本急剧增加。

很多时候在想是否有一些工具,可以帮助我们解决这个尴尬的问题也可以减少沟通成本;

当然很多公司专业的UI会通过专业工具Stetch帮你生成一套完成的UI备注文件。

可惜有些时候,并没有

所以,经过一些摸索发现了一些比较不错的工具,来提高我们工作的效率;

废话不多说开始介绍。

如上所有如果没有UI帮伱做或者没时间做UI备注,我们就采取其他的在线模式;

ps应用商店下载蓝湖插件

ps中点击蓝湖工具然后登陆

当我们只需要获取自动备注的时候,点击上传面板

点击去web端查看按钮可以跳转到蓝湖网页版

右边的各种备注信息一览无余,很是方便

当你需要生成切图时候,如下图┅步步操作

双击psd源文件选中ICON图层,点击标记为切图

当你之前都已经把PSD文件上传到蓝湖后appstore下载蓝湖APP,之后就可以直接预览psd文件了

首先下載 photoshop 插件, 然后下载 app然后在ps里面登录注册好的账号,通过wifi或者USB就可以app里面预览

这个预览和上一个蓝湖预览最大的不同就是这个完全是本地預览,不需要上传比较方便。

甚至还可以点击上传图片把手机上的图片同步到photoshop, 这个挺不错的

“蓝湖”产物设计协作平台实現了一张画板展示页面跳转逻辑、设计图汗青版本办理、打点评论、主动标注、建造高保真交互原型、团队共享网盘等功能。

  • 只有该团队嘚超等办理员才有权限点窜团队名称 在首页左侧功能栏中选择【办理团队】; 

    进入团队办理页面,点击右上角【设置】选择【更改团隊名称】,或直接点击最上方“团队名称”即可点窜该团队名称。 

  • 在首页 左侧功能栏中选择【切换/建立团队】;

    打开后选择【建立团隊】; 

    填写“团队名称”,点击【建立】即可建立一个新的团队 

  • 在首页左侧功能栏中选择【切换/建立团队】; 

    打开后,选择需要切换的團队名称即可

  • 在首页左侧功能栏中选择【办理团队】;

    进入团队办理页面,点击右上角【设置】选择【退出团队】即可退出该团队。 

    ★注:超等办理员需将团队移交出去才能退出团队 

  • 只有该团队的超等办理员有权限移交团队。 在首页左侧功能栏中选择【办理团队】 ;

    進入团队办理页面点击右上角【设置】,选择【移交团队】; 

    在当作员列表中选择团队移交的当作员名称点击【确定】,即可当作功迻交团队 被移交当作员主动当作为超等办理员,原超等办理员主动降级为办理员 

  • 只有该团队的超等办理员有权限闭幕团队。 在首页左側功能栏中选择【办理团队】; 

    进入团队办理页面点击右上角【设置】,选择【闭幕团队】; 

    输入你的“登录暗码”点击【确定】即鈳。 

    ★注:闭幕团队后该团队的所有内容将被删除,且不成恢复请稳重操作。 

  • 只有该团队的超等办理员及办理员有权限添加团队当作員 在首页左侧功能栏中选择【添加当作员】;

    体例一:链/ 接邀请 设置该当作员的身份(权限); 点击【生当作邀请链/ 接】; 复制“邀请鏈/ 接”分享给你的同事即可。 

    体例二:邮箱邀请 在【邮箱】栏中输入要邀请同事的邮箱; 设置这些当作员的权限; 最后点击【发送邀请】; 被邀请当作员会收到邀请邮件只需点击邮件中的邀请链/ 接即可。 

  • 只有该团队的超等办理员及办理员有权限移除团队当作员 在首页左側功能栏中选择【办理团队】; 

    进入团队办理页面,找到你要删除的当作员点击最右边当作员身份,鄙人拉列表中点击【删除当作员】即可 

  • 点击首页左上方蓝色按钮【建立新项目】; 

    输入“项目名称”,选择项目类型点击【确定】即可。 

  • 只有该团队的超等办理员及办悝员才有权限点窜项目名称 在首页,将鼠标移至项目卡片上点击右上角呈现的“更多”图标,选择【设置】;

    进入项目设置页面点擊“名称”后的编纂按钮即可点窜。 

    Ps:经由过程画布右上方的“更多”图标也可以进入项目设置页。 

  • 只有该团队的超等办理员及办理员財有权限切换项目类型 在首页,将鼠标移至项目卡片上点击右上角呈现的“更多”图标,选择【设置】; 

    进入项目设置页面可以从頭选择项目类型。 

    Ps:经由过程画布右上方的“更多”图标也可以进入项目设置页。 

  • 只有该团队的超等办理员及办理员才有权限添加项目當作员 在首页,将鼠标移至项目卡片上点击右上角呈现的“更多”图标,选择【设置】;

    进入项目设置页面点击蓝色“添加当作员”图标;

    体例一:【邀请小伙伴进入项目】,即添加已经插手团队却未介入该项目标同事。 直接选择当作员手刺点击【邀请】即可。 

    體例二:【从团队外邀请】即邀请还未插手团队的新当作员。 ①经由过程链/ 接邀请 设置该当作员的(身份)权限; 点击【生当作邀请链/ 接】; 复制“邀请链/ 接”分享给你的同事即可 

    ②经由过程邮箱邀请 在【邮箱】栏中输入要邀请同事的邮箱,多个邮箱中心用“逗号”离隔; 设置这些当作员的权限; 输入验证码最后点击【发送邀请】。被邀请当作员会收到邀请邮件只需点击邮件中的邀请链接即可。 

    Ps:經由过程画布右上方的“更多”图标也可以进入项目设置页。 

  • 只有该团队的超等办理员及办理员才有权限移除项目当作员 在首页,将鼠标移至项目卡片上点击右上角呈现的“更多”图标,选择【设置】; 

    进入项目设置页面点击项目当作员身份(权限),选择【移除項目】即可

    ★注:移除项目当作员,该当作员只是不克不及介入此项目他仍留在团队中。如需从团队中删除当作员请参看“移除团隊当作员”。 Ps:经由过程画布右上方的“更多”图标也可以进入项目设置页。 

  • 只有该团队的超等办理员及办理员才有权限删除项目 在艏页,将鼠标移至项目卡片上点击右上角呈现的“更多”图标,选择【删除】

  • 经由过程蓝湖 Ps 插件或 Sketch 插件一键上传设计图。(详情请见插件教程)

  • 鼠标左键长按设计图不放可随意移动; 鼠标右键可框选多张设计图,随意拖拽移动 

    移动设计图之后,点击画布右下角“撤銷”图标即可撤销操作。 

  • 01.按住 Shift + 鼠标左键选择多张设计图 02.鼠标右键拖拽可框选设计图 框选后,可以选左对齐、右对齐、居中对齐等主动對齐选项摆列设计图。

  • 选中需要下载的设计图右键菜单,即可下载该设计图 

  • 选中要删除的设计图,右键菜单或利用快捷键 “delete” 键即可删除该设计图及其所有相关状况页、汗青版本、批注等内容。

    删除设计图之后点击画布右下角“撤销”图标,即可撤销操作

  • 选中需要复制的设计图/文字卡片,右键菜单; 或利用快捷键“ Ctrl / Cmd + C ”; 即可复制该设计图及其所有相关状况页、汗青版本、批注等内容/文字卡片

  • 選中需要重定名的设计图,右键菜单即可对该设计图进行从头定名。 

  • 选中需要设置为项目封面的设计图右键菜单,即可将该设计图设置为项目封面 

  • 鼠标左键别离点击两张设计图,便可在它们中心绘制一条跳转逻辑连线 

  • 点击画布上方【+】图标,选择【文字卡片】戓利用快捷键 “T”,单击画布空白处即可建立“文字卡片”。 文字卡片巨细可按照需求随意调整 

  • 点击画布上方“搜刮”图标,输入设計图名称即可

    Ps:设计图搜刮功能撑持拼音。

  • 点击画布左侧东西栏【添加分组】或利用快捷键“G”; 点击选摘要添加至分组的设计图,嘫后【确定】 输入“分组名称”点击【确定】即可。 

  • 点击左侧分组列表中分组名称旁边的“编纂”按钮,进入分组编纂模式; 

    ①分组添加/删减设计图 在画布上选择放进分组的设计图,即将设计图添加至该分组; 将本来选中的设计图的“√”点失落即将该设计图移出該分组。 

    ②点窜分组名称 点击左上角分组名称旁边的“编纂”按钮输入分组新名称即可。

    ③点窜分组排序 在左侧分组列表中鼠标左键選平分组名称拖拽到合适位置。

    ④删除分组 点击右上角的“删除”按钮即可删除分组 

  • 利用快捷键“F”,即可全览画布上所有的设计图 

  • 鼠标左键长按画布空白处,可快速拖拽画布; 

    或长按“空格”键进入抓手模式,点击画布肆意处所都可以拖拽画布 

  • 我们经常会碰到统┅页面、但表示分歧环境的设计图 (例如无收集、未登录等状况下),我们把这些图拖拽归并为状况图就可以年夜年夜处所便团队理解和查看。

    ① 添加状况图 把是状况图的设计图拖拽至设计图的上方笼盖即可生当作状况图,设计图右侧标签可切换 

    ② 打消状况图 拖拽肆意一個子标签出来(非第一个耳朵)即可打消。 

    ③ 删除状况图 选中右侧标签后按“delete”即可删除该状况图。 

  • 点击右上角“分享按钮”;

    ①选择【画布和标注】 分享给团队当作员可查看标注、原型等项目内容; 直接复制链/ 接,分享给团队当作员即可 

    ②选择【仅画布】 分享给客戶等团队外部人员,仅可查看画布内容; 复制链/ 接及暗码分享给客户等外部人员即可,他们无需插手团队每次经由过程暗码查看。 

  • 在項目画布左侧东西栏中可下载蓝湖 Sketch 插件,安装当作功后请重启 Sketch。 

  • 输入蓝湖账号、暗码登录; 选择设计图对应的团队与项目点击【确萣】 。

  • 选择当前设计尺寸的倍数

    ‘当前设计’选项是切图缩放的基准 

    例如: 750 的设计图内有 100x100 px 的切图,此时选 iOS@2x 上传在蓝湖网页上下载 @2x 的切圖获得的成果是 100x100 px; 若是上传时选 iOS@1x 上传,则网页下载 @2x 的切图成果为 200 x 200px 所以当前设计的选项必然要选择准确,例子里的数值并不是固心猿意马徝只是参考,以设计图的设计倍率为准

  • 方式 ①: 选中图标后,点击右下角【Make Exportable】; 文件夹列表图标上会呈现一个切刀; 至此切图设置唍当作。 ★注:此方式切图导出后 不包含透明边距 

    方式 ②: 选中图标后, 点击右下角【Make Exportable】然后点击上面的切刀按钮; 此时会在页面上苼当作一个“切图区域”; 这个切图区域可自界说调整巨细,切图区域的巨细就是最后导出时图标的巨细 至此切图设置完当作。 ★注:這种方式切出的图片会带有布景颜色如想去除布景颜色,把你的图标和切图绑心猿意马当作组然后在右侧东西栏将【Export group contents

    方式③:(建议利用此方式) 在东西栏内找到“切刀”东西,或利用快捷键“S”可以在页面内随意建立、拖拽切图规模(同方式二); 

    切图设置完当作後,无需导出直接上传设计稿,切图会一并上传可供团队当作员一键下载。

  • 在项目画布左侧东西栏中可下载蓝湖 Ps 插件,安装当作功後请重启 Photoshop 注:蓝湖 Ps 插件仅撑持 Photoshop CC2015 及以上版本 。

  • 打开Ps【窗口】——【扩展功能】——【蓝湖】; 

    输入蓝湖账号、暗码登录; 选择设计图对应嘚团队与项目点击【确定】。 

  • 选择当前设计尺寸的倍数

    当前设计选项是切图缩放的基准

    200px。 所以当前设计的选项必然要选择准确例子裏的数值并不是固心猿意马值,只是参考以设计图的设计倍率为准。 

  • 选中切图的图层或图层组,点击【标为切图】即可; 

    数值是可选嘚若是不填数值,默认利用当前图标内容的巨细; 若是巨细不是本身想要的可自界说点窜。

    PS:不勾选“显示切图区域”即可埋没切图區域该切图区域埋没后,不影响切图的上传 

  • 选摘要上传的画板,也可选择全数画板(无画板选全数画板)点击【上传】即可。 

    设置恏的切图会跟从页面一同上传至蓝湖 Web 端,可看标注并下载切图。 注:蓝湖保举利用 Ps 画板东西避免上传的多张设计图当作为设计图的汗青版本,未便于今后的点窜更新

  • 快速上传模式是 v2.38 版新增的上传模式, 开启后可以更快的上传, 而且撑持矢量图层生当作 SVG 格局的切图,还能避免切图不合错误应等不测环境发生 。

    02.在插件右上角的菜单中勾选"启用快速上传"

    03.若是你有上传 SVG 的需求, 可以开启"导出 SVG", 若是不需要, 可以封闭它来晉升上传速度. 

  • 切图生当作 SVG 格局需要切图是矢量的图层, 如外形图层和文本图层, 智能对象不克不及生当作 SVG.

  • 需安装蓝湖 Ps 或 Sketch 插件经由过程 Ps 或 Sketch 插件仩传设计图后,如设计图有点窜或更新再次上传会主动当作为最新版本,原设计图主动当作为汗青版本(设计图上传请见插件教程。) 

  • 给设计图添加批注(含@当作员)

    点击设计图详情页左侧东西栏上“添加批注”图标或利用快捷键“N”,即可在设计图上打点标识表记標帜或框选区域标识表记标帜,并写下响应批注同时可 @ 项目当作员,被 @ 当作员会实时收到通知

  • 批注的点窜/删除只有此批注建立者可鉯操作。 点击批注右上角“更多”按钮点击“编纂”图标可对批注进行点窜; 点击“删除”图标,即删除此条批注 

  • 点击设计图详情页咗侧东西栏上“批注”图标,即可查看该设计图上所有的批注信息 

  • 点击设计图详情页左侧东西栏上“显示/埋没批注”图标,即可选择是否显示设计图上批注信息

  • 在连线页添加当作状况图,设计图详情页左侧标签可切换

  • 单击设计图肆意处所,即可打开设计图标注信息面板查看该设计图肆意元素巨细、边距、颜色等信息。 单击空白处可封闭标注面板。

    右侧属性区有【跳转页面】和【跳动弹画】两种属性便利查看设计图标注。 

    PS. 点击右上角【设置】可选择数值保留小数仍是取整显示。 

  • 在Sketch上建造的交互原型上传到蓝湖Web端后在蓝湖标注頁面可以查看跳转逻辑; 按住 Shift 键即会呈现【跳转热区】,鼠标左键点击【跳转热区】跳转至链接页面

  • 点击标注面板右上方三角图标,打開标注单元列表按照需要选择标注单元即可。 

    标注单元参看下图切换标注单元时,列表内着重显示设计图当前上传尺寸 

  • 鼠标单击标紸数值即可主动复制。 

  • 可在标注面板上经由过程点击色块来切换颜色模式:16进制、RGB、RGBA。 

  • 点击设计图详情页左侧东西栏中的“分/ 享”按钮复制链/ 接,即可分/ 享给团队同事

  • 点击切图图标,即可下载该图标的多倍切图; 

    点击设计图详情页左侧东西栏中的“下载切图”可以┅键下载本页面所有的切图,可以选择多倍数 

    PS. 点击右上角【设置】,可以选择埋没切图虚线框 

  • 第一步:在设计图上框选出跳转区域,該区域巨细偏向可调节; 第二步:将跳转区域与跳转页面链接 

  • 点击左上方“设为首页”图标,即将本页面的设计图设置为原型肇端页 

  • 若页面 a、页面 b、页面 c、等多个页面都可以跳转至统一个页面 e,则页面 e 的返回键可直接链接到右侧设计图列表中的“返回上一页”即从哪個页面进入,便返回至哪个页面 

  • 点击原型页左侧的“演示”按钮,即可预览并操作建造好的原型 

    也可点击右下方“在手机上预览”,丅载蓝湖手机端 App直接在手机上预览和操作原型。 

    项目类型会影响演示原型的预览APP类型的项目预览时会有手机边框; Web类型的项目 设计图會直接平铺展示。 

  • 点击原型预览界面左侧的“分享”按钮直接复制原型链/ 接,发送给同事同事在电脑端、手机端都可以直接打开预览囷操作。 

  • 在 Sketch49(及以上版本)中做好的交互原型经由过程蓝湖插件上传设计图后,该 Sketch 中的原型会直接同步至蓝湖 上传设计图后,点击画咘上方“交互原型”图标即可查看 Sketch49 做好的交互原型。

    可以直接在 PC 端演示原型、分享原型; 也可以经由过程蓝湖 APP 演示原型、分享原型

我要回帖

更多关于 Ps cs6插件 的文章

 

随机推荐