标签: sketchapp

草图如何在多个窗口/选项卡中打开相同的文件?

是否可以.sketch在多个选项卡/窗口中打开相同的文件?

我试过File -> Open Recents -> Myfile并从Finder多次打开它,但它只是打开相同的窗口

sketchapp

10
推荐指数
1
解决办法
1117
查看次数

如何使用id处理Sketch导出的SVG

我想在我的页面中使用svg图标.我使用的设计师使用Sketch来设计图像并将结果导出到svg中.素描增加了各种id标签导出的代码(注意id="Page-1",id="My-Star"id="Star-1"属性):

<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="My-Star" stroke="#979797" fill="#D8D8D8">
            <polygon id="Star-1" points="11.9860934 18.5835921 5.4876995 22 6.7287823 14.763932 1.47147118 9.63932023 8.73689646 8.58359214 11.9860934 2 15.2352904 8.58359214 22.5007157 9.63932023 17.2434045 14.763932 18.4844873 22 "></polygon>
        </g>
    </g>
</svg>
Run Code Online (Sandbox Code Playgroud)

我直接在html中包含了svg.通过这样做,我id多次介绍相同.除了这种工作方式导致的无效html之外,我需要根据ids 设置svg元素的样式.这是一种不好的做法.

我用css来设置svgs的样式,看看一个例子

问题:在从Sketch导出svgs时,
有没有办法idclasses 替换s ?我可以给设计师一些插件或设置吗?如果没有,从设计人员接收svg资产并在页面中使用它的最佳工作流程是什么?

html css svg sketchapp

9
推荐指数
1
解决办法
2683
查看次数

查找将Sketch形状路径点(json格式)转换为svg路径的模式或公式

我试图找到一个模式将Sketch形状点(json格式)转换为svg路径,因为我们知道草图文件只是zip文件,解压缩你将获得json文件.这里是样本json代码

{
    "_class": "triangle",
    "do_objectID": "BE50CDBE-491C-4402-98EA-71E9C7B9F61B",
    "booleanOperation": -1,
    "frame": {
        "_class": "rect",
        "do_objectID": "0B39EF6D-9AD4-409B-85FA-D09B2B8A0692",
        "constrainProportions": false,
        "height": 56.86153846153846,
        "width": 66,
        "x": 0,
        "y": 0
    },
    "isFixedToViewport": false,
    "isFlippedHorizontal": false,
    "isFlippedVertical": false,
    "isLocked": false,
    "isVisible": true,
    "layerListExpandedType": 1,
    "name": "Triangle",
    "nameIsFixed": false,
    "resizingConstraint": 63,
    "resizingType": 0,
    "rotation": 0,
    "shouldBreakMaskChain": false,
    "userInfo": {
        "com.animaapp.stc-sketch-plugin": {
            "kModelPropertiesKey": {}
        }
    },
    "clippingMaskMode": 0,
    "hasClippingMask": false,
    "edited": false,
    "isClosed": true,
    "pointRadiusBehaviour": 1,
    "points": [
        {
            "_class": "curvePoint",
            "cornerRadius": 0,
            "curveFrom": "{0.49999999999999944, 0}",
            "curveMode": 1,
            "curveTo": …
Run Code Online (Sandbox Code Playgroud)

svg json discrete-mathematics sketchapp sketch-3

7
推荐指数
1
解决办法
254
查看次数

Sketch to CSS - Radial Gradient Css 导出问题

我的英语有点差。对不起。Sketch程序中准备了一个设计。我无法将径向渐变正确地溢出到 css 代码中。如何获得相同的径向渐变外观?

截图:https : //imgur.com/1XNWNtv - https://imgur.com/lTljQBr

径向Gradiant高度: 1000像素

径向渐变色: #3F46AD(不透明度 10%)

注意: “复制 CSS 属性(草图)”功能没有正确导出;

HTML :

<div class="gradient-bg-wrapper">

</div>

<div class="text-wrapper">
    test test test
</div>
Run Code Online (Sandbox Code Playgroud)

CSS :

.gradient-bg-wrapper{
    height: 1000px;
    background-image: radial-gradient(50% 124%, #3F46AD 75%, #FFFFFF 100%);
    opacity: 0.1;
 }
Run Code Online (Sandbox Code Playgroud)

css styles sass sketchapp sketch-3

7
推荐指数
1
解决办法
1284
查看次数

如何从 Sketch 中的矩形中减去矢量路径

如何在 Sketch 中减去矢量路径。形状很简单,文字也可以。附加图像中的白线需要穿过矩形。建议?

在此处输入图片说明

sketchapp sketch-3

6
推荐指数
1
解决办法
2953
查看次数

Sketch中的Material Design插件:如何导出生成的主题?

我们在Sketch 中使用了Material Design Theme Editor插件。它可以在您的Sketch文件中创建这个惊人的样式指南和材料设计主题。有谁知道要导出,然后将Sketch中生成的主题导入Android Studio?

android themes android-studio material-design sketchapp

6
推荐指数
1
解决办法
426
查看次数

如何将草图应用程序转换为android布局

我试图将在sketchapp中创建的布局转换为android,但不知怎的,我无法这样做.请帮我解决这个问题.

android sketchapp

5
推荐指数
1
解决办法
9651
查看次数

如何导出草图中不带阴影的

我是素描新手。在草图中设计了一个图标后,我想将其导出为PNG。该图标是用多个路径绘制并分组在一起的。但是当我导出它时,导出的图像中有阴影。我不想要影子。有办法摆脱它吗?

sketchapp sketch-3

5
推荐指数
1
解决办法
1487
查看次数

Icons8 Lunacy 说:“缺少字体”,即使它们安装在我的电脑上?

我收到了一个草图文件,由于我有 Windows,我安装了 Icons8 Lunacy 来读取该文件,但是当我尝试打开该文件时,我收到一条消息,说缺少一种名为 (Avenir-Heavy) 的字体,即使我第三次在我的电脑上安装它,我可以在我的字体设置中看到它在那里,一些字体在开始时也丢失了,但设法安装它们,并且它们已从“丢失字体”错误消息中删除,但是(Avenir -重)卡在那里,我不知道为什么?!

有人可以帮我解决这个问题吗?提前致谢

fonts mockups sketchapp

5
推荐指数
1
解决办法
1845
查看次数

如何在Windows中打开草图文件

我已经从Google下载了图标集。 https://developers.google.com/identity/branding-guidelines

它具有.SKETCH文件。我需要知道如何打开文件。我有Photoshop和Sketchup 2016。

谁能协助我打开文件?

另外,如果可能的话,请让我知道以.fla或.psd格式设置的Google图标的位置

photoshop android sketchapp

4
推荐指数
2
解决办法
5750
查看次数

缩小到主页过渡动画期间的 iOS 应用程序图标背景颜色

我使用模板在草图中创建的应用程序图标在我的设备和模拟器中看起来都很好。

我的问题是,当我在应用程序中单击返回主页时,应用程序图标下方的应用程序缩小过渡动画的颜色与应用程序图标的颜色不同,而且看起来不太好。

我假设我的应用程序图标设计有问题,或者可能与我的应用程序窗口背景颜色有关。

这是转换期间和转换完成时的屏幕截图。

过渡期间

过渡期间

过渡完成

过渡完成

iphone xcode ios swift sketchapp

3
推荐指数
1
解决办法
1532
查看次数

如何将这个CocoaScript"括号符号"转换为JavaScript"点符号"(草图)?

如何将这些CocoaScript"括号表示法"转换为JavaScript"点符号"语法?

[fileManager createDirectoryAtPath: tmpFolder withIntermediateDirectories: true attributes: nil error: nil];
Run Code Online (Sandbox Code Playgroud)

[doc saveArtboardOrSlice: artboard toFile: fileName]
Run Code Online (Sandbox Code Playgroud)

我一直在努力使用CocoaScript"括号表示法"格式,并希望使用JavaScript来组合它们.在所有情况下,我都不确定这是否可行,如上所述.我几乎可以使用所有内容,但是当我使用上面的语法时,我无法做到正确.

我尝试过类似的东西:

var fileManager = NSFileManager.defaultManager();
fileManager.createDirectoryAtPath(tmpFolder).withIntermediateDirectories(true).attributes(nil).error(nil);
Run Code Online (Sandbox Code Playgroud)

所以我不明白如何将这些"内部变量/属性",例如"withIntermediateDirectories:true"转换为JavaScript点符号语法.

javascript syntax cocoascript sketchapp sketch-3

2
推荐指数
1
解决办法
369
查看次数

Sketch和iPhone模拟器之间的颜色差异

拜托,你能解释一下为什么我的草图设计与我在iphone模拟器上看到的颜色之间的颜色差异很大吗?在这种情况下,我使用草图的背景图片,它根本没有改变,但差异很大.我怎么能让它看起来一样?

在此输入图像描述

xcode ios swift sketchapp

2
推荐指数
1
解决办法
1041
查看次数