全部新闻提供最新行业动态,分享前沿设计理念
UI标注血泪史
时间:2024-09-12 来源:朝夕友人 点击:

作为UI设计师,每次做完设计稿并标注给前端这一环节,至今已经历过四次方式的“迭代”。因为与时俱进的标注软件/插件层出不穷,爱折腾的设计师必然会在这个“痛苦”的环节想方设法去尝试并择优选用(没错我在说我自己。。。)

从开始一个人的尝试到后来与前端团队的共同尝试并磨合确认,记录下经历的四款标注软件/插件的使用经验可供大家参考,也算是给曾经的UI标注血泪史留个“纪念”,所以以下内容仅涉及四款软件/插件中自己使用过的功能,对它们的介绍有点管中窥豹,且每位设计师及合作团队的使用习惯和侧重点不一,如需了解更全面的使用效果更希望大家去官网下载并自行实践。

MarkMan(马克鳗)

这款软件是在初入UI设计时最先尝试的软件,因此对其还是很有初入战场的“战友之情”,且在当时是受众最为广泛的标注软件之一,称为“UI设计师标注必备”,基本人手一个,在当时还未尝试其他标注软件的情况下,使用了大概一年多。

核心功能:长度标记、文字标记、颜色标记、坐标、矩形标记,前三个作为基础标注会使用的更多。

学习成本:So easy,基本下载后熟悉界面就可即时上手。

使用教程:应该好像没这个必要。。。

优势:

目前经历这么多款标注软件,回头再想马克鳗对于释放UI标注精力及标注精准度的优势,不好意思,真心没有(但是作为我的标注软件鼻祖,我还是很感恩他的陪伴,所以马克鳗开发团队不要打我,逃。。。)在UI二次验收的时候可以作为备选,毕竟初步验收可能会经历辣眼睛而大改特改所以标注很多的情况,二次验收可能只有几个小点,除了即时通讯/口头让前端更改,也可以用马克鳗快速简单标注给前端更改。

劣势:

这款软件除了提供四种标注的基本模版格式(指示箭头、文字),等同于99%需全手工标注,所以在设计排期中除了做完设计稿你还要算好大概多少小时的标注时间,费时费精力。

当时用的免费版,所以不能保存文件,标注好一张只能检查完毕再进行下一张标注。

大部分不懂前端的UI设计师容易在标注时以设计师的角度去思考并标注稿件,于是经常会出现:你标出的尺寸前端不需要,前端需要的尺寸你没标出这一个尴尬又返工繁琐的环节。

乱!乱!!乱!!!现在回头在看当时的标注稿,为了怕遗漏信息,页面里标得满满的稿件基本都是乱的惨不忍睹,心疼当时和我对接的前端,到底是多大的耐心面对这密密麻麻的标注稿去实现设计稿的。于是又经常会出现:你觉得标得这么全为什么前端还是没有1:1实现设计稿,前端觉得你标成这样谁有耐心一个个去看的周而复始的环节。

Sketch Measure
如果您也有此需求,欢迎咨询我们立即咨询