作為技術(shù)為什么要學(xué)習(xí)設(shè)計(jì)呢格侯？
第一：可以通過設(shè)計(jì)了解原理更容易寫出效果吁朦。第二：設(shè)計(jì)實(shí)現(xiàn)不了的可以自己實(shí)現(xiàn)，你想要的效果沒辦法表達(dá)清楚不如自己實(shí)現(xiàn)加勤。還可以比如用sketch可以導(dǎo)出PDF文件Xcode可以自動(dòng)適配多分辨率包變小，如果你公司設(shè)計(jì)不會(huì)sketch那你用不了了。還可以方便溝通胸竞。第三多一門技能欺嗤。
工具選擇sketch
請(qǐng)不要問我為什么，用sketch輕量級(jí)做設(shè)計(jì)又快又好卫枝，要是P圖遠(yuǎn)離它煎饼，擬物也是可以實(shí)現(xiàn)的，下面會(huì)有介紹校赤。
學(xué)習(xí)思路介紹
把sketch文檔快速過一遍吆玖，國內(nèi)外的教程快速過一遍重荠，然后直接上手做吧碌嘀，遇到問題Google請(qǐng)不要用百度會(huì)繞很大一圈。
下面是前段時(shí)間的學(xué)習(xí)成果
這個(gè)效果群里做技術(shù)要實(shí)現(xiàn)蜡坊，我自己用設(shè)計(jì)工具實(shí)現(xiàn)了下浑测，然后把思路告訴他翅阵，畫一個(gè)實(shí)心圓copy 旋轉(zhuǎn)多少份，然后下面放一個(gè)多個(gè)漸變色迁央，用這個(gè)copy做遮罩就可以實(shí)現(xiàn)了掷匠。
如果你對(duì)貝塞爾曲線的控制很不錯(cuò)的話，這個(gè)流下來的奶油就沒問題岖圈，甚至有一些藝術(shù)字體完全可以用貝塞爾曲線畫出來讹语，連結(jié)點(diǎn)的控制類型有四種如下圖。
上圖一個(gè)QQ瀏覽器的logo模仿蜂科。如果你對(duì)層的布爾運(yùn)算顽决，以及顏色的視覺差，和漸變导匣，內(nèi)外陰影把控不錯(cuò)才菠，相信你實(shí)現(xiàn)它沒問題。對(duì)于內(nèi)外陰影各個(gè)參數(shù)的把控能讓你的圖標(biāo)除了有立體感贡定，質(zhì)感鸠儿，還有金屬磨砂感，看下面的一個(gè)小小的五星紅旗的旗桿厕氨。
都說sketch畫擬物不行，下面看一個(gè)擬物的汹粤，先看筆命斧。看看是不是有金屬磨砂感嘱兼，這里對(duì)內(nèi)外陰影国葬，漸變等運(yùn)用的比較多。
我也比較懶沒模仿完，還有一個(gè)筆袋汇四，畫了一半看下半成品吧接奈。
任何圖標(biāo)和logo都是簡(jiǎn)單形狀的各種組合如下面的摩拜單車logo
沒錯(cuò)只要你有耐心什么都可以模仿比如看似密密麻麻的safari瀏覽器logo
一般現(xiàn)在除了app的logo很少有設(shè)計(jì)畫圖標(biāo)了。都是網(wǎng)上找通孽，下面推薦幾個(gè)序宦。
阿里巴巴的矢量圖標(biāo)庫：
http://iconfont.cn/collections/index?spm=a313x.7781069.1998910419.5&type=3&page=148
再來一個(gè)：
https://icons8.com/icon/pack/drinks/all
最后自己找個(gè)app或者網(wǎng)站模仿一個(gè)完整的你就大功告成了。
