AAA教育

臨摹

“我不知道第一步要干什么”——相信這是挺多小伙伴們所苦惱的事情。看過之前系列文章的小伙伴們應(yīng)該了解，我主張”玩設(shè)計(jì)”，做事先從興趣愛好入手，這樣你才有精力獲得雙倍甚至幾倍的收益，否則因強(qiáng)迫而從事，終究提不起勁兒來。

做UI也是如此，當(dāng)你有這個(gè)興趣，有這種動(dòng)力的時(shí)候，一定就會(huì)多多留意那些優(yōu)秀的設(shè)計(jì)，自己喜歡的設(shè)計(jì)，將之收藏或者保存到特殊的文件夾。我非常推薦大家，建立一個(gè)文件夾存放那些你喜歡的優(yōu)秀設(shè)計(jì)，可以考慮將其作為屏保定時(shí)輪播，閑暇之余就欣賞一下屏保，說不定哪天就會(huì)獲得靈感。設(shè)計(jì)不是憑空想象的，需要多看那些優(yōu)秀的案例和通過日常生活中獲得更多的靈感，這時(shí)候你的文件夾就有意義了。

我習(xí)慣將歸類盡可能的清晰，這樣瀏覽器來更具有效率。良好的設(shè)計(jì)習(xí)慣，會(huì)給自己的設(shè)計(jì)道路提供很多便利。哪怕你一天搜集一張優(yōu)秀作品，三年下來也是1000多套的優(yōu)秀設(shè)計(jì)，每個(gè)創(chuàng)意、配色、構(gòu)圖等都會(huì)潛意默化的成為你設(shè)計(jì)的一部分。

然后，選擇一個(gè)你最喜歡的一個(gè)設(shè)計(jì)，把它作為你UI路上的第一步。我個(gè)人推薦第一個(gè)臨摹的作品盡可能的難，具有挑戰(zhàn)性，這樣你在做起來才能狠狠的逼自己一把。就好似我們玩游戲，如果你上來就選擇地獄模式，相信你再去玩容易模式一定是易如反掌。案例的選擇沒有限制，我個(gè)人更喜歡選擇一個(gè)圖標(biāo)作為案例，因?yàn)樵谀悴涣私猱a(chǎn)品設(shè)計(jì)流程時(shí)，是最易上手的。同時(shí)，也是對(duì)你軟件熟練度有一個(gè)良好的提升。

老牛臨摹的第一個(gè)作品，就是桑大師的電話圖標(biāo)。其實(shí)當(dāng)時(shí)根本不知道這是國(guó)內(nèi)設(shè)計(jì)師設(shè)計(jì)的，潛意識(shí)的以為像這么牛逼的設(shè)計(jì)一定是國(guó)外的，拿來做臨摹作品一定不會(huì)有人發(fā)現(xiàn)。恰恰最后被自己的小聰明玩弄了。當(dāng)時(shí)在iconfans論壇（現(xiàn)為UI中國(guó)）發(fā)布后，便有網(wǎng)友留言說：”這是桑大師的作品，這是源地址……”同時(shí)，網(wǎng)友們還細(xì)心的為我指明了和原作的差別。

畢竟是第一次做圖標(biāo)，即使是臨摹。也花了斷斷續(xù)續(xù)20幾個(gè)小時(shí)的時(shí)間。有些細(xì)節(jié)怎樣弄也達(dá)不到原作的效果，你個(gè)小菜鳥又不能去問原作本人，于是就去搜索網(wǎng)上教程，比如”金屬質(zhì)感教程”，”塑料質(zhì)感教程”等等，目的就是提升自己設(shè)計(jì)如何還原原作。沒有下載PSD文件，是為了防止自己偷懶查看源文件的圖層，這樣對(duì)能力的提升多少會(huì)有弊端。

在臨摹的時(shí)候，也是要不斷的思考。為什么原作的電話繩更自然？為什么撥號(hào)輪的內(nèi)陰影那么重？為什么非常細(xì)小的細(xì)節(jié)要刻畫的那么深刻？為什么白色的高光沒有那么明亮？等等，如是思考。臨摹去選擇一些有源文件的最好，因?yàn)楫?dāng)你遇到瓶頸的時(shí)候，你可以打開原作的源文件看看高手是如何處理的，也許你完全想不到的一個(gè)小小的功能就能實(shí)現(xiàn)你解不開的難題。但是不代表你遇到瓶頸就把對(duì)方的文件拷貝過來，那樣還不如不要浪費(fèi)時(shí)間去陪陪另一半。

對(duì)于臨摹，你要還原原作的90%以上，這是基本。如果能達(dá)到99%，那就非常好了，你已經(jīng)不需要繼續(xù)練習(xí)臨摹浪費(fèi)時(shí)間了，因?yàn)槟愕募寄芤呀?jīng)完全跟上了。當(dāng)然不要指望能完成100%，世界上不會(huì)有絕對(duì)一模一樣的東西存在，設(shè)計(jì)也是，即使視覺上對(duì)了，思想和靈魂也絕對(duì)不會(huì)百分之百一樣的。

 

結(jié)合

臨摹不僅僅在于提升自己的技能，更重要的是，提升自己的設(shè)計(jì)感覺，找到感覺做事情就會(huì)輕松順利很多。而且在臨摹的時(shí)候，你知道該建立一張多大的畫布，多少分辨率，圖標(biāo)尺寸應(yīng)該多大，哪里適合矢量路徑，哪里適合位圖筆刷，哪種是3D做的，那種是AE做的，等等。做事情不是手腦配合，那么始終會(huì)舉步不前的。

我們經(jīng)常會(huì)見到這樣的作品，它們的尺寸都是800*600大的尺寸，實(shí)際上，這個(gè)尺寸是專業(yè)UI網(wǎng)站Dribbble的展示尺寸（早期尺寸是400*300），為了能完美展示自己的作品，所以大部分有Dribbble賬號(hào)的設(shè)計(jì)師都按照這個(gè)尺寸來設(shè)計(jì)，分辨率是標(biāo)準(zhǔn)的72像素，對(duì)于圖標(biāo)本身的尺寸沒有定性，但是大部分會(huì)遵從512*512尺寸大小。關(guān)于其他具體尺寸，未來我會(huì)新開一片文章詳細(xì)講解。當(dāng)然，這個(gè)畫布和分辨率不是絕對(duì)的，每個(gè)網(wǎng)站適配尺寸都不一樣，更靈活更具有變通性，才應(yīng)該是一個(gè)設(shè)計(jì)師所具備的。

我很建議大家先找到一位你喜歡的設(shè)計(jì)，將他的作品仔細(xì)研究一遍，然后不斷的練習(xí)，在過程中尋找原設(shè)計(jì)師的設(shè)計(jì)思路。在完美臨摹了幾張作品后，就要做更深一步的練習(xí)，加入自己的想法。從上面臨摹作品可以看出，將原作的主視覺替換成CD光盤，同時(shí)加入一些手繪元素，折角的處理也完全不同，目的就是希望和原作有所改變。設(shè)計(jì)完后，再次相互對(duì)比原作，從中體會(huì)到與原作的差別，無論是配色還是構(gòu)圖，還是細(xì)節(jié)。為什原作的縫線看起來更自然，為什么原作頂部的金屬夾看起來更漂亮，為什么原作的折痕看起來更有趣，為什么原作的設(shè)計(jì)理念會(huì)準(zhǔn)確而臨摹的作品會(huì)沒有主題？這些反思的過程，都是下一套優(yōu)秀作品的基石，只有在不斷的思考過程才會(huì)更有長(zhǎng)進(jìn)。

很多時(shí)候，設(shè)計(jì)師容易將自己帶進(jìn)”牛角尖”里。所謂的牛角尖，就是對(duì)剛設(shè)計(jì)完的作品非常滿意，完全找不出缺點(diǎn)。這個(gè)時(shí)候就非常建議給其他小伙伴或者展示平臺(tái)，讓大家給提供意見，不要覺得別人的建議是不懂你，其實(shí)是你自己不愿意去聽不好聽的話而已。還有，階段完成后，每過一個(gè)月，就回顧看看自己的作品，看看自己是否還滿意，是否還有可以改進(jìn)的地方，反思自己在當(dāng)時(shí)遇到的瓶頸是否突破了，反思自己再次設(shè)計(jì)是否有全新的認(rèn)識(shí)。我相信真正優(yōu)秀的設(shè)計(jì)師，是不存在自己最滿意的作品的，因?yàn)樗雷约簳?huì)一直超越自己，創(chuàng)造更加美好的設(shè)計(jì)，否則就不會(huì)有那么多版本升級(jí)和2.0的存在了。

當(dāng)然，自身迷茫的狀態(tài)，臨摹是一件快速提升的行為，和抄襲完全是兩個(gè)概念。如果自身很有悟性，那么從原創(chuàng)開始的行為會(huì)更加有所成長(zhǎng)，擁有自己的設(shè)計(jì)風(fēng)格和設(shè)計(jì)語言。

 

抄襲現(xiàn)實(shí)

技能、思路、想法都有一定的提升后，該考慮進(jìn)一步的升級(jí)了，做一些別人沒有做過的作品來挑戰(zhàn)一下自己?？梢詮奈覀?nèi)粘Ｉ睿瑢⒚篮玫脑O(shè)計(jì)復(fù)刻出來，當(dāng)然，別忘記思考和對(duì)顏色、細(xì)節(jié)的把握。臨摹實(shí)物的一點(diǎn)好處是，你要自己去控制光影，自己去感受，而且是沒有源文件讓你來參考，你需要?jiǎng)幽X”我該用什么來體現(xiàn)實(shí)物”？

復(fù)刻實(shí)物過程中，你需要自己定義顏色，自己定義光的來源，自己定義造型，自己定義大小。不知道如何進(jìn)行的時(shí)候，想想曾經(jīng)的那些練習(xí)，那些過程的思考——感受到基礎(chǔ)對(duì)你的幫助了嗎？

以上圖為例，復(fù)制現(xiàn)實(shí)中多種實(shí)物的質(zhì)感，將之變成自己作品中的一部分，最后的成果絕對(duì)不會(huì)存在任何人作品的影子。當(dāng)然，這幅作品欠缺了很多東西，細(xì)節(jié)也有很多紕漏，可是作為初期培養(yǎng)樂趣的練習(xí)是可以隨意一些的。

UI在我們周圍體現(xiàn)的太多了，你打開手機(jī)，把你手機(jī)圖標(biāo)、界面重新畫一遍，然后放到手機(jī)里，和原系統(tǒng)進(jìn)行對(duì)比，慢慢的能看到自己的拙劣了；然后看到喜歡的、感興趣的，比如鼠標(biāo)、電腦等，就畫下來，也可以用軟件做出來，在提升軟件和造型的同時(shí)，也提升了自己對(duì)設(shè)計(jì)的初步認(rèn)知。

你拿起一張紙，畫了一幅畫，就是對(duì)自己手繪提升了；

你拿起相機(jī)，出去拍了一張照片，就是對(duì)自己美感提升了；

你拿起軟件，用快捷鍵畫出一個(gè)圓兒，就是對(duì)自己軟件能力提升了；

你打開電腦，看到高手們的設(shè)計(jì)并分析思考，就是對(duì)你自己思維提升了。

看到了嗎，現(xiàn)實(shí)中任何事物都值得我們?nèi)コu，在這個(gè)過程中也會(huì)不斷讓自己能力的提升，即使是魯班，也是從最簡(jiǎn)單的身邊事物開始雕刻起，慢慢的有了自己的原創(chuàng)作品。提升，不是讓你打坐光想，而是你從最簡(jiǎn)單的事情做起。

 

抄襲

什么是抄襲

抄襲，更多的被業(yè)內(nèi)稱為”剽竊”，它和臨摹有根本上的不同。臨摹是自己對(duì)原作的尊敬，通過模仿原作來提升自己的技能，目的是單純的，展示對(duì)象也是自己或者周圍朋友。通過媒體發(fā)布也會(huì)注明”原作某某”，”臨摹某某等等”。而抄襲大多是工作任務(wù)中，找不到靈感，在查找素材時(shí)看到優(yōu)秀的設(shè)計(jì)把之直接使用在自己的作品里，沒有任何著名的、產(chǎn)生商業(yè)價(jià)值的行為。這種行為是可恥的，所以之前也提到過，非常不建議小伙伴們總是去下載”素材”，因?yàn)槟悴恢腊l(fā)布素材者是如何得到原作的，是否得到許可。如果你做小東西還行，可是當(dāng)你養(yǎng)成習(xí)慣了，以后進(jìn)入公司工作，項(xiàng)目中出現(xiàn)這種情況問題是多么嚴(yán)重的事情。

 

直接摳圖

直接摳圖，這可以說是最可恥的行為了，直接將原作的某個(gè)元素或者設(shè)計(jì)納為自己的設(shè)計(jì)之中。

雖然說自己的作品在知名互聯(lián)網(wǎng)公司產(chǎn)品中出現(xiàn)了，是件值得高興地事，這說明你的作品得到了認(rèn)可。不過在沒有任何說明、聲明的狀態(tài)下使用，仍然是一種錯(cuò)誤的行為?；蛟S一次的失誤，不僅丟了面子，還有可能丟了來之不易的工作。所以小伙伴們一定要注意，網(wǎng)絡(luò)上的素材既然被設(shè)計(jì)出來就一定都是有版權(quán)所屬的，記得要看清楚。

 

剽竊創(chuàng)意

從原作中獲得的靈感，表現(xiàn)形式及其接近，配色方向使用相似，這就是創(chuàng)意的抄襲。如果僅僅是練習(xí)作品，那么沒什么問題；如果說作品展示出來，并且因?yàn)槟承┰騾⒓颖荣惗@得名次，那么產(chǎn)生了商業(yè)價(jià)值，這樣一定會(huì)被追求其責(zé)任而遭人唾罵。

不要聰明的以為自己的造型、圖形上和原作不一樣，可是大家都是聰明人，明顯能看出作品的差距。抄襲來的創(chuàng)意很少具有”靈魂”，原作者所表達(dá)表現(xiàn)的思想，作為抄襲者是一定感受不來的。

 

元素的引用

視覺上有明顯的原作痕跡，即使主視覺和原作有區(qū)別，但是仍然是抄襲中的一種。如果只是單獨(dú)的某一個(gè)引用元素，還是可以說得過去的，但是大面積的，或者說設(shè)計(jì)中最出彩的地方作為引用仍然是不妥。

借鑒者已將原作關(guān)閉、刪除，并且向原作者表示道歉，而原作者Windy_fry也大度的不再追究其責(zé)任。其實(shí)這個(gè)過程很多小伙伴們東容易犯過同類錯(cuò)誤，重要的是自己勇于面對(duì)。在哪里跌倒，在哪里爬起來，同時(shí)感謝那些扶起我們的原作者們。

 

撞衫

這是一種無法判定的事情。有些設(shè)計(jì)師在想到一個(gè)好想法，并且進(jìn)行埋頭設(shè)計(jì)到一半的時(shí)候，另外一個(gè)設(shè)計(jì)師不約而同的也發(fā)布了一套類似創(chuàng)意的作品。這樣的事情可以說是思想上的好基友，只是我們沒有證據(jù)去證明他們?nèi)绱说男挠徐`犀，當(dāng)然，也有可能作為抄襲辯論的陳辭。這樣的事情只能讓設(shè)計(jì)師自己去給自己做一個(gè)判定，自己的良心作為作佐證。

這兩套作品是早年QQ主題大賽的兩套精品主題設(shè)計(jì)，作品都非常經(jīng)典和優(yōu)秀，雙方在不約而同的時(shí)間發(fā)布了，雖然從創(chuàng)意上有類似，但是從任何設(shè)計(jì)元素上看都能感受到作者的設(shè)計(jì)思想上的不同。對(duì)于這種事，我們稱之為”撞衫”。另外，像春晚大張偉的《倍兒爽》和鳥叔《江南style》這種”撞衫”我不能給予評(píng)價(jià)，盡管這兩個(gè)歌讓我快要瘋掉……

 

原創(chuàng)

原創(chuàng)終究是設(shè)計(jì)師的出路，這樣才能在設(shè)計(jì)的道路上越走愈遠(yuǎn)，這是一個(gè)漫長(zhǎng)的過程，但是也是走向好方向的開始。當(dāng)小伙伴們已經(jīng)對(duì)設(shè)計(jì)有了一定的理解和思考，那么就請(qǐng)把態(tài)度端正，不僅僅是對(duì)作品，也是對(duì)自己一個(gè)好的交代。

原創(chuàng)亦簡(jiǎn)單，亦困難，這個(gè)過程仍然離不開多看、多想、多做的基礎(chǔ)?；蛟S這三個(gè)詞是所有設(shè)計(jì)師都聽到過的，但是還是要在這里按照老牛的思維去說一遍。

 

多看

在文章最開始前，老牛提到創(chuàng)建文件夾，收集優(yōu)秀的作品，這就是一個(gè)看的過程。自古以來，人對(duì)圖形的記憶力是最深刻的，即使你不經(jīng)意地瞄過一眼的圖片，你潛意識(shí)里已經(jīng)對(duì)它有了一種記憶，無論是從顏色還是從造型上。在你的設(shè)計(jì)中，如果你用紅色或者綠色，總感覺不對(duì)，就試圖去看看其他優(yōu)秀的作品是如何配色的。

 

多想

將看到的圖片，進(jìn)行細(xì)致的思考，優(yōu)秀作品對(duì)配色的思考，對(duì)造型的思考，對(duì)構(gòu)圖的思考，對(duì)細(xì)節(jié)的思考，對(duì)創(chuàng)意的思考，對(duì)設(shè)計(jì)思路的思考。我們都看過電影，更有小伙伴是像我一樣是影迷，回想我們看的電影，是否有自己的思考呢？影片講什么？特效如何？畫面美不美？欣賞優(yōu)秀作品和看電影是一樣的，做設(shè)計(jì)拼的就是大腦。不經(jīng)過大腦的光看，那你一定是喜洋洋灰太狼的忠實(shí)粉絲。

 

多做

被火燒過，才知道燙；被針扎過，才知道疼。只有自身經(jīng)歷過，大腦才會(huì)記住這一系列的行為產(chǎn)生的結(jié)果，所以不斷的動(dòng)手做設(shè)計(jì)，結(jié)合大腦，想不提高都難。遇到難墻，第一時(shí)間想到的不應(yīng)該是放棄繞行，而是自己思考如何推倒它。當(dāng)自己力量真的有限時(shí)，再借助他人的力量、指導(dǎo)，繼續(xù)推倒。你放棄一座山，就少看一處風(fēng)景。

上面的圖中，是我針對(duì)這篇文章進(jìn)行調(diào)整，將兩個(gè)地方”抄襲”了木老鼠前輩的設(shè)計(jì)，細(xì)心的朋友是否能找到呢？

是的，一處是掉落的筆削，一處是頂部的小亮光。優(yōu)秀設(shè)計(jì)師對(duì)細(xì)節(jié)的把控非常了不起，他們的一些小創(chuàng)意都是我們應(yīng)該學(xué)習(xí)的地方，慢慢的納為自己所有，不斷的改進(jìn)和加入自己的思考，而不僅僅是把對(duì)方的原創(chuàng)意原方不動(dòng)的復(fù)制過來。我常說和高手過招，遍體鱗傷，其樂無窮，就像武俠小說中的人物，哪一個(gè)劇情里的主角不是從無名小卒在和高手們過招中成長(zhǎng)自己的？只有這樣，才真正的做到”抄襲別人，超越自己。”

做人可以沒節(jié)操，但是做設(shè)計(jì)不可以。