【蓝湖指北】你真的会标注吗?

北京/UI设计师/5年前/559浏览
【蓝湖指北】你真的会标注吗?

用蓝湖,不加班

用好蓝湖,提升团队协作效率,

蓝湖指北,教你如何用好蓝湖。

本期【蓝湖指北】如约而至~

对 UI 设计师而言,“标注”是除了“切图”之外,定稿好消息带来的另一个麻烦精。如果交付的设计稿与开发的产品对不上号,多半是这个麻烦精在作祟。


作为链接设计和开发工程师的桥梁,究竟有哪些”标注“问题呢?


对于“标注”,湖湖的建议是:

挥别低效耗时的“手动标注”,投身蓝湖「自动标注」的怀抱,标注、共享、使用一步到位!



低效的手动标注,易漏标错标


已经 9012 年,一些身居互联网最前线的设计师却还在手动标注,一标就标一下午,还经常漏标错标。开发过程中工程师需反复向设计师确认。若是标注问题没有被及时发现,直接导致开发效果和设计图不一致。

设计和开发加班加点想要挽回局面,却还是逃不过上线推迟的命运。


蓝湖解法: 自动标注,代码自动生成,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 键,就能查看所选元素占对应图层的百分比,以及在整张设计图中所占的百分比。



用蓝湖,轻松解决”标注“、”切图“难题,在设计和开发之间搭建沟通的桥梁,避免走弯路,让协作更简单、高效~


用蓝湖,不加班~

蓝湖网址:LanhuApp.com

蓝湖,高效的产品设计协作平台~


2
Report
|
7
Share
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
Log in