常言道：學(xué)習(xí)是一個跑馬拉松的過程，但這期學(xué)員中有很多剛來的時候是完全沒有基礎(chǔ)的同學(xué)，再加上因為春節(jié)+疫情的原因，學(xué)習(xí)的時間比較短，今天給大家介紹下他們學(xué)習(xí)兩個半月后的情況。

來實體班學(xué)習(xí)的同學(xué)中其中一部分是有1-3年的工作經(jīng)驗，這部分的同學(xué)是想要提升自己過來學(xué)習(xí)深造的。他們經(jīng)過系統(tǒng)性的學(xué)習(xí)之后進(jìn)騰訊網(wǎng)易的概率是比較高的；

還有一部分是有美術(shù)基礎(chǔ)的但是沒有GUI經(jīng)驗的，比如我們這期有陶瓷專業(yè)的研究生、五年工作經(jīng)驗的平面設(shè)計師等等；

最后一部分就是完全沒有美術(shù)基礎(chǔ)和其他行業(yè)轉(zhuǎn)行的人，這些人有些剛開始來學(xué)習(xí)的時候甚至ps也不太熟悉，但是他們憑借學(xué)習(xí)時的勤奮努力和對設(shè)計的熱愛，都取得了良好的結(jié)果，成功在行業(yè)內(nèi)大大小小的游戲公司中找到了自己的一席之地。

Q1:在教學(xué)中如何將不同基礎(chǔ)學(xué)員放在一起上課又全部教好？

我們對不同基礎(chǔ)的同學(xué)是一視同仁的，不給學(xué)員定死框架，讓他們自由發(fā)揮創(chuàng)意與構(gòu)思。對于那些0基礎(chǔ)的同學(xué)我們并不希望用套路化的方式去教學(xué)，我們更多的是在技法和思路去引導(dǎo)，最終每個人都能做出屬于自己的創(chuàng)意型界面。

做設(shè)計是純粹的，每個人的思維都要去尊重，而不是去做流水線的套圖。
接下來就介紹幾位0基礎(chǔ)學(xué)員學(xué)習(xí)兩個月之后的提升與進(jìn)步：

01?白飯同學(xué)?

白飯同學(xué)在這期的學(xué)員中不是做的最好的，但是是進(jìn)步較快的，最初進(jìn)來學(xué)習(xí)的時候只會用鋪色塊的形式做構(gòu)圖。然而通過老師的指點和自己的努力在這兩個多月學(xué)習(xí)取得了很好的學(xué)習(xí)結(jié)果。我們接著往下看看他的兩套作品吧~

Hello，大家好我是白飯，廣東茂名人，說真的我接觸美術(shù)這塊不是很多，從大學(xué)才開始接觸素描色彩這塊，然后機(jī)緣巧合進(jìn)入了游戲公司做ue這塊，偶爾美術(shù)那邊有需求需要我這邊來拼界面，但是拼著拼著發(fā)現(xiàn)自己能力不太夠，后面離職之后就想來提升一下自己的設(shè)計水平。

上面第一張半成品在最開始的時候做的沒有空間感，整體畫面看上去沒有主題，層次沒有拉開，缺少一點故事感，道家修仙的味道不夠濃。我想做的界面是水墨風(fēng)，但又不是流于表面的水墨感，然后就針對這些問題進(jìn)行修改。

第二張完成修改后的圖就是運用了場景化的作圖方式將水墨與背景結(jié)合，與“意境"結(jié)合，用霧氣蒸騰的方式把空間感拉伸，用前景層的翠竹體現(xiàn)場景，包括運用一些筆刷來做一些流水，產(chǎn)生一種裝飾畫的效果，增加畫面細(xì)節(jié)提升完成度。

《華影宗》這套的靈感源自張藝謀導(dǎo)演的《影》，去找了他的宣傳圖。這種水墨風(fēng)也是我從未接觸過的風(fēng)格，想嘗試一下扁平類的中國風(fēng)。

其中很多地方也是糾結(jié)了很久的，例如背景上是不是要加點紋理，背景是要再亮點還是暗點，期間好幾次自己都要畫自閉了，還好丁老師及時給我建議和新的思考方向。

上面第一張的簽到界面是一開始做的，開始做的時候想法比較簡單，找了點中國風(fēng)的素材直接開始做構(gòu)圖。然后導(dǎo)致框套感過重，比較呆板，沒有中國風(fēng)水墨的意境。

第二張完成修改后的圖在氛圍意境上有了很大的提升，像是一個灑脫不羈的道家真人在飲酒作樂中隨手揮出的一筆墨跡，墨跡上呈現(xiàn)每日簽到的功能內(nèi)容。整體會變的更加活躍有趣。

這張活動界面里面彼岸花的構(gòu)思 來自于燕姐的一句話：“改成紅色的花試一下”，我想了下紅色的花的代表就是彼岸花，而且彼岸花代表的寓意更加魔幻些，符合界面主題水墨道教修仙的氣質(zhì)。

白飯同學(xué)第二套作品《亂斗世紀(jì)》

這套圖的靈感來自于寶可夢，開始給這套的定義是扁平亮調(diào)子二次元，前期搜了大量的圖，在簡約的白中做出五彩斑斕的感覺。

經(jīng)過這次系統(tǒng)的學(xué)習(xí)，我從一個0基礎(chǔ)沒有經(jīng)驗的人，理解了很多關(guān)于交互設(shè)計、創(chuàng)意構(gòu)圖上面的思路，在配色理解，手繪能力等各方面感覺都有所提升，感謝老師們的教導(dǎo)~

02?Alva同學(xué)

Alva是之前一個網(wǎng)絡(luò)班老學(xué)員的妹妹，因為她哥哥的介紹來到我們?nèi)~子學(xué)堂學(xué)習(xí)。
現(xiàn)在她的哥哥在成都的一家公司里升到了主ui的職位，我們也常常會和她開玩笑說“Alva，什么時候讓你哥哥來問你，他的圖該怎么改?！痹谶@兩個月的學(xué)習(xí)中Alva也是一個很努力的女孩子，有不明白的地方就會及時去問老師或者身邊的同學(xué)。

在剛開始做第一張練習(xí)的時候，因為完全沒有基礎(chǔ)，只是簡單給界面做個構(gòu)圖，沒有空間層次，滿滿的平鋪感、故事性和光影關(guān)系完全沒有考慮、構(gòu)圖/配色比較亂。(一度陷入自我懷疑中.jpg）

經(jīng)過老師的啟發(fā)在這套界面的故事背景上找到了思路，想法源自許仙與白蛇的故事，雨天在西湖游船的時候遇見許仙，所以有了下圖的故事背景構(gòu)思。

在構(gòu)圖配色的時候不想做成常規(guī)的灰調(diào)子，想讓顏色更加少女些，所以加入了很多光線，充滿了陽光的感覺，光感四溢。

Alva的二次元界面

這套女性向的二次元風(fēng)格界面，早期的風(fēng)格草圖中，在大關(guān)系和層次上有很多不夠的點：1.背景的場景看著非常多，但是沒有調(diào)整到一個很好的狀態(tài)，顯得有些花/搶；2.整體按鈕控件，虛實的把控不是很好，不符合交互邏輯；3.像是裝飾屬性框的蕾絲花邊，很實，過于搶眼了；4.真正需要點綴裝飾的控件按鈕“詳情”沒有很好的突出。

針對以上的幾個問題，老師給的方案是：重點做一些核心控件，然后帶上自己的構(gòu)圖。

在這張界面中，小蘿莉原畫給人的心理暗示是積極向上的，充滿活力可愛的。所以將背景做成冷調(diào)子，輔以暖色的黃點綴，用顏色表達(dá)界面的活力、向上。

再將每個控件做好，將文字做一些錯位，改做柔和的地方做柔和一些。用了海報上的技巧將背景板、文字、線條做穿插，體現(xiàn)出空間感。很多二次元風(fēng)格的游戲里面都用到了類似的技法去做設(shè)計。

因為疫情的緣故，一部分作品是春節(jié)時間學(xué)員自主在家中完成的，下面是因為時間原因未能完成的練習(xí)，不得不說是件很遺憾的事情。

03?曉玲同學(xué)?

曉玲是一個僅學(xué)習(xí)了兩個月就被一家公司挖走的短發(fā)girl，來自于霍格沃茨，是一個無情的畫圖機(jī)器，平時做圖，能安靜的做一天。心態(tài)極好，又肯幫助同班的童鞋，私底下卻又是出奇意外的活潑的人，相處以后會發(fā)現(xiàn)不一樣的活潑嫵媚的一面，聚會時熱舞的樣子真讓人過目難忘呀~

上面第一張圖是曉玲同學(xué)的“黑歷史”，一開始做的時候在顏色上運用的不太好比較臟，用的元素素材也比較老舊，是早幾年游戲中很常見的紙張形式。

然后在老師的建議下修改后，控制了整體的調(diào)子和氛圍，給了底部一個光源，拉開了前后層次；在控件上做了很大的修改，將控件做的有趣精致?？丶?xì)節(jié)和整體氛圍是這張圖進(jìn)步最大的地方。

上面第一張最開始做的版本，在表現(xiàn)的時候，前面的白色帶子裝飾太過搶眼了，主體不夠突出。然后在修改的時候弱化了前面的白色條幅，在控件上做細(xì)節(jié)，將整體畫面做的有虛實對比，突出主體。

曉玲同學(xué)的第二套乙女向作品

04?夢瑩同學(xué)?

大家好，我叫夢瑩，現(xiàn)在還是一名陶瓷專業(yè)的研三生，相比較陶瓷專業(yè)的枯燥而言，出生在景德鎮(zhèn)的我更喜歡做些創(chuàng)意類的事情，加上平時熱愛玩游戲，在了解到我們游戲UI設(shè)計后完全沒有設(shè)計經(jīng)驗的我就毅然決然的選擇成為一名“插班生"，來到葉子學(xué)堂進(jìn)行兩個多月的學(xué)習(xí)。
我來學(xué)習(xí)之前在一開始就想的很清楚，覺得自己這輩子就要做這個了，剛開始聯(lián)系孫老師的時候也和我說：“插班過來學(xué)習(xí)的話，接下來會比較辛苦?！?br/>

孫老師擔(dān)心我作為一個沒有基礎(chǔ)的萌新插班過來是否能跟得上學(xué)習(xí)節(jié)奏，但是通過老師的指導(dǎo)加上一點我自己的努力，這兩個月的課程學(xué)習(xí)收獲非常多，老師的很多方法和理論都是我之前從未接觸過的。

《楓丹日露》這套作品是二次元洛麗塔魔幻風(fēng)，加入了巴洛克藝術(shù)的風(fēng)格。材質(zhì)上多以金屬，鉆石切面為主，結(jié)合少量的玉石，細(xì)線等元素，給人清新、精致的感覺。配色上，以低飽和的灰藍(lán)為底。在重要信息控件處加入顏色較高的純度，鉆石切面質(zhì)感，這樣可以使玩家減少思考的時間，多用來體驗游戲，也使得界面有主有次，讓玩家更增加游戲的體驗感。

Q：做這套的時候老師給了你哪些幫助呢？

每位老師都給予了專業(yè)的輔導(dǎo)，其中燕姐給我的幫助比較大。在剛開始我找不到方向的時候給了我一些指點，讓我有了繼續(xù)往下走的思路，同時燕姐的平面構(gòu)成真的很好，在她的教導(dǎo)下我學(xué)到了畫面節(jié)奏、點線面的結(jié)合，這些專業(yè)的技法。很感謝老師們沒有因為我沒有基礎(chǔ)在一開始做的磕磕絆絆的情況下放棄我，而是對所有同學(xué)一視同仁，支持我們每個人不同的想法，做出不一樣設(shè)計。

05?劉賽同學(xué)?

賽哥是個很有想法、極有潛力的青年，在學(xué)習(xí)期間一個半月時就收到了神秘公司的offer，去入職工作了。在學(xué)習(xí)時的作品圖，還沒有完全打磨好，不得不說是件很遺憾的事，有能力的人在哪兒都能有不錯的收獲。

06?穎怡同學(xué)?

穎怡是班上男女老少通吃的高個子小姐姐，聲音非常好聽,長得還像華晨宇！聲音也非常好聽,中午下課的時候還會去健身！！對自己要求很高的一個帥氣的小姐姐。

在剛開始做這張界面的時候，把幾塊字體都堆疊在一起，所有的字體都搶在前面，然而像是這種活動性/結(jié)算性界面的界面并不需要把所有的字體都突出。

經(jīng)過老師指導(dǎo)后的解決方案方案是：挑選出重要信息，將文字分層級，調(diào)整配色，用裝飾性文字豐富畫面細(xì)節(jié)。

穎怡的第二套作品

07?黃煜同學(xué)?

我叫黃煜，大學(xué)學(xué)的工商管理，之前在陰差陽錯之下進(jìn)入了一家福州的游戲公司里做游戲客服，在公司的時候經(jīng)常完成了工作就無所事事了。

之前從來沒有接觸過美術(shù)的我，在網(wǎng)上看到了我們?nèi)~子學(xué)堂的課程覺得游戲UI這行挺有意思的，但也沒有直接報班，而是找了幾家機(jī)構(gòu)去實地看了下，綜合比較下來葉子學(xué)堂的師資和教學(xué)環(huán)境算是最好的，就想讓自己20多歲的人生多一些可能性來到了上海的實體班。

剛來葉子的時候我是完全沒有基礎(chǔ)的，連ps都不怎么會用，現(xiàn)在想想感覺自己當(dāng)時挺勇敢的，憑著一腔熱血來到葉子。感謝教導(dǎo)我的老師們和給我鼓勵的同學(xué)們，特此感謝下賽哥（同一期的同學(xué)） 給了我很多指點。

這第一套作品，我選擇了扁平風(fēng)科技化去設(shè)計。構(gòu)思的是在末日廢土上，源氏家族掌控了舊時代留下的科技，與末日下的黑惡勢力展開了一場場激烈的廝殺。

第二套作品選擇做一組二次元少女題材的界面，在初期給界面定調(diào)子的時候，試了幾種不同的方案，有紅色調(diào)和灰調(diào)提純的兩種方案。最終確定下來是這紅色調(diào)，也可能是我自己特別喜歡紅色的緣故，對紅色就更加偏愛些。

作為一個0基礎(chǔ)的小白來說，在葉子學(xué)堂的這兩個月的學(xué)習(xí)里算是我進(jìn)入社會以來最開心的一段時間了吧，老師和同學(xué)們都給我很多幫助。在這兩個多月的學(xué)習(xí)中，收獲豐厚。老師和同學(xué)們都很陽光、幽默、充滿激情，伴隨偶爾猝不及防的開車。未來離開葉子后我也會繼續(xù)學(xué)習(xí)，因為我知道自己目前還差很多，要多多努力~

（注：作業(yè)原畫素材來源于網(wǎng)絡(luò)，感謝原作者，如有冒犯，請聯(lián)系刪除或署名。同學(xué)作業(yè)僅學(xué)習(xí)UI使用，非商業(yè)使用，敬請諒解?。?/span>

很感謝看到這一行的大寶貝們，

本期實體班同學(xué)們的作品，

大家喜歡么？

歡迎留言參與討論哇～

讓我們一起和葉子學(xué)堂乘風(fēng)破浪變牛AC！