如何通过PxCook查看元素阴影的投影参数及模糊扩展值?

2026-05-03 05:120阅读0评论SEO资讯
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计807个文字,预计阅读时间需要4分钟。

如何通过PxCook查看元素阴影的投影参数及模糊扩展值?

若在PxCook进行设计时需获取图层的投影参数,但界面未直接显示偏移、模糊、扩展等数值,可按以下步骤定位并读取这些属性:

一、通过图层样式面板查看阴影数值

PxCook支持解析Sketch或PSD文件中的图层样式,当导入含投影效果的设计稿后,阴影参数会以结构化形式呈现在右侧属性面板中。该面板可直接展示X偏移、Y偏移、模糊半径、扩展值及颜色透明度。

1、在左侧图层面板中,单击选中目标图层(如按钮、卡片等具有投影效果的元素)。

2、观察右侧“属性”区域,向下滚动至“图层样式”模块,点击展开“投影”或“Drop Shadow”项。

3、在展开内容中,逐项查看X 偏移量(单位:px)Y 偏移量(单位:px)模糊半径(Blur,单位:px)扩展(Spread,单位:px,部分版本显示为“大小”或“Scale”)以及不透明度(Opacity,百分比)

二、启用高精度标注模式显示阴影详情

默认标注视图可能仅显示基础尺寸与颜色,需切换至高级标注模式才能完整呈现阴影参数。该模式强制解析并渲染所有图层效果的原始数值,适用于需交付开发的精确切图需求。

1、点击顶部菜单栏的“设置” → “标注设置”,打开全局配置窗口。

阅读全文
标签:pxcook

本文共计807个文字,预计阅读时间需要4分钟。

如何通过PxCook查看元素阴影的投影参数及模糊扩展值?

若在PxCook进行设计时需获取图层的投影参数,但界面未直接显示偏移、模糊、扩展等数值,可按以下步骤定位并读取这些属性:

一、通过图层样式面板查看阴影数值

PxCook支持解析Sketch或PSD文件中的图层样式,当导入含投影效果的设计稿后,阴影参数会以结构化形式呈现在右侧属性面板中。该面板可直接展示X偏移、Y偏移、模糊半径、扩展值及颜色透明度。

1、在左侧图层面板中,单击选中目标图层(如按钮、卡片等具有投影效果的元素)。

2、观察右侧“属性”区域,向下滚动至“图层样式”模块,点击展开“投影”或“Drop Shadow”项。

3、在展开内容中,逐项查看X 偏移量(单位:px)Y 偏移量(单位:px)模糊半径(Blur,单位:px)扩展(Spread,单位:px,部分版本显示为“大小”或“Scale”)以及不透明度(Opacity,百分比)

二、启用高精度标注模式显示阴影详情

默认标注视图可能仅显示基础尺寸与颜色,需切换至高级标注模式才能完整呈现阴影参数。该模式强制解析并渲染所有图层效果的原始数值,适用于需交付开发的精确切图需求。

1、点击顶部菜单栏的“设置” → “标注设置”,打开全局配置窗口。

阅读全文
标签:pxcook