zoukankan      html  css  js  c++  java
  • 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 如果你好奇我是怎么自学设计的,戳这里看看 我的自学路径 ~
  • 相关阅读:
    spring mvc文件上传,request对象转换异常
    解决国内android sdk无法更新,google不能的简单办法
    1.5 高速找出机器故障
    图的深度优先搜索与广度优先搜索
    我对ThreadLocal的理解
    Leetcode--3Sum
    &lt;转&gt;Openstack Ceilometer监控项扩展
    怎样利用WordPress创建自己定义注冊表单插件
    java_免费视频课程汇总
    HDU 3641 Pseudoprime numbers(快速幂)
  • 原文地址:https://www.cnblogs.com/zsw-1993/p/4879149.html
Copyright © 2011-2022 走看看