Sketch资源

sketch资源网站列个表:

https://admire.so/a/13/
- 模板: http://www.sketchappsources.com/search_ios.html
- 这是一个神奇的资源网站, 太棒了, 妈妈再也不用担心, 我找不到sketch模板了
  * 模板2: http://www.cssauthor.com/free-sketch-resources/
  * 钻石党qq群: 105403797
- 钻石党: http://i.ui.cn/ucenter/80627.html

简介

sketch和[[omni]]不同, omni因为操作简便, 有锚点和链接的概念, 是一种绘制[关系图]的工具, 因此omni更适合于软件创新. sketch因为和xcode配合更好, 保真度更好, 但是操作稍微繁琐, 设计调整的工作量会比omni大一点, 因此sketch更适合于保真度稍高的设计.

toolsbox官网: http://sketchtoolbox.com/
一个中文说明, 这个网站很多sketch文档: http://www.sketchcn.com/sketch-tips-tricks-1.html
资源汇总帖子: http://www.kuqin.com/shuoit/20150213/344827.html
静电的推荐pulgin: http://www.uisdc.com/sketch-useful-plugins
静电发文的论坛: http://un.mobileui.cn/538-1-1.html

中文手册

http://www.jianshu.com/p/9fbf1de7de3a
http://www.sketchs.cn/manual/detail/216.html
http://sketchcn.com/sketch-chinese-user-manual.html#layers
http://sketch.im/manual/

心得

图片可以 (.9), android咒 语系.
图片压缩: http://tinypng.com
切片工具, 用S快捷键就可以切
1X设计, 2X输出, 如果是android, 360px设计, 3x输出完美适配1080屏幕.

关于retina屏幕

关于移动端retina设计 1x还是2x http://www.smashingmagazine.com/2015/05/retina-design-in-photoshop/
设计用http://ivomynttinen.com/blog/the-ios-7-design-cheat-sheet/
这个网站不错, 考虑把背景图都用css实现出来. http://blog.netsh.org/posts/website-retina_1779.netsh.html
http://code.tutsplus.com/tutorials/the-right-way-to-retinafy-your-websites–net-31793
https://www.quora.com/Responsive-Web-Design/What-is-the-best-method-for-adding-2x-images-to-webpages-that-will-be-displayed-on-the-new-iPad-with-Retina-graphics
http://ivomynttinen.com/blog/a-guide-for-creating-a-better-retina-web/

英文资料

https://www.sketchapp.com/learn/documentation/11-exporting/
http://www.sketchapp.com/learn/documentation/11-exporting/2-slices.html
https://www.sketchapp.com/learn/documentation/11-exporting/1-exporting-layers.html

sketch资源网站列个表:

简介

推荐:

中文手册

心得

关于retina屏幕

英文资料