Sketch自推出以來就受到設(shè)計(jì)師及產(chǎn)品經(jīng)理們的大力追捧,Sketh是專門為UI設(shè)計(jì)而生的設(shè)計(jì)軟件,與PS相比上手更快、操作更簡單,讓設(shè)計(jì)人員更專注于設(shè)計(jì)本身,被譽(yù)為UI設(shè)計(jì)神器。以下是我近期自學(xué)Sketch的過程集錦,有教程也有素材,算是對學(xué)習(xí)的第一個階段做個總結(jié)。
第一步:Sketch中文用戶手冊
鏈接:http://sketchcn.com/sketch-chinese-user-manual.html
任何軟件,讀官方文檔就是最好的入門方式。這個是已經(jīng)翻譯好的官方教程,花點(diǎn)時(shí)間看看,最好能就著介紹的功能自己再操作一遍,基本上就能對sketch有一個全面的了解,而且也能上手了。
第二步:練習(xí)加深理解
很多功能看的時(shí)候理解了,但用的時(shí)候大部分又會忘記,這個時(shí)候就需要多加練習(xí)加深理解。以下三篇教程,基本上能覆蓋掉Sketch的功能。對著教程,一步一步做,而且做的時(shí)候要思考為什么?比如為什么這個Rectangle的Radius值要設(shè)置為8?要達(dá)到這個效果有沒有其他方法,為什么一定要這樣?反正要多想多思考,想通了也就理解了,以后就會用了。
教程1:月光陰影http://www.sketchs.cn/tutorials/detail/222.html
教程2:一套英文字母http://brilliantsketch.com/make-long-shadow-effect-sketch/
教程3:夏日海灘元素http://design.tutsplus.com/articles/create-a-summer-inspired-stroke-art-typography-piece-using-sketch--vector-12092
我做好的sketch文件下載鏈接:http://pan.baidu.com/s/1jGgs3ps
第三步:臨摹
功能都懂了,那就多多上手做吧。臨摹是最好的學(xué)習(xí)方式,看到好看的UI就自己動手臨摹出來,多多研究大神們的設(shè)計(jì),自然而然自己的設(shè)計(jì)能力也能提升上去。
列一個我自己臨摹的一套IOS8風(fēng)格的UI,sketch文件下載鏈接:http://pan.baidu.com/s/1o6DuuyY
最后再分享一些sketch網(wǎng)站,不過個人感覺目前sketch還是小范圍發(fā)展,一些學(xué)習(xí)和交流資源都還比較少。反正我自己搜到的主要這些,而且這些網(wǎng)站更新的都比較慢,如果大家有什么資源,歡迎分享:)
1.sketch.im:http://sketch.im/
2.sketch中文網(wǎng):http://sketchcn.com/
總的來看,sketch學(xué)習(xí)起來還是非常容易,比起PS什么的真是小巫見大巫。個人一直覺得任何軟件都只是形式,不要讓自己太陷入軟件的怪圈,最重要還是設(shè)計(jì)者的思想,好的idea才是致勝的法寶。