用好蓝湖，提升团队协作效率，
蓝湖指北，教你如何用好蓝湖。
本期【蓝湖指北】如约而至～
对 UI 设计师而言，“标注”是除了“切图”之外，定稿好消息带来的另一个麻烦精。如果交付的设计稿与开发的产品对不上号，多半是这个麻烦精在作祟。
作为链接设计和开发工程师的桥梁，究竟有哪些”标注“问题呢？
对于“标注”，湖湖的建议是：
挥别低效耗时的“手动标注”，投身蓝湖「自动标注」的怀抱，标注、共享、使用一步到位！
低效的手动标注，易漏标错标
蓝湖解法
自动标注，代码自动生成，0 出错
安装蓝湖插件，将设计图上传至蓝湖，蓝湖会为你自动生成设计图各元素的位置、尺寸、颜色等标注信息，点到哪里看哪里。
让设计、研发协作更高效，还能有效避免漏标、错标的情况。
除了标注信息，蓝湖还会自动生成 iOS、Android、CSS 等格式代码，开发工程师复制即可使用。
蓝湖插件下载（建议在 PC 端打开）：
PS 插件：https://lanhuapp.com/ps
Sketch 插件：https://lanhuapp.com/mac
Adobe XD 插件：https://lanhuapp.com/xd
标注共享困难，查阅更困难
共享一步到位是遥不可及的梦。
设计师标注好项目内包含的所有设计图，再打包、压缩、发送给开发工程师，工程师需要下载才能查看。
如果有漏标错标，设计师需要调整补救并重复以上步骤 N 次。
蓝湖解法
一键共享，实时同步
只需一键将设计图上传至蓝湖，设计图和相关标注信息即可同步给团队成员。成员无须下载，即可查看设计图及标注。
标注密密麻麻，开发到自闭
设计图内各元素的尺寸、位置、颜色等信息都标记在一张图上。
密集恐惧症光是看到就想自戳双眼，更别说需要对照标注信息高度集中进行编程的开发工程师了。
蓝湖解法
清晰展示，高效编程
蓝湖「自动标注」，能协助开发工程师高效编程。
标注信息在蓝湖清晰展示，开发工程师点击元素即可查看该元素的标注信息，复制即可使用；
借助【标注多选】进行开发，多选元素，同时查看多元素标注尺寸；
Windows 系统：长按 Ctrl 键 多选元素
Mac 系统：长按 Cmd 键 多选元素
还可以利用蓝湖【百分比标注】进行开发，按百分比适配页面，避免布局紊乱等问题。
单选标注元素，或者【标注多选】元素，按住 Alt 键，就能查看所选元素占对应图层的百分比，以及在整张设计图中所占的百分比。
Powered by Froala Editor
LanhuApp.com 支持自动标注的产品设计协作平台
155
作品
1985
粉丝
3
关注
大牛，别默默的看了，快登录帮我点评一下吧！:)
登录 立即注册