Tagged

sketch

Sketch资源教程集合

sketch

[译]Sketch的10个小技巧

1.学会“Insert”的快捷键 什么是你在设计中最常用的?创建一个新的Artboard A,插入文字T,创建一个矩形R或者椭圆形O。 2.用正确的方式缩放 缩放到100%:⌘CMD+0; 查看你画布全部的设计:⌘CMD+1; 缩放特定的对象:选择对象然后按下⌘CMD+2。 3.滚动 在没有触控板的情况下如何横向滚动? 使用⇧Shift+滚轮。 4.隐藏/显示sidebars 如果你再一个小的屏幕上作业,你可能需要隐藏左右两边的图层面板(Layer-List-sidebar)和右侧的工具面板(Inspector Sidebar),使用⌘CMD+⌥Alt +3。或者只隐藏左侧⌘CMD+⌥Alt +1,隐藏右侧⌘CMD+⌥Alt +2。 5.Presentation

sketch

Sketch插件dynamic-button,及bug修复

之前发了蛮多关于Sketch的文章,都是一些介绍,资源性的文章,这次推荐一个Sketch的插件dynamic-button。 sketch-dynamic-button在我看来就是一个在Sketch中方便创建一致性按钮的插件。反而dynamic有点词不达意的感觉。 当然网站UI设计/移动APP UI设计中一致性包含很多方面,其中一点就是按钮的尺寸一致性,如下图所示: [![sketch-dynamic-button](https://image.hicc.pro/wp-content/uploads/2014/05/sketch-dynamic-button.png)](https://image.hicc.pro/wp-content/uploads/2014/05/sketch-dynamic-button.png)按钮尺寸的一致性   不管按钮里面的文本多长,其四周的空间都是一致的,在Sketch中手动调整很不方便也不准确,这个插件就是让其自动发生。 使用介绍 这里也简单介绍下插件的使用方法,较为直接的方式是: 快捷键T,键入按钮文本; 然后快捷键Cmd + J; 修改按钮背景样式(下图的BG图层); 修改文本的padding值(CSS中属性),如下图中0:0:

android

Sketch Android UI Kit

sketch 3 发布之后内置了iOS的UI Kit模板,但是Android也需要爱嘛:) [![sketch-android-kit](https://image.hicc.pro/wp-content/uploads/2014/04/sketch-android-kit.png)](https://image.hicc.pro/wp-content/uploads/2014/04/sketch-android-kit.png)sketch-android-kit-symbol [![sketch-android-kit-symbol](https://image.hicc.pro/wp-content/uploads/2014/04/sketch-android-kit-symbol.png)](https://image.hicc.pro/wp-content/uploads/2014/04/sketch-android-kit-symbol.png)sketch-android-kit-symbol 下载地址:

sketch

Sketch 3 新功能

前端时间sketch推出了新的版本Sketch 3 ,网上一片叫好,下面介绍下Sketch 3的新功能:) 以下主要来源于,只是做了简单的整理: http://bohemiancoding.com/sketch/whats-new/ https://medium.com/p/4b92d8b25f3 http://designcode.io/sketch 更好用的UI “一切都恰到好处。” 其实,了解Sketch 3的新特性,看下面这个视频就够了,新增的Symbols功能, 改善的artboards、文字样式、工具面板、导出功能,以及内置的iOS模板。 [https://image.hicc.pro/sketchintro.mp4](https://image.hicc.pro/sketchintro.mp4)  Inspector Inspector面板,在Sketch 3中得到了改善,所有工具都在一屏中,

sketch

用Sketch来设计

之前一直是使用Ai做移动应用方便的设计,试用过sKetch之后,发现确实名副其实,非常的好用,下面译文介绍了sKetch的几个亮点。 翻译自:https://medium.com/design-with-sketch/92608a88c103 —————–译文—————– 自从一年前的关于sKetch的文章之后,sKetch陆续发布了Mirror,Bacground Blue,并且对Artboards,和SVG的支持和速度做了改善。所有的这些大大的方便了我们为未来设计——一句话尽可能少的设计,并且将UI设计放在了首位。这也就让我们专注于响应式的设计而不是照片的编辑,关注于交互和动画而不是人造的材质。sKetch让我们以速度设计,也就留出时间关注设计的其他部分。 Artboards 这么多年来我一直在调整我的设计过程。现在,我直接为手机端设计,然后再往上扩展到web端。我发现使用Artboards是响应设计的最有效方式。 Sketch Mirror Mirror和Artboards配合的非常完美。你可以快速在iPhone上常看你的设计以及在artboards间滑动。 矢量和SVG 我不足以言明矢量在设计工作中的重要性。作为视觉设计师,我们不能将PixelLove和Streamline拿来用即可,我们还需要自定义它们!让它们有爱,根据你的设计上下文对它们填色和变形。 SVG变得逐渐流行是有原因的,你可以为它们填色,让它们动起来,并在它们在你的任何设备中都很清晰。我们才开始理解他们。 毛玻璃背景(Background Blur)