如何用蓝湖选择UI设计标注尺寸

作者&投稿:调歪 (若有异议请与网页底部的电邮联系)
~ 如何用蓝湖选择UI设计标注尺寸

善用蓝色泻湖提高团队合作效率。蓝色泻湖指向北方,教你如何充分利用蓝色泻湖。这个问题【蓝色泻湖指的是北方】如期而至。

蓝泻湖的打标和切割功能广受好评,打标尺寸的正确选择可以让设计师和工程师之间的沟通和协作事半功倍。本期,部落虎将教你如何选择维度。

第一步:将设计图上传到蓝色泻湖。

将设计图上传到蓝色泻湖,点击设计图上的任意位置,打开设计图标注信息面板,查看设计图元素的大小、笔画、颜色、投影、圆角、字体、大小、边距等信息。单击空白处关闭注释面板。

第二步:贴标时,正确选择贴标单位。

单击批注面板右上角的三角形图标,打开批注单元列表,然后根据需要选择批注单元。

这里的“单元”是指在不改变设计尺寸的情况下,改变不同的设备显示设计尺寸。

很多人问:为什么我换的单位越大,显示值越小?

Dp意味着从mdpi到xxxhdpi每单位物理尺寸的像素数越来越大。

也就是说:

1dp=1px中的1px。

xxxhdpi时,1dp=4px。

1px=1dp中的1dp。

1px=0.25dp,xxxhdpi。

dp=pt.

所以如果屏幕分辨率高,需要的物理尺寸就是px转换率会增加。

标记单位:

Px常用于网页。

pt应用于iOS设备开发时使用的单位。

dp应用于Android设备开发时使用的单位。

网页开发中使用的rem的单位标注一般是按照@2x来做的,@2x或者@3x可以用来裁剪图片。

为了方便大家理解,机智如我湖,选择维度的方法总结给大家,让大家一目了然。

第三步:下载剪切时,正确选择批注倍数。

做好标记后,点击裁剪图标,在设计详情页左侧工具栏中选择“下载裁剪”,一键即可下载本页所有裁剪图。

工程师可以根据开发要求选择多次切图,倍数越高,像素越高,画面越清晰。

提示:如何一键同时下载多个设计图的所有裁剪图?

在画布页面上,按住Shift+鼠标左键选择多个设计图,或者用鼠标右键拖动选择设计图;

选中该框后,右键单击菜单并选择下载切口,一次单击即可下载多个设计图中的所有切口。

好的尺寸标注,高效率的生产研发团队!

选择尺寸标注,做好以上三个步骤。小细节对团队开发和协作的效率影响很大,设计和开发可以一步到位。

分享完湖,希望对大家有帮助。在使用蓝泻湖的过程中有什么问题需要湖湖解答吗?




8年的UI设计师谈谈蓝湖的使用体验
蓝湖让设计与开发协作更为高效。自动共享切图,开发人员只需一键下载多分辨率及不同格式的切图。蓝湖还自动生成标注信息,前端直接点选即可获取代码,极大提升开发效率。蓝湖操作简单,只需三步:设计稿中做好切片,上传到蓝湖,将链接发给相关人员。这解决了过去冗杂繁琐的标注与切图工作,让设计流程更为...

如何用蓝湖选择UI设计标注尺寸
第一步:将设计图上传到蓝色泻湖。将设计图上传到蓝色泻湖,点击设计图上的任意位置,打开设计图标注信息面板,查看设计图元素的大小、笔画、颜色、投影、圆角、字体、大小、边距等信息。单击空白处关闭注释面板。第二步:贴标时,正确选择贴标单位。单击批注面板右上角的三角形图标,打开批注单元列表,然后...

协作工具「蓝湖」的使用心得
第一步:安装与配置首先,登录蓝湖官网,选择适合你的设计工具插件,如Photoshop的官方支持。对于Photoshop 2022用户,记得下载2.171.0版本,以解决与新版本软件的兼容问题。安装完毕后,只需在Photoshop顶部菜单栏选择「窗口」>「扩展」>「蓝湖」,即可开启协作之旅(如图1所示)。功能详解:协作无界打开蓝...

sketch和蓝湖如何搭配使用
1、打开MAC中的sketch软件,我们先随意绘制完成一个画板,要保证画板上是有元素存在的。2、接着在sketch上方选项中点击“插件-蓝湖-上传所选artboard”,插件在搜狗搜索一下直接下载即可。3、点击后弹框提示上传信息,确认设计稿尺寸以及上传的项目,选择“选中画板”,点击“上传”4、上传完成之后,我们进...

协作工具「蓝湖」的使用心得
首先,下载并安装适合自己设计工具(如Photoshop)的蓝湖插件至关重要。如果你使用的是Photoshop 2022,确保安装了2.171.0版本以解决与新版软件的兼容问题。安装完毕后,在Photoshop中找到「窗口」-「扩展」-「蓝湖」选项,登录激活插件。进入蓝湖界面后,设计师可以方便地上传设计稿,选择尺寸、项目和画板...

蓝湖怎么样设计协作平台
蓝湖怎么样设计协作平台如下:蓝湖好不好用,这个要看每个企业产研团队的使用习惯,别人怎么看我就不知道了,不过能提高工作效率是真的。

蓝湖是什么
4. 集成与兼容性:蓝湖可以与其他设计工具和设计库无缝集成,提高团队的工作效率。三、应用场景 蓝湖广泛应用于各类产品设计场景,如UI设计、UX设计、交互设计等。在设计过程中,它能够帮助团队快速传达设计理念,提高工作效率,确保项目的顺利进行。此外,它还提供云端存储功能,使得设计文件更加安全、易于...

ui设计需要哪些软件
4、XD和sketch:XD和sketch软件在UI设计工作中主要用来做图面设计、图标设计、原型设计。sketch(只能在苹果电脑上安装,如果电脑是win系统就可以安装XD软件)5、ARP和默刀:这两款软件都是做原型设计的。6、蓝湖:蓝湖在UI设计工作中主要做标注设计。7、C4D:C4D在UI设计工作中主要用来做一些3d效果图和...

UI设计师作品集应该怎么放作品,用培训机构的那个套路不太好(几个app几...
如果你是一位资深设计师,对设计有一套自己的方法论,那不妨在作品集中充分展示出来。选择一个较满意的作品,分享你的设计过程,可包含用户需求、头脑风暴、用户体验设计、视觉设计、原型设计、动画和测试等等。着重展现你对设计流程和解决用户需求的思考。你如果没有作品集,可以用蓝湖托管,不需要下载,...

如何做出好的UI设计
关注 展开全部 用户易用的、且能传达品牌价值、达到商业目标的 UI 设计,一般来说是是好的。建议用蓝湖创建的设计规范去完成 UI 设计图,做出的图效果好。 已赞过 已踩过< 你对这个回答的评价是? 评论 收起 推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询 其他...

关岭布依族苗族自治县13645814020: 设计图上传到蓝湖协作平台后,在哪里看标注呀? -
机葛丹平: 双击设计图,进入详情页,在【标注】模式下,点击任意元素,都可以看到该元素的字号、大小、颜色、间距等标注信息,而且还能帮工程师自动生成相对应的代码,很酷.

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

关岭布依族苗族自治县13645814020: 用Sketch如何做切图? -
机葛丹平: 1、实现选中想要的Group切图保留透明部分. 2、点击:+加号. 3、点击:刀的图标 . 4、勾选 Export Group Contents Only 的操作. 5、实现的切图效果如下. 6、实现Export如图. 注意事项: 矢量绘图也是进行网页,图标以及界面设计的最好方式.但除了矢量编辑的功能之外,Sketch同样添加了一些基本的位图工具,比如模糊和色彩校正.

关岭布依族苗族自治县13645814020: ui需要对设计稿进行标注吗知乎 -
机葛丹平: 最好能给标注,方便开发查看,也省的UI每次要帮技术看尺寸大小颜色..

关岭布依族苗族自治县13645814020: 哪里有在线设计软件可以用?就是那种用起来比较简单的.
机葛丹平: 蓝湖:蓝湖软件在UI设计工作中主要用来做标注设计的PS:PS软件在UI设计工作中主要来用bai做UI设计界面设计、图标设计、图片处理的AI:AI软件在UI设计工作中主要用来做UI界面设计、图标设计、字体设计、插画设计的

关岭布依族苗族自治县13645814020: 学习UI视觉设计师有什么要求吗?
机葛丹平: 一、 软件能力目前UI设计需要学习的软件主要有:PS,AI,AE、DW及原型图软件(Axure RP,墨刀,蓝湖,三选一即可)和一些极少用到的辅助软件,比如Sketch,即Sketch-A-Etch,是一款素描绘画类的软件,必须要有mac苹果电脑才能安装此...

关岭布依族苗族自治县13645814020: 有知道iPhone6设计界面的具体尺寸吗 -
机葛丹平: iPhone 6设计界面的具体尺寸是750px X 1334px,具体设计步骤如下:1、视觉设计阶段,设计师按宽度750px(iPhone 6)做设计稿,除图片外所有设计元素用矢量路径来做.设计定稿后在750px的设计稿上做标注,输出标注图.同时等比放大1.5...

关岭布依族苗族自治县13645814020: AI有什么好用的UI标注工具吗 -
机葛丹平: PxCook:(我的评价:4.5星) 先说我用过还不错的标注工具,也是我目前在用的工具.操作形式和MarkMan有些许相似,不过交互体验上高出了一个档次.主要表现在支持智能的拖放标注,移动设备单位切换等方面上.并且它是为数不多的...

关岭布依族苗族自治县13645814020: 如何把握APP UI的设计尺寸 -
机葛丹平: 1. 留足空间 与普遍观点恰好相反,字体并非屏幕上弯弯曲曲的线条排列;它主要在于周围和相互间的空间. 字母本身对字体的影响,与构成它的空间相比,要小得多. 要理解这一点,了解字体从何而来很有帮助:字母o(还有b、c、p等等)中...

关岭布依族苗族自治县13645814020: UI设计规范有什么用?给谁看? -
机葛丹平: UI设计不仅是让某个APP或软件有个性有品位,吸引用户,还有一个是操作舒适、简单、突出软件的定位和特点,蓝湖的设计规范云可以尝试一下

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