如何在蓝湖上用Photoshop做设计图?

作者&投稿:桑滢 (若有异议请与网页底部的电邮联系)
~ 蓝湖是一款比较好用的产品协作平台,通过安装蓝湖系列软件,让产品无缝衔接设计与研发流程,降低沟通成本,缩短开发周期,而蓝湖Photoshop插件是其中一款产品,下面小编就教大家如何安装和使用蓝湖Photoshop插件,感兴趣的可以看看。
一、 安装插件
下载安装包,安装成功后,请重启Photoshop。
★ 注:蓝湖 Ps 插件仅支持 Photoshop CC 2015 及以上版本 。
二、登录
  打开 Photoshop【窗口】→【扩展功能】→【蓝湖】;
  输入蓝湖帐号、密码登录;
选择设计图要上传的团队与项目,点击【确定】 。
三、选择“当前设计”
  插件内 “当前设计” 是指当前设计图的大小,根据设计图大小选择对应倍数。
确定当前设计基于的设备是 iOS、 安卓 还是 Web,
再确定现在的设计图是基于几倍设计的,最后选择和设计图匹配的设备和倍数。
◆ 分类:
iPhone、iPad、iWatch 这三种设备的界面设计 属于—— iOS;
安卓系统的界面设计 属于 —— 安卓;
网页类型的界面设计 属于 —— Web。
  ◆ 例如:
375 x 667,属于 iOS 1x;
750 x 1334,属于 iOS 2x;
1920 x 1080, (是手机界面还是网页 )手机建议选 Android-xxhdpi;网页选 Web-1x。
◆ Web 类型:
1x,是常用尺寸,大家做的网页一般都是选 1x;
2x 是指为特定的屏幕(4k 屏)设计的尺寸,通常该尺寸会是正常网页的 2 倍。
四、设置切图
  选中切图的图层,或图层组,点击【标为切图】即可;
数值是可选的,如果不填数值,默认使用当前图标内容的大小;
如果大小不是自己想要的,可自定义修改。
  PS:不勾选“显示切图区域”即可隐藏切图区域,该切图区域隐藏后,不影响切图的上传。
设置切图的图层或组,不可重复嵌套。
五、上传设计图
  选中要上传的画板,也可选择全部画板(无画板选全部画板),点击【上传】即可。
设置好的切图,会跟随页面一同上传至蓝湖 Web 端,可看标注,并下载切图。
  注意:
1.蓝湖推荐使用 Ps 画板工具,可同时上传多个页面。
不建议使用 一个 psd 文件通过隐藏显示文件夹来区分不同页面,这样会导致上传的多张设计图成为设计图的历史版本,不便于以后的修改更新。
2.智能对象等同于位图,不会有标注内容和 SVG 格式切图
六、生成 SVG
  切图生成 SVG 格式需要被切图层是矢量的图层, 如形状图层和文本图层,但是图片图层、智能对象不能生成 SVG。
在打开“快速上传模式”之后,才能生成 SVG。
  快速上传模式
快速上传模式是 v2.38 版新增的上传模式, 开启后可以更快的上传, 并且支持矢量图层生成 SVG 格式的切图,还能避免切图不对应等意外情况发生。
  注意:
v2.38 之前的版本不能通过插件内自动更新来获得快速上传功能,只能 重新安装插件
快速上传模式只能在 Photoshop CC 2017 以上版本使用。
● 打开:Photoshop 首选项-增效工具-启用生成器
● 在插件右上角的菜单中勾选“启用快速上传”
● 如果你有上传 SVG 的需求, 可以开启“导出 SVG”, 如果不需要, 可以关闭它来提升上传速度。大家都在看:C4D样条布尔之C4D中布尔运算怎么用s切片工具切完以后怎么保存图片cdr字体加粗如何操作xcel产品激活失败是什么意思么处理ad复制粘贴到另一个图里面不显示怎么办?


开发协作-切图类别与规范
与传统切图方法“调整图像尺寸-选中切图图层\/图层组-调整画布尺寸-导出web所用格式”相比,这一系列“动作”被进行了一键化处理,只需要在插件中选择好开发语言、保持文件夹位置便可一键标记或导出,极大地减缩了对每一个切图素材都需要进行一系列繁琐流程的操作。二、Lanhu插件蓝湖插件在设计稿做切片标...

太谷县17680365036: 求做切图的简便教程 -
剑平石龙: 安装一个蓝湖PS插件可以自动切图.第一步:通过蓝湖插件在PS中标记你需要生成的切图;第二步:通过蓝湖插件将页面上传至蓝湖;第三步:在蓝湖Web端,双击设计图查看标注和切图;在这里,你家的工程师可以:①查看所有元素的尺寸、字号、距离等信息,并可直接复制相应代码;②一键下载切图文件.

太谷县17680365036: 怎样将ps中的文件导入到zeplin -
剑平石龙: 首先,我们需要确保ps中已经安装好了zeplin插件,我们可以在窗口,扩展功能中看到 然后,我们打开一个psd文件,打开zeplin插件,可以看到说明,是将画板倒入到zeplin psd中默认是以图层的形式呈现的,我们需要先将图层转换成滑板,先...

太谷县17680365036: 有没有批量做标注的方法? -
剑平石龙: 有,用蓝湖,下载个蓝湖PS或者Sketch插件,可以一键上传所有设计图到蓝湖网站上,自动生成标注.

太谷县17680365036: 平面设计难不难学?
剑平石龙: 有美术基础的话不难,没有美术基础的话,入门会比较艰难,学平面设计可以从工具开始,包括蓝湖、PS、Sketch 等工具,在使用工具做设计的过程中,提升设计能力和对工具的掌握.

太谷县17680365036: 哪里有在线设计软件可以用?就是那种用起来比较简单的.
剑平石龙: 蓝湖:蓝湖软件在UI设计工作中主要用来做标注设计的PS:PS软件在UI设计工作中主要来用bai做UI设计界面设计、图标设计、图片处理的AI:AI软件在UI设计工作中主要用来做UI界面设计、图标设计、字体设计、插画设计的

太谷县17680365036: 做前端的PS必须会的知识是哪些? -
剑平石龙: 要求不高,做web前端,常常会用到的ps操作有以下四种:1、常规切图2、生成图片资源3、生成css代码4、批量压缩图片

太谷县17680365036: 要做一个app的ui设计,具体该做什么,怎么做 -
剑平石龙: 思维分析 1. 原型之类的资料明确定位,页面数量,估计一下工时之类的.(如果中间有UE在会省好多事) 2. 收集素材,就是常用的素材网站. 3. 工具PS,sketch都可以,建议用sketch,手机下一个mirror,电脑一边做,手机实时展示. 4. 该界面要求用户完成的最重要的任务这些设计者都需要清楚明白.

太谷县17680365036: 想学UI,有什么方法大佬们可以推荐一下.
剑平石龙: 因为人们对于UI的认识不同,自然定义也就不同,广义来讲,其实只要是界面显示出来,人们能看到的,都是UI设计.话说回来,现在我刚从培训班出来,非科班出身,基本就是零基础学的,现在做的网页设计师,正在自学别的东西,想做UI设...

太谷县17680365036: UI难不难,从零基础开始的话
剑平石龙: 学习UI设计并没有那么容易,学习UI设计需要掌握Photoshop(图像处理)、illustrator(图形制作)、After Effects(视频处理)、Axure(原型设计)、Dreamweaver(网页制作)、Coreldraw(矢量制作)、Flash(动画制作)、蓝湖(切图标注)等设计软件.

太谷县17680365036: 小白可以学UI吗?有哪些建议?
剑平石龙: 其实主要是看你自己对UI设计的兴趣,只要你想学不管你有没有经验都可以去学,在学习前很多人都是小白,如果你真的对这方面有兴趣的话就去学习吧!但是你说的那个机构建议不要去,坑得很,你找机构最好找小班教学的,然后看一下师资,师资是很重要的,只有自身能力强了才能教出优秀的学生,还有最重要的就是课程体系.如果可以试听的话,最好去试听一下.觉得还不错再报名.毕竟学费也不便宜,谨慎点总没错

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网