问题标签 [sketch-3]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
216 浏览

android - 如何在 android studio 中使用 Sketch/Illustrator 设计

所以,我正在 android studio 中开发一个应用程序,我的公司会给我用草图/插画师创建的设计,那么我该如何使用它们呢?我是否必须在模型屏幕之后从头开始在 xml 中创建整个设计,或者我可以在 .xml 文件中获取这些模型并直接导入它们 smh?

0 投票
1 回答
116 浏览

javascript - 从我在 Sketch 中预定义的阴影中实现对象上的阴影

我不是 javascript 专业人士,但我想通过我的预定义阴影在对象上实现阴影,但代码不起作用:

0 投票
0 回答
296 浏览

css - 草图中的文本垂直对齐方式与 css 中的不同

我知道这是一个非常普遍的问题,但我还没有找到一个规范的解决方案。
我在 Sketch 中创建了一个设计,当我在 css 中使用确切的字体、字体大小和行高时,浏览器会以不同的方式呈现文本。

例子:

以下是文本在 Sketch 中的呈现方式: 草图中的文本对齐

看看文本如何与图标完美对齐?

现在,我在浏览器中呈现完全相同的内容。我正在使用 flexalign-items: center将文本与图标垂直对齐。但是,由于文本在它的边界框内没有垂直对齐,所以对齐是关闭的。

浏览器中的文本对齐

我知道编织设计系统通过裁剪文本节点周围的空白来处理这个问题。虽然这看起来是一个非常好的方法,但对于一个看似如此基本的问题,它也感觉有点过头了。

所以我的问题是:有没有使两者保持一致的解决方案?要么让 CSS 像草图一样渲染文本,还是让草图像 CSS 一样渲染文本?

感谢所有花时间阅读本文的人!

0 投票
1 回答
45 浏览

html - 从 Sketch 设计中识别 HTML 元素

前端开发人员在这里,如果之前已经问过这个问题,请原谅我。当从草图设计编码 HTML/CSS 时,有没有办法确定哪种 html 元素对应于草图组件?

当我使用 Anima 或类似工具导出到 HTML 时,它使几乎所有内容都成为<div>元素。一些草图组件是不言而喻的,例如 links <a>、等。例如<images><button>当涉及到文本时,有没有办法判断它是否是<div><span><p>元素等?在这种情况下我只需要使用我的判断吗?

欢迎对此提供任何指导。谢谢!

0 投票
0 回答
31 浏览

json - 将 SKETCH 文本导出为 JSON 进行翻译并导入回 Sketch

我想知道是否可以将草图文本导出到 Json 文件,然后将其翻译并将其导入回 Sketch,并将名称取回原来的位置。

我已经解压缩了草图文件,可以找到一个包含所有文本的 pdf 文件,但它是 pdf 格式的。请帮忙。