蓝湖怎么切图标注_【蓝湖指北】一张图教你如何选择标注尺寸-程序员宅基地

技术标签: 蓝湖怎么切图标注  

蓝湖的标注、切图功能广受好评,正确选择标注尺寸,让设计师与工程师的沟通和协作事半功倍。本期【蓝湖指北】,湖湖将手把手教你如何选择标注尺寸。

Step 1 :将设计图上传至蓝湖

上传设计图至蓝湖,单击设计图任意地方,即可打开设计图标注信息面板,查看该设计图元素大小、描边、颜色、投影、圆角、字体、字号、边距等信息。单击空白处,即可关闭标注面板。

Step 2 :标注时,正确选择标注单位

点击标注面板右上方三角图标,打开标注单位列表,即可根据需要选择标注单位。

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

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

dp 是指从 mdpi 到 xxxhdpi 每单位物理尺寸的像素数越来越大。

也就是说:

mdpi 时 1dp = 1px

xxxhdpi 时 1dp = 4px

mdpi 时 1px = 1dp

xxxhdpi 时 1px = 0.25dp

dp = pt

所以屏幕分辨率高了需要的物理尺寸就是 px 换算比就会增大

标注单位:px 常用于网页pt 应用于 iOS 设备开发时使用的单位dp 应用于 Android 设备开发时使用的单位rem 应用于网页开发使用的单位

标注一般是按照 @2x 来做,切图的话用 @2x 或 @3x 都可以。

<
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_39629947/article/details/111732398

智能推荐

React + TypeScript 实现泛型组件_react 函数组件泛型-程序员宅基地

文章浏览阅读3.4k次。泛型类型TypeScript 中,类型(interface, type)是可以声明成泛型的,这很常见。interface Props<T> { content: T;}这表明Props接口定义了这么一种类型:它是包含一个content字段的对象 该content字段的类型由使用时的泛型T决定type StringProps = Props&..._react 函数组件泛型

android+省电播放器,播放耗电:QQ影音等三款最省电_软件资讯软件评测-中关村在线...-程序员宅基地

文章浏览阅读1.1k次。参测软件播放耗电情况使用PC电脑(使用电源)平台来播放视频时,由于电力来自于电源,因此在电量的消耗方面,在普通的使用中,并不会被考虑太多。然而安卓手机端在播放视频时,播放视频过程中的耗电情况,我们就不得不考虑了。毕竟手机电池的电量相对都是有限的,智能手机本身的耗电量就是一件比较“鸡肋”的事情。在相同的测试环境下,不同的播放器是否在播放同一个视频时,耗电会否变化?这是一个非常值得讨论的问题。测试准备..._最省电的视频播放app

无模型自适应控制-程序员宅基地

文章浏览阅读4.3k次。概念 无模型自适应控制(MFAC)在1994年被提出,是一种基于数据驱动的控制方法,该方法是通过引入的伪偏导数或伪梯度参数,在每个动态工作点处建立等价的动态线性化数据模型,只利用被控对象的输入量和输出量就可以直接设计控制器,不需要过分依赖于数学模型,使得它在处理非线性的问题上拥有独特的优势。 常用的MFAC动态线性化方法包含紧格式的MFAC控制方法(CFDL-MFAC)和偏格式的MFAC控制方法(PFDL-MFAC)以及全格式的MFAC控制方法(FFDL-MFAC) CFDL方法是把_无模型自适应控制

Vue Router 嵌套路由中, 子路由path路径带 ‘/‘ 与不带的区别_path: '/-程序员宅基地

文章浏览阅读7.1k次,点赞18次,收藏24次。Vue Router 嵌套路由中, 子路由path路径带 ‘/’ 与不带的区别示例代码:const routes = [ { path: '/layout', component: () => import(/* webpackChunkName: "Layout" */ '@/views/layout/Layout.vue'), children: [ { path: 'home', component: () => _path: '/

Scala不完整学习笔记1_scala 不使用科学计数法-程序员宅基地

文章浏览阅读536次。环境java 1.8 Scala 2.11知识数组var arr = new Array[String](3)Scala数组是一个所有对象都共享相同类型的可变序列List1、共享相同类型的不可变对象序列。但是可以使用:::的方法实现叠加功能。 (其实就是创建了一个新的数组返回回来) 2、List[String]、List[Int] 等等tuple(元组)1、和List相比可以包含不同数据类型。_scala 不使用科学计数法

在pcDuino上安装3D打印机控制软件_pronterface 下载-程序员宅基地

文章浏览阅读1.2k次。3D打印(3D printing),即快速成型技术的一种,它是一种以数字模型文件为基础,运用粉末状金属或塑料等可粘合材料,通过逐层打印的方式来构造物体的技术。3D打印通常是采用数字技术材料打印机来实现的。过去其常在模具制造、工业设计等领域被用于制造模型,现正逐渐用于一些产品的直接制造,已经有使用这种技术打印而成的零部件。该技术在珠宝、鞋类、工业设计、建筑、工程和施工(AEC)、汽车,航空航天、牙科_pronterface 下载

随便推点

金蝶KIS商贸版—(业务结账)期末结账操作介绍-程序员宅基地

文章浏览阅读6.2k次。业务结账业务系统中当一个业务期间已经结束,需要通过〖功能〗→〖业务期末结账〗来截止当期核算单据的处理,计算本期的库存商品成本余额,并转入下一期,同时系统当前期间下置。期末结账前,会对本期的核算单据进行检查,需要确保当前期间所有业务单据都已经审核。通过业务期末结账功能中的【查看】可以查找到当期所有未审核单据;专家温馨提示:1、业务期末结账构成:期末结账、反结账以及查看本期未审核单据。...

STM32程序异常——中断处理要谨慎-程序员宅基地

文章浏览阅读1.7k次。问题背景最近有一个新项目(车载项目),板子上除了原来的ARM + STM32F030K6Tx又多了一个8bit的mcu的单片机,这可真是嵌入式全家福了。系统的主要核心工作是由arm来完成,但是在开机早期及休眠、唤醒等过程是由stm32来控制完成的。开机过程中的ACC打火检测、高低压检测,同时也是为了保证休眠的时候整块板子的的低功耗(休眠时只有rtc有电及stm32处于深度休眠,其他全部..._stm32f030找不到adc中断

linux磁盘扩容、挂载[fdisk、parted]_linux fdisk 扩容-程序员宅基地

文章浏览阅读4.7k次。【代码】linux磁盘扩容、挂载[fdisk、parted]_linux fdisk 扩容

部署React新方式_react部署-程序员宅基地

文章浏览阅读1.5k次。# 为什么要使用ReactReact起源于Facebook内部项目,于2013年开源,由于出众的设计思想,以及更加专注于MVC当中的视图层, 使得创建交互式 UI 变得轻而易举。同时React还可以为你应用的每一个组件设计简洁的视图,当数据改变时 React 能有效地更新并正确地渲染组件。在写React时,就是在写每一个组件,最后将一个界面中的若干组件组合包装成完整页面,这样就实现了无论你现在正在使用什么技术栈,你都可以随时引入 React 来开发新特性,而不需要重写现有代码。跟随本教程,提升We_react部署

UVA 10065 Useless Tile Packers(凸包面积)_uva '10065-程序员宅基地

文章浏览阅读942次。UVA 10065 Useless Tile Packers(凸包面积)http://uva.onlinejudge.org/index.php?option=com_onlinejudge&Itemid=8&page=show_problem&problem=1006题意: 按时针顺序给你一个n个顶点的多边形(可能为凹多边形)的每个点,然后你要求出多少形的面积s1,以及多_uva '10065

程序员吐槽:公司开源节流要求降薪,网友:一石三鸟啊!_公司说开源节流 不涨工资-程序员宅基地

文章浏览阅读377次。一公司领导通知员工公司准备对全体员工做出降薪30%的决定,对此该公司员工表示不同意,一名程序员发帖怒怼:为了不让领导做如此艰难的决定,所以本人表示拒绝。2018年受金融大环境的影响,众多企业不可避免的进入了行业低迷期,这一年对我们来说,也是无比艰难,困难重重。为了尽快走出困境,公司只能开源节流,降低各项成本与开支。结合公司现状,也考虑到总体行业不景气,再就业困难等实际情况,公司领导做出了非常艰..._公司说开源节流 不涨工资