2016-08-05 12:04发布
一位法国设计师收集的Sketch 资源,分类清晰,他同时提供收费的移动App设计课程
Teehan+Lax - Defining Experience
大名鼎鼎的 Teenhan+lax 创作的iOS 7 GUI 套件
Sketch Gems - Premium Design Files for Sketch
一个用 Sketch 创作UI 套件和图标的团队网站,部分免费
BrilliantSketch
Dribbble 上一位印尼设计师的作品,有资源,有技巧
sketchplugins/plugin-directory · GitHub
Github上由 Bomber Studios制作的一系列插件,帮助你更高效的使用Sketch。
Sketch 插件大集合(2014.6.4 Update)
多种端口都可以以web形式直接访问 可导出视频或者GIF 软件小巧 界面简洁 上手非常简单不用代码就可以创建html5的网页和动画原生3.0支持中文版
只支持ios手机系统 安卓是不支持的 安卓手机用户还是使用PS play设计稿没办法在手机上保存链接的方式可以通过wifi&数据线连接两种方式 数据线有时候并不是很稳定 容易中断 wifi链接的话必须保证在同一网络内 如果是多台电脑运行sketch 会傻傻分不清楚的
用了一段时间,觉得 Sketch 的上手难度比 Photoshop 要小很多,功能和操作也很好理解,对于设计 UI 和原型更有针对性,加上此次新增的多个功能,熟练之后出图的效率会大大提升。
不过相比 Photoshop,Sketch 能找到的素材要少一些,下面是最近一段时间积累下来的资源,分享给大家。
0. Sketch 官网
1. Sketch 3 介绍
2. Sketch 入门
3. Sketch 资源:
4. Sketch 插件
最多设置5个标签!
付费偷看金额在0.1-10元之间
画板地址:sketch3 3 UI 资源下载(44图)_@morecrazy收集
SKETCH设计教室!从零开始学APP设计利器SKETCH(一)-UI中国
SKETCH设计教室!从零开始学APP设计利器SKETCH(二)-UI中国
APP设计利器Sketch教程(03)-让插件助你一臂之力-UI中国
APP设计利器Sketch教程(04)-钢笔与路径-UI中国
sketch钻石党:简单粗暴的sketch入门以及廉价正版获取方法-UI中国
sketch钻石党:画一个简单的水滴-UI中国
sketch钻石党原创教程:绘制写实风格的一杯绿茶-UI中国
从零开始做UI-静电的sketch设计教室(视频版)01-UI中国
从零开始做UI-静电的sketch设计教室(视频版)02-UI中国
静电的设计教室(视频版)03-自定义sketch设计界面-UI中国
静电的设计教室(视频版)04-基本图形工具:直线与箭头-UI中国
静电的设计教室
静电的设计教室:钢笔和路径
静电设计教室:插件助你一臂之力
静电的设计教室:熟悉新朋友-APP设计利器Sketch教程(02)-UI中国
素材类
Sketch素材 - Sketch中国
Sketch Repo - Free, high quality Sketch resources
Sketch中文网
http://www.sketchapp.com/resources/
Sketch - UIQ.me 设计问答互动社区
尤其是这个 https://designcode.io/learn
然后记得安装Sketch Toolbox! Plugin 效率加n倍....
-
大家说的很全了,我补充点最近的吧,基本也是newsletter里的~
- 资源
iOS DeviceRobbie Pearce
Material UI
http://www.google.com/design/spec/resources/sticker-sheets.html#sticker-sheets-components
可以研究下Inbox的设计
Design Details: Inbox by Google
Sketch Tips
Top tips for Sketch
跟两个画logo的教程自己看技巧
Sketch Tutorial_01
http://blog.helftone.com/monodraw-birth-app-icon/
- 知识
前几章有很多设计知识,买买买!https://designcode.io/
Bezier curve小知识
Mastering the Bézier Curve in Sketch
Bezier Curves and Type Design
各种掌握Bezier的小游戏
The Bezier Game
Shape Type Game
颜色小游戏
RGB Challenge
-
自学设计俩月了,感谢 @李芳彬推荐这个好用到哭泣的软件!
看了 @匡雪婷 的自学历程,炒鸡佩服!匡雪婷 Aegean K 里面也有好多资源~
最后,练习!练习!练习!
嗯 :D
只用线就可以画这个波浪型的柱形图
只用方形就可以画这个步骤流程图
用方+圆+线就可以画这个机器人
在这里放第一个的教程
其他原创教程关注我微信号。
去年夏天开始用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 发布的几个简单教学视频,看完它,建立基本的了解。https://www.youtube.com/user/pieteromvlee
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 的新功能
http://sketchtips.tumblr.com/
Sketch 的开发团队 Bohemian Coding 在tumblr 上维护的技巧博客
https://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 如果你好奇我是怎么自学设计的,戳这里看看 我的自学路径 ~
教程的话 个人推荐UI中国的sketch3的中文手册 下载地址UIweek
其他的话楼上都说到了 我再补充两个辅助神器:
神助攻Hype3.0 软件分为免费和内购版 作为专业的设计师你 一定要花钱买内购版哦
辅助神器sketch mirror APP显示器显示效果与手机显示效果还是有本质区别的 分辨率&精度 物理尺寸都不一样 只有在手机中 才能切切实实的感受到做APP感觉(购买地址:iTunes 的 App Store 中的“Sketch Mirror”)
以上
1. Awesome Sketch Plugins 这里有一些很有用的插件。推荐两个吧,一个是Measure;一个是Content generator 。提高效率百倍,谁用谁知道:)
2. Using Sketch 3 Like a Boss 这里有Sketch的学习路径,如果你不知道怎么入门提高的话;
3. Twitter上一些用户像 @MengTo,他们会时不时地发一些Sketch相关的新闻或者资源,可以多多关注。
P.S. 今年WWDC有Sketch的meeting,希望有好消息带给大家吧= =
用了一段时间,觉得 Sketch 的上手难度比 Photoshop 要小很多,功能和操作也很好理解,对于设计 UI 和原型更有针对性,加上此次新增的多个功能,熟练之后出图的效率会大大提升。
不过相比 Photoshop,Sketch 能找到的素材要少一些,下面是最近一段时间积累下来的资源,分享给大家。
0. Sketch 官网
1. Sketch 3 介绍
2. Sketch 入门
3. Sketch 资源:
4. Sketch 插件
- Sketch mobile assets
- SketchTool
5. Sketch 教程一周热门 更多>