当前位置:首页 » 工具五金 » ui标注工具有哪些
扩展阅读
怀孕哪些费用免费 2024-11-05 11:10:39

ui标注工具有哪些

发布时间: 2022-02-04 03:50:22

① 网页UI设计稿里的标注是用什么软件标注的

我不知道你用的是什么软件,我用sketch的话我都是用measure这个插件去完成我的标注的,然后把桌面打包的文件发给开发,开发这边用浏览器打开,鼠标放在想要知道尺寸的地方就可以看到尺寸了。干净,简洁。

② UI设计稿里的标注是用什么软件做的

很多软件都有标注的功能呀~ 我一般是用摹客,摹客的定稿模式中有很多种类的手动标注。

在开发模式下,标注可以智能生成。并且通过点击、hover设计图上的任意元素,还能查看相应标注。自动标注也可以一键生成,手动标注可以自由补充。下面我简单操作一下,希望对你能有帮助~
1.文字标注

当处于定稿模式下,点击左侧的文本标志.可为当前页面添加文字标注。选中该标注,可以看到撰写人信息。(注:协同人仅有评论模式和开发模式。)

③ 有没有好用的UI自动标注工具

我们公司用的摹客iDoc,PS/Sketch / XD的设计稿和Axure的原型图都支持,上手简单,没有什么学习门槛。标注方式很智能,目前国内的UI插件里好像就只有iDoc是自动标注+手动标注。
自动标注:点击图层就能生成标注,还可以转换成百分比或使用放大镜。
手动标注:补充文字、坐标、颜色、尺寸、区域标注信息
另外iDoc也支持切换单位和复制标注属性,而且基础功能都是免费的,可以试试看。

④ UI标注插件都有哪些

zeplin、Marketch、摹客iDoc。
这几个是我用过的标注插件,前两个是国外的,最后一个是国产工具,英语不太好的话可以用iDoc,PS/Sketch / XD都支持。标注的方式是自动+手动,自动标注可以标注百分比、多选标注,还可以一键查找相同元素,如果觉得表达不全面,也可以手动修改生成的数据或单独补充说明。
另外iDoc是在线工具,不占内存,只用下一个小插件就可以,开发还可以直接复制代码,和标注属性,很方便。
个人觉得这个产品做得还是不错的,值得体验。

⑤ UI标注工具都有哪些

我之前用的zeplin还挺好用的,不过本人英语不太好,就改用了国产插件——摹客iDoc,总体来说我的需求都能满足,而且标注方式很智能,自动标注的信息可以快速切换为百分比,还可以用手动补充工具快速标注文字、坐标、颜色、尺寸、区域。

还有几个实用的功能,比如:

  1. 自动生成颜色和字体规范,还可以直接复制CSS代码,开发小哥哥应该比较喜欢。

  2. 标记图层,下载图层数据,可以快速还原设计稿。

  3. 快速切换不同平台的标注单位。

目前我经常用到的功能就这些,如果有人探索到别的实用功能记得留言告诉我~

⑥ 有没有免费好用的UI标注工具

最好的UI设计工具可以适应几乎所有设计过程,并有望满足您的创意需求。现在是探索新工具并查看可用于设计和展示项目的好时机。但是,既然有这么多的UI设计工具,那么应该使用哪些工具?在过去的几年中,Sketch和InVision的组合一直是许多设计师的流行选择,但其他工具却提供了具有竞争力的功能和选项。从来没有比以前更好的原型设计和线框工具选择了,所以我们认为现在是仔细研究一些最佳工具的好时机。

有关更多常规工具,请参见我们的Web设计工具综述。

一、线框

01. 模拟流


Fluid出色而直观,并具有一些出色的UI资产

Fluid是构建快速原型和进行设计的直观工具。它开箱即用地打包了一些不错的资产,使您可以快速使用原型,并且在升级后,可以轻松地将自己的符号与首选的UI资产组合在一起。

20.主题演讲

除了用作创建演示文稿的好工具之外,Keynote(尤其是它的Magic Move过渡)也是快速为设计动画化和传达想法的方法之一。

三、其他UI设计工具

21.黄金比例排版计算器

决定航向大小吗?该GRT计算器使用的黄金比例的科学产生的是可以在你的界面设计中使用的排版比例。

22.齐普林

Zeplin不一定是原型制作工具,但它非常适合与原型制作一起进行的后期设计和预开发阶段。它使您能够采用您的设计和原型,将其移交给开发人员,并确保您的想法得到了很好的执行。您可以将Sketch,Photoshop,XD和Figma文件上载到Zeplin,这将为开发人员和设计人员创建一个移交项目的环境,而无需进行繁琐的创建准则的工作。但是,值得确保首先需要它。

⑦ 国内有没有好用的UI设计标注工具

说下目前市面上的一些标注工具的优缺点好坏:

PxCook:(我的评价:4.5星)

先说我用过还不错的标注工具,也是我目前在用的工具。操作形式和MarkMan有些许相似,不过交互体验上高出了一个档次。主要表现在支持智能的拖放标注,移动设备单位切换等方面上。并且它是为数不多的PS和Sketch都支持的标注工具。

优点:

成熟:跨平台——支持Windows和Mac

成熟2:支持PS和Sketch。

交互特别智能,也方便,一拖一放就标注完了。

相当需要说的一点:对于PSD文件或者Sketch进行了修改之后,PxCook里的标注会自动进行更新,免除了手动操作的过程。这是后面很多软件没有的。

支持移动设备的多单位切换。

对于应用了图层样式的图层而言,它会忽略图层样式的尺寸,比较符合我们开发人员思路。

对于应用了颜色叠加的文本,标注时候,颜色值首先是正确的。

对于应用了颜色叠加,同时嵌套了组也对组应用了颜色叠加的文本标注颜色值也是正确的,以上两点很重要,因为我发现很多设计师喜欢通过这种方式来修改文本颜色。

缺点:

不能支持多个文件同时进行标注。

对于图层样式等信息,不能进行详细查看。

价格:免费

点击这里和UI设计

Assistor PS:(我的评价:3星)

韩国推出的一款综合类设计辅助工具。其中也提供了标注功能。其流程为通过控制PS进行标注,类似于插件但并非插件。可谓开创了自动标注的先河,基本操作就是通过先选中图层,然后在插件面板中点击生成标注,标注会以一个新的图层的方式存在在你的设计稿中。只不过该软件已许久不再更新和维护了。
点击这里和UI设计小伙伴寻找更合适的标注工具

优点:

较为智能,不用手动去对像素了。

支持字体等标注,以及支持基本的颜色叠加识别。

支持Windows和Mac。

l 缺点:

仅支持PS。

对标注图层的设定有些欠妥:生成的标注是单独的图层,管理起来不方便;可以对同一个图层点击多次标注,这样就创建了多个相同的标注图层……

不能同步更改,如果设计稿改了,那标注改起来很不方便,先要找到对应的标注图层删掉,然后再重新标注。

速度慢(运算速度),比如我点一下标注,在PS里需要算几秒才能标出一个距离。

会把图层的效果(比如投影等)也算到尺寸里?!在大多数情景下感觉似乎不太符合开发人员的思路。

对于带有混合模式以及透明度的颜色叠加的文本进行标注时,颜色值取值不正确。最终结果应该是黑色,但是标注结果却是红色。

对于嵌套了组,同时对组也应用了颜色叠加之后,的文本标注取值也不对。最终结果应该是绿色,标注结果也变成了红色。

价格:由于公司被收购,从100usd/年变免费。

标你妹啊:(我的评价:3.5星)

这是一款在线的非标注工具,更适合开发人员,可以及时动态看到设计稿的相关标注信息,只需要把PSD上传上去即可,它会在服务器上去分析你的PSD然后提供和标注相关的数据。

优点:

交互方式更加流畅和直观,操作响应程度很快。

对于移动单位标注的切换更加直观和方便。

对于应用了图层样式的图层而言,它会忽略图层样式的尺寸,比较符合开发人员思路。

缺点:

安全的担心:需要上传PSD文件,对于一部分人和公司,文件的保密性可能是不能逾越的鸿沟,同时对PSD文件体积有限制。

只支持PSD文件。

上传受到网速限制,那些大文件真是要很久啊,不太符合国情。

有bug:对于一部分psd文件无法正常解析。

对于进行了颜色叠加的文本,得到的颜色值是错误的。

外面如果再嵌套了一个组,得到的颜色就错的更加离谱了。

价格:免费

MarkMan:(我的评价2.5星)

MarkMan是我最早接触过的标注工具,那时候标注需要的不多,作为一个可以为所有图片格式提供通用标注的软件来讲,MarkMan是个不错的选择,早期版本中是不支持移动端单位的,不过大概在几年前吧,他们加入了单位切换。问题在于,交互。他们后来加入的所有功能都放在了右键菜单里,用起来并不是那么方便,不过作为元老级产品,MarkMan是很赞的。直到他们把免费版变为了收费版后,就没见他们怎么更新过了。

优点:

入场比较早,做得比较早

为常见图片格式提供通用基本的标注,满足基本需求

缺点:

标注方式不智能,只能说是满足基本需求

部分功能(比如单位切换)在右键菜单里,很不方便,交互不够简洁明了。

价格:60rmb每年

Dorado:(我的评价:2星)

Dorado是后来腾讯出的一个标注工具,这个应该是继MarkMan之后一个同样在当时比较方便的标注工具了,好像和MarkMan之间有一段小风波。不过我们不讨论它,单纯客观来评价这个软件。他基本功能和MarkMan差不多,但是他的体积非常的小。

优点:

为常见图片格式提供通用基本的标注,满足基本需求

体积小巧,只有几百K,而且是绿色的不用安装。

支持的图像格式更多。

缺点:

只有Windows版本,没有Mac版本。

还是标注方式不够智能,仅满足基本需求

价格:免费

Parker:(我的评价:2.星)

Parker是以插件形式进行辅助标注的工具。支持PS和Sketch,要分别为两个工具去单独安装插件Parker插件。基本操作与Assistor PS特别像,甚至连一些Bug和处理也一样[Microsof1] ,详见如下文中提到的缺点。

优点:

满足基本标注需求。

较为智能,不用手动去对像素了。

支持字体等标注,以及支持基本的颜色叠加识别。

缺点:

生成的标注是单独的图层,管理起来并不方便,并且可以对同一个图层点击多次标注,这样就创建了多个相同的标注图层。

如果设计稿修改了,那标注修改起来不方便,先要找到对应的标注图层删掉,然后再重新标注。

运算速度较慢,比如点一下标注,在PS里需要算几秒才能标出一个尺寸。

会把图层的效果(比如投影等)也算到尺寸里,感觉不太符合大多数开发情景。

对于这种带有混合模式以及透明度的颜色叠加的文本进行标注时,颜色值取值不正确。最终结果应该是黑色,但是标注结果却是红色。

对于嵌套了组,同时对组也应用了颜色叠加之后,的文本标注取值也不对。最终结果应该是绿色,标注结果也变成了红色。

价格:60rmb一次性付费。

以上就是庞姿姿的回答,希望对你有所帮助。

⑧ AI有什么好用的UI标注工具吗

PxCook:(我的评价:4.5星)

先说我用过还不错的标注工具,也是我目前在用的工具。操作形式和MarkMan有些许相似,不过交互体验上高出了一个档次。主要表现在支持智能的拖放标注,移动设备单位切换等方面上。并且它是为数不多的PS和Sketch都支持的标注工具。

(所有的对比中,我都尽可能使用同样的图来说明效果。)

优点:

  • 成熟:跨平台——支持Windows和Mac

  • 成熟2:支持PS和Sketch。

  • 交互特别智能,也方便,一拖一放就标注完了。

  • 相当需要说的一点:对于PSD文件或者Sketch进行了修改之后,PxCook里的标注会自动进行更新,免除了手动操作的过程。这是后面很多软件没有的。

  • 支持移动设备的多单位切换。

  • 对于应用了图层样式的图层而言,它会忽略图层样式的尺寸,比较符合我们开发人员思路。

    对于应用了颜色叠加的文本,标注时候,颜色值首先是正确的。

    对于应用了颜色叠加,同时嵌套了组也对组应用了颜色叠加的文本标注颜色值也是正确的,以上两点很重要,因为我发现很多设计师喜欢通过这种方式来修改文本颜色。

    缺点:

  • 不能支持多个文件同时进行标注。

  • 对于图层样式等信息,不能进行详细查看。

  • 价格:

    免费

    Assistor PS:(我的评价:3星)

    韩国推出的一款综合类设计辅助工具。其中也提供了标注功能。其流程为通过控制PS进行标注,类似于插件但并非插件。可谓开创了自动标注的先河,基本操作就是通过先选中图层,然后在插件面板中点击生成标注,标注会以一个新的图层的方式存在在你的设计稿中。只不过该软件已许久不在更新和维护了。

⑨ 有哪些好用的UI标注工具

“蓝湖”就挺不错的,支持自动标注、切图,不用下载。

⑩ 好用的UI设计工具有哪些求高手推荐

按UI的工作流程推荐一波:
一、项目前期准备:流程图工具-Visio
在正式进行UI界面设计之前,UI设计师需要对产品整体的流程进行思考。此阶段可以使用流程图软件Visio或XMind对需求的流程进行梳理,这会给后期的沟通减少很多不必要的麻烦。
二、原型设计工具-Mockplus

相比老牌原型工具Axure,Mockplus是一款简单、便捷的国产原型工具,可以快速将你的想法以线框图形式展现出来。软件内封装好了常用的一些组件及素材图标,拖出即可用,非常方便。同时Mockplus也支持多人协作设计 。
三、矢量绘图工具-AI

AI是目前最强大的矢量图绘制工具之一,主要应用于印刷出版、海报排版、专业插画、多媒体图像处理和互联网页面的制作等。支持任意形状渐变、全局编辑、自定义工具栏、裁切视图、内容识别裁剪等特色功能,非常实用。
四、划参考线工具-GuideGuide
GuideGuide是一款可以应用于PS、AI、Sketch及XD里面的划参考线插件,安装非常方便。此外,它支持一键生成参考线,也可针对画布或者自定义选区新建参考线等。
五、UI界面设计工具-Sketch
Sketch可以说是一款专为UI设计师而生的矢量绘图工具。相对于PS,SKetch定位更加精准,操作更简单及轻量化。“设计,修改、演示”的一站式功能,可以帮助UI设计师快速完成界面设计,元素批量修改及快速演示等。但是目前只支持在Mac上使用。当然,没有Mac的,也可以用PS或XD进行界面设计。
六、配色工具- Material Design Color
对于UI设计师来说,配色是极其重要的一个环节,有人称之谓“成也配色,败也配色”也不为过。一个好的UI配色可以起到诸多作用,如:显示界面整体架构、明确层级关系及提升转化率等等。其重要性可见一斑。而配色一直是让UI设计师非常头疼的,对于新手小白更是如此。当然,有了配色工具-Material Design Color,这些问题都不用愁。其操作非常简单,便捷,灵活。
七、标注、切图、高保真原型工具-摹客iDoc
UI设计师做好界面设计后,就到了最让人恼火的环节了-如何将自己的设计稿快速交付(标注、切图、高保真原型等)给前端开发?用摹客iDoc的插件,就能轻松标注和切图,帮助设计师快速完成交付。支持sketch、PS、XD的设计稿和Axure、Mockplus的原型图。
八、圆角工具-Corner Editor
这是一款在PS上运行的插件-圆角工具。与PS里面的自带圆角编辑功能相比,Corner Editor操作起来更加简单便捷。除了可以单独设置圆角大小外,就算元素变形了,一样可以进行圆角处理。
以上是我的推荐,望采纳~