使用Sketch 3创建一个引人注目的水滴图标

您将要创建的内容Sketch是一个非常通用的工具，您可以在日常工作中使用它作为Web和应用程序设计师。在本教程中，我将向您介绍Sketch中的画板、图层、阴影、内阴影、文本、边框和填充功能，并向您展示如何使用它来创建一个简单、引人注目的图标。 如果这是您第一次打开Sketch3，关于Sketch界面有四点需要注意：在顶部...

如何实现跨浏览器SVG Sprites

在本教程中，我将演示一些SVG图标的基本实现，如何提供回退，以及如何将它们变成SVG精灵。基本SVG实现出于本教程的目的，我将使用单个页面，它将充当一种在线名片。它将简要介绍我并显示与我的工作相关的三个网络配置文件。从上面的屏幕截图中，您可以看到我正在使用图标（用于Twitter、Dribbble和GitHub）来象征性地引用我的网...

Sketch的A到Z中的每个工具讲解

这个AZ列表分解了Sketch中的每个工具，包括Tuts+上相关教程的链接以及每个工具可以做什么的描述。此列表将不断维护和更新，因此请务必定期查看！#9切片图像： 将位图图像切成九个不同的部分以帮助缩放。您可以单击并拖动中间四个点中的任何一个来调整这些部分。使用此功能，您的位图图像将按比例放大中间区域，尽可能少地变形边缘和角...

了解Sketch的导出选项功能

从您的设计中导出资产是一项常见任务。您首先创建和准备图形，然后选择导出格式，设置其属性，然后您就完成了。Sketch3中的导出工具是其最佳功能之一。事实上，Sketch3以多种不同的方式帮助我们导出内容，我相信您将通过阅读本文来改进您的工作流程。如果您在大量设计工作中使用Sketch，您可以通过使用EnvatoMarket上的一些Sk...

您应该知道的9个Sketch草图功能

Sketch是一款面向设计师的图形应用程序，非常适合网页设计领域。如果您不熟悉它，您可能不知道Sketch隐藏在表面之下的一些技巧。今天我想通过一些重要的技巧来加快你的设计工作流程。坚持，稍等。什么是草图？去年，Sketch在第2版中获得了新的灵感，从那时起，越来越多的设计师开始转向它。它的简单性使得它可以说比Photoshop更直观...

使用Runner加快您的草图工作流程

今天我们来看看一个叫做“runner”的Sketch插件，它的目的是加快你的Sketch工作流程。如果使用得当，它可以真正从您的设计程序中节省大量时间——让我们来看看如何掌握它并开始节省时间！观看截屏开始访问 sketchrunner.com 并点击立即下载按钮。下载后，双击插件文件（假设您已经安装了Sketch）一切都会自动...

使用草图画板和图层的效率提示

在本视频中，我们将讨论Sketch中的一些效率技巧；更具体地说，如何在Sketch中轻松使用图层和画板。这些技巧将帮助您更快地使用图层和画板，并让您以更有条理的方式导出它们。让我们潜入吧！观看截屏视频简而言之使用破折号“/”命名画板和图层，以便将其内容导出到文件夹结构（例如：social/dribbble-icon）。使用重命名它可以轻松地...

Sketch中响应式设计过程的提示和技巧

在本教程中，我将带您完成我在Sketch中创建响应式设计的设计过程。为了保持重点，我将谈谈我为旅行应用程序设计的响应式登录页面。如果您想为网页设计师学习Sketch的各个方面，请尝试我们的免费Sketch教程，它为您提供了19个视频，专门用于教授您有效使用该软件所需的所有知识。否则，让我们直接在Sketch中创建响应式设计！基本设...

Sketch中的原型制作工具演练

今年早些时候，Sketch49发布了，随之而来的是一些期待已久的原型设计功能。在今天的演练中，我将介绍您需要了解的有关Sketch原型制作的所有知识，从必须知道的快捷方式，一直到获得反馈以及与您的团队就设计和原型进行协作。如果您想详细了解如何使用Sketch，请尝试我们的免费Sketch教程，其中包括关于原型设计的整章。新的原型设计图标...

如何制作用户友好且可重复使用的Sketch草图文件

不久前，我们发布了一个关于使用可重用流程图创建自定义Sketch文件的教程。这是创建您自己的用户流或站点地图的绝佳资源。在本教程中，我们将加强该Sketch文件，以使其对其他人更有用。您可能有希望使用您的文件的同事，或者可能是付费客户。无论哪种方式，我们对文件所做的改进将意味着其他人可以打开、理解和使用它。我建议您继续 阅读原始教...