精华内容
下载资源
问答
  • sketch教程

    2019-01-31 12:43:37
    sketch教程 网盘资源
  • 教学系列 陆续都有 持续更新教学系列 陆续都有 持续更新教学系列 陆续都有 持续更新教学系列 陆续都有 持续更新
  • Sketch教程

    2015-03-06 18:42:00
    所以那段时间几乎刷遍了所有关于 Sketch 的网站、文章、教程,之后又在自学设计,因为想和更多的人分享 Sketch, 所以用 Sketch 和 Adobe Muse做了这个Sketch中文网,之前新增了Sketch中文社区,欢迎来提问、探讨...
    去年夏天开始用Sketch,觉得它放Dock里闪亮亮的很好看,当时笑称是男盆友送我的第一颗小钻石噗哈哈。所以那段时间几乎刷遍了所有关于 Sketch 的网站、文章、教程,之后又在自学设计,因为想和更多的人分享 Sketch, 所以用 Sketch 和 Adobe Muse做了这个  Sketch中文网  ,之前新增了  Sketch中文社区  ,欢迎来提问、探讨和分享喵~

    之前在社区里有朋友问如何自学 Sketch,正好搬过来希望我的经历能够帮到大家:

    Sketch 是非常好上手的设计软件,比起花在 PS 和 AI 上的时间,学 Sketch 性价比真的是高太多~让所有对设计感兴趣的人,轻松上手然后用心去钻研设计本身,而不是设置很高的门槛要先啃掉一个巨型工具。

    值得注意,Sketch 非常适合现在扁平化的设计,做网页和移动端的设计绝对是高效利器。虽然能实现各种 shadow,各种 blur,但并不适用创作逼真拟物的效果,也不是用来编辑位图的工具,要P图还是得 PS 的。


    —— 自学 Sketch ——

    step 1 

    这是Sketch 的开发者 Pieter Omvlee 发布的几个简单教学视频,看完它,建立基本的了解。 youtube.com/user/pieter
    step 2 

    一字不拉的看完  Sketch 3 中文用户手册  ,对照着将里面提到的所有功能摆弄一番。
    不要偷懒了,这是最简单粗暴的学习方法,而且最多花掉20个小时的时间,我计算过。
    在 Sketch 里所有概念都很容易理解,图层啊蒙版啊,你会发现原来是这么简单的一回事,
    里面各种工具都并不重型,但绝对满足需求,
    而且 Sketch 所有操作方式都太人性了,异常顺手。

    step 3 

    去研究别人的 Sketch 文件,下载一下免费的 Sketch 资源,看看人家的文件,是怎么管理图层,怎么使用一些工具,怎么实现一些效果,你会受益良多。

    sketchappsources.com 
    超过400个免费的 Sketch资源下载,模板、设备、图标,非常全面

    sketchmine.co 

    一位法国设计师收集的Sketch 资源,分类清晰,他同时提供收费的移动App设计课程


    Teehan+Lax - Defining Experience

    大名鼎鼎的 Teenhan+lax 创作的iOS 7 GUI 套件


    Sketch Gems - Premium Design Files for Sketch

    一个用 Sketch 创作UI 套件和图标的团队网站,部分免费


    BrilliantSketch

    Dribbble 上一位印尼设计师的作品,有资源,有技巧



    step 4

    好了,开始自己做点东西吧
    如果完全没有头绪,我建议你先从小小的东西开始,比如画一个图标,画一个简单的app页面,
    你可以自己创作,也可以模仿出色的作品,研究每个效果是如何实现的。

    SketchActive  这里360个图标,也就是我做完上面说的这三件事开始画的,仔细看,其实 iOS 7 的没有技术含量,因为完全是照着画的,而第二套 Businese 的其实挺丑的,图标大小不统一,风格不统一,处理的很粗糙,我现在都不好意思拿出来 > < 但是从 Sweet,coffee & tea 那套开始我找到感觉了,之前用户手册里还有些不太理解的东西当时也都完全明了了,开始把自己的想法倾注在作品中。再后面的几套就已经可以玩一样的很熟练很高效的使用 Sketch了。

    step 5

    有了一些实战经验,我们再来补充一些理论知识,有一些很棒的设计师博客,他们分享了各种技巧,帮助你去master Sketch。

    用Sketch来设计
    Sketch 3 的新功能

    sketchtips.tumblr.com/
    Sketch 的开发团队 Bohemian Coding 在tumblr 上维护的技巧博客

    medium.com/sketch-app
    Medium 上关于 Sketch 的collection

    Design+code: Learn iOS design and Xcode
    一位很棒的 UI 设计师  Meng To  创作的学习用Sketch做设计+用Xcode编程的书

    SketchCasts
    一个葡萄牙设计团队创作的 Sketch 教学视频,每周更新,需付费观看

    sketchplugins/plugin-directory · GitHub

    Github上由 Bomber Studios制作的一系列插件,帮助你更高效的使用Sketch。


    Sketch 插件大集合(2014.6.4 Update)

    Github 上由 shahruz 制作的一个叫 Sketch Toolbox 的 Mac 应用,集合了目前绝大多数的 Sketch 插件,在里面可以一键安装和使用。

    做任何事情都一样,持续的观察,持续的学习,持续的创作,我们都会惊讶于自己的进步的~



    p.s 如果你好奇我是怎么自学设计的,戳这里看看  我的自学路径  ~

    转载于:https://www.cnblogs.com/zsw-1993/p/4879148.html

    展开全文
  • 今天小编给大家带来了Sketch教程-如何访问组件视图? [dl]15-26[/dl] 要访问“组件视图”,请单击工具栏左侧的“组件”选项卡(也可以使用Ctrl+1和Ctrl+2分别在“画布视图”和“组件视图”之间进行切换)。 工具栏...

    sketch 破解版对于网页设计和移动设计者来说,非常好用,尤其是在移动应用设计方面。今天小编给大家带来了Sketch教程-如何访问组件视图?

    [dl]15-26[/dl]

    要访问“组件视图”,请单击工具栏左侧的“组件”选项卡(也可以使用Ctrl+1和Ctrl+2分别在“画布视图”和“组件视图”之间进行切换)。

    工具栏中心的按钮可在四种类型的组件之间过滤视图:符号,文本样式,图层样式和颜色变量。

    To view this video please enable JavaScript

    在组件视图中工作

    • 切换视图。 通过在工具栏左侧的两个选项卡之间切换来在“画布”和“组件”视图之间切换。或使用 Ctrl+1和Ctrl+ 2。

    • 过滤组件。 默认情况下,我们将向您显示文档中的所有符号,但是您可以使用工具栏控件在符号,图层样式,文本样式和颜色变量之间切换。

    • 在检查器中进行编辑。 您可以使用检查器编辑,重命名或删除任何符号,图层样式,文本样式或颜色变量。只需选择一个组件并进行更改。

    • 搜索。 使用选项卡在组件类型之间进行过滤,然后搜索组件的名称。

    • 复制或新建。 要创建新的图层,文本样式或颜色变量,请单击+ 工具栏上的 。您也可以使用它来复制符号。

    • 上下文菜单。右击Component缩略图以插入,重命名,分组,复制,删除或复制其CSS属性。

    • 插入。使用insert将所选组件的副本添加到Canvas。选择一个零部件并单击“ 插入” 按钮时,“草图”将切换到“画布”视图,因此您可以将零部件拖放到设计中。

    • 该视图仅用于组织,因此仅显示已打开文档本地的组件。即使您在文档中使用了组件,它也不会显示“库中的组件”。您需要打开原始的Library Sketch文件来管理该Library的Components。

    如何使用组件视图创建新的组件

    您可以从“组件视图”快速创建新的“文本”,“图层样式”和“颜色变量”。

    组织组件

    • 组件视图使组织和管理组件变得容易。

    • 您可以选择多个组件,并使用Ctrl+G或按Control键并单击您的选择并对其进行分组,然后选择Group。您也可以将组件拖放到左侧栏中的现有组中。要重命名组,请双击左侧边栏中的组名称。要重命名单个组件,请单击它,然后使用Inspector中的名称字段重命名。

    如何扩展和折叠组

    • 您可以通过选择视图>边栏>折叠所有组来快速折叠所有打开的组。要进行更精细的控制,可以⌥单击组名称旁边的显示箭头,以打开和折叠该组(包括子组)中的所有内容。

    • 默认情况下,所有组都会展开,但是您可以通过选择“视图”>“边栏”并切换“自动展开组”项来更改此设置。注意:这些选项仅适用于“图层列表”中的项目。

    展开全文
  • sketch高级教程

    2018-05-17 11:16:39
    sketch高级教程,讲解sketch的一些高级技巧,快速方便进行项目开发
  • Sketch教程:创建矢量图形 中文字幕Sketch: Creating Vector Graphics Sketch使矢量设计变得简单 - 特别是对于非自然插画师的UX设计师而言 深入研究Sketch for Mac,并学习如何像专业人士一样讨论矢量线条,填充和...

    Sketch: Creating Vector Graphics 中文字幕

    Sketch教程:创建矢量图形 中文字幕Sketch: Creating Vector Graphics

    Sketch使矢量设计变得简单 - 特别是对于非自然插画师的UX设计师而言
    深入研究Sketch for Mac,并学习如何像专业人士一样讨论矢量线条,填充和效果以及贝塞尔曲线
    了解如何编辑不同类型的贝塞尔点和曲线,并使用布尔运算轻松创建简单和复杂的形状
    学习以矢量形式重新创建图像,并使用图层和符号来简化您的矢量图
    作者John-Paul Ballard还展示了如何以各种格式(包括JPG,PDF和SVG)从Sketch中导出图稿
    沿途发布的挑战可帮助您练习创建常见的UX界面元素,例如工具栏和导航图标

    主题包括:
    创建矢量对象
    创建矢量图标
    应用填充,效果和自定义分隔线
    使用混合和蒙版
    创建符号
    用贝塞尔点和布尔运算编辑
    导出为JPG,PDF,SVG和其他格式
    在这里插入图片描述在这里插入图片描述
    在这里插入图片描述在这里插入图片描述

    • 使用Sketch创建矢量图形简单快捷。
      我想向您展示如何轻松创建矢量, 尽可能快地绘制在纸上。
      我是约翰·保罗·巴拉德, 我个人不喜欢做同样的事情两次。
      在我的职业生涯中, 我专注于最快最有效的工具和方法来完成自己的工作, 我想向您展示如何使您的工作流程快速, 无缝, 可共享和简单。
      在本课程中, 我将逐步介绍如何在Sketch中创建和编辑向量。
      您将如何操作贝塞尔曲线来优化您的设计, 您还将学习组合和减去矢量对象, 以便您可以制作复杂的形状。
      按照我的简单说明, 你会惊讶于创建和矢量自己的设计是多么快速和简单。
      所以, 让我们开始吧。
      本课程视频下载地址:Sketch教程:创建矢量图形
    展开全文
  • Sketch教程:移动设计工作流程 中文字幕Sketch: Mobile Design Workflows 伟大的用户体验设计从一个好主意开始,但他们通过研究和原型设计得到完善 像Sketch和InVision这样的工具可以帮助您更快地验证您的想法并为更...

    Sketch: Mobile Design Workflows 中文字幕

    Sketch教程:移动设计工作流程 中文字幕Sketch: Mobile Design Workflows

    伟大的用户体验设计从一个好主意开始,但他们通过研究和原型设计得到完善
    像Sketch和InVision这样的工具可以帮助您更快地验证您的想法并为更具吸引力的用户界面创建原型
    在这个过程中,用户体验设计师Diane Cronenwett逐步完成了她作为Lynda.com移动应用程序用户体验设计师以及许多其他成熟公司和初创公司的网站学到的工作流程
    她将帮助您设置项目并应用所需的工具和技术为移动应用程序创建适用于生产的图形和设计
    了解如何使用Sketch定义调色板,创建可重复使用的符号,构建主页和详细信息屏幕以及将标签添加到视图
    然后将您的资产迁移到InVision以应用热点并创建可点击的原型
    在最后阶段,黛安展示了如何将资产出口用于发展

    主题包括:
    将InVision和插件与Sketch集成
    使用符号
    设置网格和布局
    添加选项卡
    使用InVision创建原型
    为iOS和Android开发导出资产
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    Alt
    在这里插入图片描述

    • [Diane]设计从一个想法开始, 并通过迭代和原型进行细化, 之后才开始形成一个可用和令人愉快的产品。
      拥有良好的设计工作流程可以帮助您简化流程, 从而更快地验证您的想法。
      我的名字是Diane Cronenwett, 在公司和初创企业中, 一直在作为专业用户体验设计师在产品开发领域工作10年。
      我想与您分享在设计移动设备时使用Sketch和InVision的工作流程。
      本课程视频下载地址:Sketch教程:移动设计工作流程
    展开全文
  • Sketch教程:风格指南和资源库 中文字幕Sketch: Style Guides & Asset Libraries 你是否经常需要搜索最新版本的资产? 你难以与同事和客户沟通你的品牌风格吗? 你想要更高效的设计工作流程吗? 两种工具 - 数字...
  • UX设计团队的Sketch教程 中文字幕Sketch For UX Design Teams Sketch对于独立的UX设计师来说非常棒,但对于需要与不同的人和程序共享内容的团队来说,它也非常有用 借助Sketch,设计师可以轻松地与远程承包商和客户...
  • 强大的矢量绘图软件:Sketch 已经全新上线啦!Sketch for mac中文版是一个创新的矢量绘图软件,拥有简约的设计,调色板,面板,菜单,窗口和控件和功能强大的矢量绘图和文字工具,包含完美的布尔运算,符号,和强大...
  • Sketch 是一款适用于所有设计师的矢量绘图应用。矢量绘图也是目前进行网页,图标以及界面设计的最好方式。但除了矢量编辑的功能之外,我们同样添加了一些基本的位图工具,比如模糊和色彩校正。 这是一套详细的sketch...
  • Sketch for mac一款不逊色PS的专业轻量级矢量绘图设计应用,那么Sketch图层列表都有哪些功能?本文就带大家了解一下Sketch的图层列表,以及Sketch图层如何使用?如何使用Sketch画板? 图层列表 在图层列表中,您将...
  • Sketch for Mac是一款运行在Mac平台上的专业矢量绘图软件...Sketch作为工具已经足够优秀,但是玩转Sketch系列不仅仅是工具教程,我们还想借着Sketch教程讲解一些不一样的东西,例如交互设计思考、最一线的项目实操经...
  • 所以跟我来轻量积累学习起来吧,日积月累,总有一天相信此刻正在看教程的你也会成为sketch大神。今天带大家一起来学习,在sketch里怎么设置常用画板尺寸并保存,下次再用刀自己的常用画板就不需要新建啦,嘿嘿,听着...
  • sketch是一款矢量软件,提起矢量软件,那么大家一定会想到各种路径,想到...相信经过前面三次的教程,再加上大家自己的努力实践,sketch对于每个人都已经是轻车熟路了。剩下的,就是在不断的实践中总结适合自己的技巧,发
  • awesome-sketch-plugin:Sketch插件资源汇总,Sketch插件使用教程Sketch插件视频教程:hundred_points:
  • 打开 Sketch,然后转到Plugins > Reveal Plugins Folder... 将Upload to CloudApp.sketchplugin从存储库复制到文件夹中。 现在,在 Sketch 中按ctrl + cmd + r ,瞧 - Cloud.app 将上传您当前的画板。 问题 确保...
  • 通过上两节的文章,大家可能已经对sketch这款软件的基本操作有了一个大概的了解(还没有读过前两篇的朋友可以点这里查看 ). 但很多朋友可能会有疑惑,”好像sketch的功能也没有那么强大啊?””也就是个普通的矢量绘图...
  • Sketch 的基本操作之 Kitchen 插件

    千次阅读 2019-07-31 22:42:17
    Kitchen 工具集介绍 (来自蚂蚁金服效率提升 Sketch 工具集) 下载地址:... 智能排版 推荐链接: Sketch及其相关插件介绍 关于 Sketch 你可以知道的几个小秘密 快来!用 Sketch 画图标辣 ℹ️ Bottts机器人库下载
  • weui是微信团队自己出的sketch控件,里面都是最新的小程序控件,可直接添加到sketch里面使用。需要的自取。
  • Sketch具有星标功能,那么对于已经添加了星标的文件如何更新呢?什么又是Sketch已加星标的更新?本文就给大家详细讲解一下如何使用星标功能? 什么是Sketch星标? 星号是指示文档版本历史记录中关键更新的好方法。...
  • Sketch基础教程之文字工具详细介绍

    千次阅读 2019-07-08 17:33:07
    Sketch 是最强大的移动应用矢量绘图设计工具,对于网页设计和移动设计者来说,比PhotoShop好用N倍!尤其是在移动应用设计方面,Sketch 的优点在于使用简单,学习曲线低,并且功能更加强大易用,支持自动切图,并且...
  • 此次小编带大家Sketch实例教程: 制作一个时钟。 1、打开sketch,新建一个Artboard(800x800),为了制作教程,所以我先做了一个背景,我们真的在制作图表时,其实不用考虑背景,也不需要做这么大分辨率的,多大...
  • Sketch 53.1 破解版

    2019-02-18 17:07:41
    Sketch 53.1 破解版 无毒无负作用 要破解教程的可以找我
  • Sketch使用教程(一)

    千次阅读 2014-12-23 10:09:35
    对于sketch,静电的第一印象是google的 sketch up,一款3d建模草图软件。 那么这次静电提到的sketch,则是一款全新的设计软件。一听到设计软件,大家的反应必须是adobe家的photoshop,illustrator等等等等。那么今天...
  • Sketch Mac 上设计UI的强大工具,百度Sketch 就知道干什么的了。
  • 简单的教程如何利用Sketch制作图标

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 3,656
精华内容 1,462
关键字:

sketch教程