如果你對UI、圖標(biāo)感興趣，卻又不知道怎么開始怎么下手，那么希望這篇文章可以幫到你。臨摹、抄襲，注定是一個受到爭議的話題，老牛從自身經(jīng)歷的那段臨摹的日子，來給大家聊聊這些事兒。
臨摹
“我不知道第一步要干什么”——相信這是挺多小伙伴們所苦惱的事情。看過之前系列文章的小伙伴們應(yīng)該了解，我主張”玩設(shè)計”，做事先從興趣愛好入手，這樣你才有精力獲得雙倍甚至幾倍的收益，否則因強(qiáng)迫而從事，終究提不起勁兒來。 做UI也是如此，當(dāng)你有這個興趣，有這種動力的時候，一定就會多多留意那些優(yōu)秀的設(shè)計，自己喜歡的設(shè)計，將之收藏或者保存到特殊的文件夾。我非常推薦大家，建立一個文件夾存放那些你喜歡的優(yōu)秀設(shè)計，可以考慮將其作為屏保定時輪播，閑暇之余就欣賞一下屏保，說不定哪天就會獲得靈感。設(shè)計不是憑空想象的，需要多看那些優(yōu)秀的案例和通過日常生活中獲得更多的靈感，這時候你的文件夾就有意義了。
我習(xí)慣將歸類盡可能的清晰，這樣瀏覽器來更具有效率。良好的設(shè)計習(xí)慣，會給自己的設(shè)計道路提供很多便利。哪怕你一天搜集一張優(yōu)秀作品，三年下來也是1000多套的優(yōu)秀設(shè)計，每個創(chuàng)意、配色、構(gòu)圖等都會潛意默化的成為你設(shè)計的一部分。 然后，選擇一個你最喜歡的一個設(shè)計，把它作為你UI路上的第一步。我個人推薦第一個臨摹的作品盡可能的難，具有挑戰(zhàn)性，這樣你在做起來才能狠狠的逼自己一把。就好似我們玩游戲，如果你上來就選擇地獄模式，相信你再去玩容易模式一定是易如反掌。案例的選擇沒有限制，我個人更喜歡選擇一個圖標(biāo)作為案例，因為在你不了解產(chǎn)品設(shè)計流程時，是最易上手的。同時，也是對你軟件熟練度有一個良好的提升。
圖片來自設(shè)計師： Sanadas 老牛臨摹的第一個作品，就是桑大師的電話圖標(biāo)。其實當(dāng)時根本不知道這是國內(nèi)設(shè)計師設(shè)計的，潛意識的以為像這么牛逼的設(shè)計一定是國外的，拿來做臨摹作品一定不會有人發(fā)現(xiàn)。恰恰最后被自己的小聰明玩弄了。當(dāng)時在iconfans論壇（現(xiàn)為UI中國）發(fā)布后，便有網(wǎng)友留言說：”這是桑大師的作品，這是源地址……”同時，網(wǎng)友們還細(xì)心的為我指明了和原作的差別。 畢竟是第一次做圖標(biāo)，即使是臨摹。也花了斷斷續(xù)續(xù)20幾個小時的時間。有些細(xì)節(jié)怎樣弄也達(dá)不到原作的效果，你個小菜鳥又不能去問原作本人，于是就去搜索網(wǎng)上教程，比如”金屬質(zhì)感教程”，”塑料質(zhì)感教程”等等，目的就是提升自己設(shè)計如何還原原作。沒有下載PSD文件，是為了防止自己偷懶查看源文件的圖層，這樣對能力的提升多少會有弊端。 在臨摹的時候，也是要不斷的思考。為什么原作的電話繩更自然？為什么撥號輪的內(nèi)陰影那么重？為什么非常細(xì)小的細(xì)節(jié)要刻畫的那么深刻？為什么白色的高光沒有那么明亮？等等，如是思考。臨摹去選擇一些有源文件的最好，因為當(dāng)你遇到瓶頸的時候，你可以打開原作的源文件看看高手是如何處理的，也許你完全想不到的一個小小的功能就能實現(xiàn)你解不開的難題。但是不代表你遇到瓶頸就把對方的文件拷貝過來，那樣還不如不要浪費時間去陪陪另一半。 對于臨摹，你要還原原作的90%以上，這是基本。如果能達(dá)到99%，那就非常好了，你已經(jīng)不需要繼續(xù)練習(xí)臨摹浪費時間了，因為你的技能已經(jīng)完全跟上了。當(dāng)然不要指望能完成100%，世界上不會有絕對一模一樣的東西存在，設(shè)計也是，即使視覺上對了，思想和靈魂也絕對不會百分之百一樣的。 結(jié)合 臨摹不僅僅在于提升自己的技能，更重要的是，提升自己的設(shè)計感覺，找到感覺做事情就會輕松順利很多。而且在臨摹的時候，你知道該建立一張多大的畫布，多少分辨率，圖標(biāo)尺寸應(yīng)該多大，哪里適合矢量路徑，哪里適合位圖筆刷，哪種是3D做的，那種是AE做的，等等。做事情不是手腦配合，那么始終會舉步不前的。
圖片來自設(shè)計師： Sanadas 我們經(jīng)常會見到這樣的作品，它們的尺寸都是800*600大的尺寸，實際上，這個尺寸是專業(yè)UI網(wǎng)站Dribbble的展示尺寸（早期尺寸是400*300），為了能完美展示自己的作品，所以大部分有Dribbble賬號的設(shè)計師都按照這個尺寸來設(shè)計，分辨率是標(biāo)準(zhǔn)的72像素，對于圖標(biāo)本身的尺寸沒有定性，但是大部分會遵從512*512尺寸大小。關(guān)于其他具體尺寸，未來我會新開一片文章詳細(xì)講解。當(dāng)然，這個畫布和分辨率不是絕對的，每個網(wǎng)站適配尺寸都不一樣，更靈活更具有變通性，才應(yīng)該是一個設(shè)計師所具備的。 我很建議大家先找到一位你喜歡的設(shè)計，將他的作品仔細(xì)研究一遍，然后不斷的練習(xí)，在過程中尋找原設(shè)計師的設(shè)計思路。在完美臨摹了幾張作品后，就要做更深一步的練習(xí)，加入自己的想法。從上面臨摹作品可以看出，將原作的主視覺替換成CD光盤，同時加入一些手繪元素，折角的處理也完全不同，目的就是希望和原作有所改變。設(shè)計完后，再次相互對比原作，從中體會到與原作的差別，無論是配色還是構(gòu)圖，還是細(xì)節(jié)。為什原作的縫線看起來更自然，為什么原作頂部的金屬夾看起來更漂亮，為什么原作的折痕看起來更有趣，為什么原作的設(shè)計理念會準(zhǔn)確而臨摹的作品會沒有主題？這些反思的過程，都是下一套優(yōu)秀作品的基石，只有在不斷的思考過程才會更有長進(jìn)。 很多時候，設(shè)計師容易將自己帶進(jìn)”牛角尖”里。所謂的牛角尖，就是對剛設(shè)計完的作品非常滿意，完全找不出缺點。這個時候就非常建議給其他小伙伴或者展示平臺，讓大家給提供意見，不要覺得別人的建議是不懂你，其實是你自己不愿意去聽不好聽的話而已。還有，階段完成后，每過一個月，就回顧看看自己的作品，看看自己是否還滿意，是否還有可以改進(jìn)的地方，反思自己在當(dāng)時遇到的瓶頸是否突破了，反思自己再次設(shè)計是否有全新的認(rèn)識。我相信真正優(yōu)秀的設(shè)計師，是不存在自己最滿意的作品的，因為他知道自己會一直超越自己，創(chuàng)造更加美好的設(shè)計，否則就不會有那么多版本升級和2.0的存在了。 當(dāng)然，自身迷茫的狀態(tài)，臨摹是一件快速提升的行為，和抄襲完全是兩個概念。如果自身很有悟性，那么從原創(chuàng)開始的行為會更加有所成長，擁有自己的設(shè)計風(fēng)格和設(shè)計語言。 抄襲現(xiàn)實 技能、思路、想法都有一定的提升后，該考慮進(jìn)一步的升級了，做一些別人沒有做過的作品來挑戰(zhàn)一下自己?？梢詮奈覀?nèi)粘Ｉ?，將美好的設(shè)計復(fù)刻出來，當(dāng)然，別忘記思考和對顏色、細(xì)節(jié)的把握。臨摹實物的一點好處是，你要自己去控制光影，自己去感受，而且是沒有源文件讓你來參考，你需要動腦”我該用什么來體現(xiàn)實物”？ 復(fù)刻實物過程中，你需要自己定義顏色，自己定義光的來源，自己定義造型，自己定義大小。不知道如何進(jìn)行的時候，想想曾經(jīng)的那些練習(xí)，那些過程的思考——感受到基礎(chǔ)對你的幫助了嗎？
以上圖為例，復(fù)制現(xiàn)實中多種實物的質(zhì)感，將之變成自己作品中的一部分，最后的成果絕對不會存在任何人作品的影子。當(dāng)然，這幅作品欠缺了很多東西，細(xì)節(jié)也有很多紕漏，可是作為初期培養(yǎng)樂趣的練習(xí)是可以隨意一些的。 UI在我們周圍體現(xiàn)的太多了，你打開手機(jī)，把你手機(jī)圖標(biāo)、界面重新畫一遍，然后放到手機(jī)里，和原系統(tǒng)進(jìn)行對比，慢慢的能看到自己的拙劣了；然后看到喜歡的、感興趣的，比如鼠標(biāo)、電腦等，就畫下來，也可以用軟件做出來，在提升軟件和造型的同時，也提升了自己對設(shè)計的初步認(rèn)知。 你拿起一張紙，畫了一幅畫，就是對自己手繪提升了； 你拿起相機(jī)，出去拍了一張照片，就是對自己美感提升了； 你拿起軟件，用快捷鍵畫出一個圓兒，就是對自己軟件能力提升了； 你打開電腦，看到高手們的設(shè)計并分析思考，就是對你自己思維提升了。 看到了嗎，現(xiàn)實中任何事物都值得我們?nèi)コu，在這個過程中也會不斷讓自己能力的提升，即使是魯班，也是從最簡單的身邊事物開始雕刻起，慢慢的有了自己的原創(chuàng)作品。提升，不是讓你打坐光想，而是你從最簡單的事情做起。 抄襲
什么是抄襲 抄襲，更多的被業(yè)內(nèi)稱為”剽竊”，它和臨摹有根本上的不同。臨摹是自己對原作的尊敬，通過模仿原作來提升自己的技能，目的是單純的，展示對象也是自己或者周圍朋友。通過媒體發(fā)布也會注明”原作某某”，”臨摹某某等等”。而抄襲大多是工作任務(wù)中，找不到靈感，在查找素材時看到優(yōu)秀的設(shè)計把之直接使用在自己的作品里，沒有任何著名的、產(chǎn)生商業(yè)價值的行為。這種行為是可恥的，所以之前也提到過，非常不建議小伙伴們總是去下載”素材”，因為你不知道發(fā)布素材者是如何得到原作的，是否得到許可。如果你做小東西還行，可是當(dāng)你養(yǎng)成習(xí)慣了，以后進(jìn)入公司工作，項目中出現(xiàn)這種情況問題是多么嚴(yán)重的事情。
直接摳圖 直接摳圖，這可以說是最可恥的行為了，直接將原作的某個元素或者設(shè)計納為自己的設(shè)計之中。
圖片來自設(shè)計師： Chiho （曾志豪） 雖然說自己的作品在知名互聯(lián)網(wǎng)公司產(chǎn)品中出現(xiàn)了，是件值得高興地事，這說明你的作品得到了認(rèn)可。不過在沒有任何說明、聲明的狀態(tài)下使用，仍然是一種錯誤的行為?；蛟S一次的失誤，不僅丟了面子，還有可能丟了來之不易的工作。所以小伙伴們一定要注意，網(wǎng)絡(luò)上的素材既然被設(shè)計出來就一定都是有版權(quán)所屬的，記得要看清楚。
剽竊創(chuàng)意 從原作中獲得的靈感，表現(xiàn)形式及其接近，配色方向使用相似，這就是創(chuàng)意的抄襲。如果僅僅是練習(xí)作品，那么沒什么問題；如果說作品展示出來，并且因為某些原因參加比賽而獲得名次，那么產(chǎn)生了商業(yè)價值，這樣一定會被追求其責(zé)任而遭人唾罵。
圖片來自設(shè)計師： 黑色蝸牛 不要聰明的以為自己的造型、圖形上和原作不一樣，可是大家都是聰明人，明顯能看出作品的差距。抄襲來的創(chuàng)意很少具有”靈魂”，原作者所表達(dá)表現(xiàn)的思想，作為抄襲者是一定感受不來的。
元素的引用 視覺上有明顯的原作痕跡，即使主視覺和原作有區(qū)別，但是仍然是抄襲中的一種。如果只是單獨的某一個引用元素，還是可以說得過去的，但是大面積的，或者說設(shè)計中最出彩的地方作為引用仍然是不妥。
圖片來自設(shè)計師： Windy_fly 借鑒者已將原作關(guān)閉、刪除，并且向原作者表示道歉，而原作者Windy_fry也大度的不再追究其責(zé)任。其實這個過程很多小伙伴們東容易犯過同類錯誤，重要的是自己勇于面對。在哪里跌倒，在哪里爬起來，同時感謝那些扶起我們的原作者們。
撞衫 這是一種無法判定的事情。有些設(shè)計師在想到一個好想法，并且進(jìn)行埋頭設(shè)計到一半的時候，另外一個設(shè)計師不約而同的也發(fā)布了一套類似創(chuàng)意的作品。這樣的事情可以說是思想上的好基友，只是我們沒有證據(jù)去證明他們?nèi)绱说男挠徐`犀，當(dāng)然，也有可能作為抄襲辯論的陳辭。這樣的事情只能讓設(shè)計師自己去給自己做一個判定，自己的良心作為作佐證。
圖片來自設(shè)計師： MIRA黑巖 圖片來自設(shè)計師： Kidaubis 這兩套作品是早年QQ主題大賽的兩套精品主題設(shè)計，作品都非常經(jīng)典和優(yōu)秀，雙方在不約而同的時間發(fā)布了，雖然從創(chuàng)意上有類似，但是從任何設(shè)計元素上看都能感受到作者的設(shè)計思想上的不同。對于這種事，我們稱之為”撞衫”。另外，像春晚大張偉的《倍兒爽》和鳥叔《江南style》這種”撞衫”我不能給予評價，盡管這兩個歌讓我快要瘋掉……
原創(chuàng) 原創(chuàng)終究是設(shè)計師的出路，這樣才能在設(shè)計的道路上越走愈遠(yuǎn)，這是一個漫長的過程，但是也是走向好方向的開始。當(dāng)小伙伴們已經(jīng)對設(shè)計有了一定的理解和思考，那么就請把態(tài)度端正，不僅僅是對作品，也是對自己一個好的交代。 原創(chuàng)亦簡單，亦困難，這個過程仍然離不開多看、多想、多做的基礎(chǔ)?；蛟S這三個詞是所有設(shè)計師都聽到過的，但是還是要在這里按照老牛的思維去說一遍。
多看 在文章最開始前，老牛提到創(chuàng)建文件夾，收集優(yōu)秀的作品，這就是一個看的過程。自古以來，人對圖形的記憶力是最深刻的，即使你不經(jīng)意地瞄過一眼的圖片，你潛意識里已經(jīng)對它有了一種記憶，無論是從顏色還是從造型上。在你的設(shè)計中，如果你用紅色或者綠色，總感覺不對，就試圖去看看其他優(yōu)秀的作品是如何配色的。
多想 將看到的圖片，進(jìn)行細(xì)致的思考，優(yōu)秀作品對配色的思考，對造型的思考，對構(gòu)圖的思考，對細(xì)節(jié)的思考，對創(chuàng)意的思考，對設(shè)計思路的思考。我們都看過電影，更有小伙伴是像我一樣是影迷，回想我們看的電影，是否有自己的思考呢？影片講什么？特效如何？畫面美不美？欣賞優(yōu)秀作品和看電影是一樣的，做設(shè)計拼的就是大腦。不經(jīng)過大腦的光看，那你一定是喜洋洋灰太狼的忠實粉絲。
多做 被火燒過，才知道燙；被針扎過，才知道疼。只有自身經(jīng)歷過，大腦才會記住這一系列的行為產(chǎn)生的結(jié)果，所以不斷的動手做設(shè)計，結(jié)合大腦，想不提高都難。遇到難墻，第一時間想到的不應(yīng)該是放棄繞行，而是自己思考如何推倒它。當(dāng)自己力量真的有限時，再借助他人的力量、指導(dǎo)，繼續(xù)推倒。你放棄一座山，就少看一處風(fēng)景。
圖片來自設(shè)計師： 木老鼠 上面的圖中，是我針對這篇文章進(jìn)行調(diào)整，將兩個地方”抄襲”了木老鼠前輩的設(shè)計，細(xì)心的朋友是否能找到呢？ 是的，一處是掉落的筆削，一處是頂部的小亮光。優(yōu)秀設(shè)計師對細(xì)節(jié)的把控非常了不起，他們的一些小創(chuàng)意都是我們應(yīng)該學(xué)習(xí)的地方，慢慢的納為自己所有，不斷的改進(jìn)和加入自己的思考，而不僅僅是把對方的原創(chuàng)意原方不動的復(fù)制過來。我常說和高手過招，遍體鱗傷，其樂無窮，就像武俠小說中的人物，哪一個劇情里的主角不是從無名小卒在和高手們過招中成長自己的？只有這樣，才真正的做到”抄襲別人，超越自己。”
做人可以沒節(jié)操，但是做設(shè)計不可以。 投稿者：
