我是一个iOS开发的程序员,也是一个自由职业者。平时靠接一些外包和做自己的产品为生。做了这么多年,给我的感觉是:如果你只会写程序,那么做自由职业者的空间要小很多。
01 我为什么要学设计
做自己的产品,需要有产品的设计和一些图标。这个时候你需要和美工说出你的要求,但是他做出来的和你想要的,可能不是一个样子,但是在多次修改之后,也只好凑合着将就一下了。后面我接外包,需要原型图和设计图,这下更麻烦了,你需要一个产品经理和一个设计师,如果你把这些事情再请人来做,那么外包的陈本一下子就大起来了,像我们这种做外包的,靠质量的同时,价格也是用户看重的一个因素。
如果程序员懂一些设计,不仅可以让产品更优雅美观;有了设计的意识,也会影响到开发的想法,拥有更高一层的全局意识。这样设计出来的产品兼顾功能和美观。现在的App Store不像几年前,随便做一个App基本上都能够赚到钱,现在的App Store,需要精品,而App的外观显然是影响用户下载的一个重要因素。
02 为什么要用Sketch
自从我接触到Sketch之后,一下子所有的心结都打开了。之前准备学PS的,但是对于开发者来说,PS太重了,希望有一个轻量级的设计工具出现,Sketch完全符合我的要求。说一下Sketch的优点:
1上手容易,产出快,提高工作效率。可快速输出1倍、2倍甚至自定义尺寸的切图,可智能标注任何元素。
2 矢量图,特别适合为移动端/web端做设计,尤其是现在流行扁平化设计。在sketch创建的图形全部是矢量的,在放大缩小就很方便,不需要调整太多,还有一个很好的小功能,就是可以一键把0.几的像素变成整数,而且可以很方便的在矢量视图和像素视图之间进行切换。
3 帮助设计师聚焦他们真正关心的UI界面上来。UI设计师做设计稿的核心其实是:定义颜色,控件样式,页面结构,字体和图标样式等。
4 适合产品经理,UI设计师,程序员沟通效率。在图上可以标注出字大小,颜色等,适合团队协作。
5 丰富的插件功能。插件能够帮你智能的标注页面,填充头像和文字等。
03 为什么要写Sketch实战这个系列
在学Sketch的时候,买了一些这个方面的书来看,但是国内这个方面的书实在太少了,有很多都是技巧方面的,没有系统化。买了《让移动设计更简单:Sketch 3操作指南与实战详解》这本书,让人感觉惨不忍睹,就是把Sketch的文档翻译了一下,翻译的还不好,很多东西都是走走过场,浪费了钱还不说,还浪费了人时间。也在京东上买了其他的2本,哎,就不说名字了,都感觉不值得。后面我就只找国外的书来看了,比如design+code,这个本书真的值得买,里面说的比较具体,有图还有短视频,对的起那个价格。
看完了那些书之后,我就想,为什么国内很少有这个方面的书呢?至少我在京东上看到Sketch的书不多,所以我想写一个教程,就是临摹别人的作品,在这个过程中,我会把Sketch的用法和知识点说清楚,目前我想就是一步一步截图的方式来做这个事情,或者录视频。在我学习的过程中,我发现大量的练习和思考是学习这个软件最快的途径。我想把我学到的和你一起分享,和大家一起进步,把Sketch这个工具用好。
04 总结
自从会一些设计之后,真个人感觉舒服多了,想要做什么界面自己画一下,想要设计什么图标,自己做一个,自由的感觉真好!当然如果你想做一个真正的设计师,不单单要掌握好一个设计软件的工具,你还需要读大量设计方面的书,一些设计规范,比如iOS的人机交互指南,Android的Material Design等。
下面是自己临摹的2个作品。