不甘現(xiàn)狀如何改變這種狀態(tài)？這是知乎上的一個長期熱搜話題。

?經(jīng)常有這樣的同學(xué)來咨詢我們老師“老師我之前沒有基礎(chǔ)，也不是美術(shù)專業(yè)的，可以來學(xué)習(xí)嗎？”

這個問題是我們絕大多數(shù)0基礎(chǔ)學(xué)員的都會問的一個問題，對于作為培訓(xùn)機構(gòu)的我們來說，自然是希望報班的越多越好。但實打?qū)嵉恼f：學(xué)習(xí)游戲UI，是一條超越同齡人的“捷徑"

在葉子學(xué)堂為網(wǎng)易、騰訊、三七互娛、字節(jié)跳動、米哈游、巨人網(wǎng)絡(luò)等行業(yè)中大大小小的公司輸出了上千名優(yōu)秀的游戲UI設(shè)計師中占據(jù)很大一部分比例的是95后應(yīng)屆生人群，甚至有00后的學(xué)員。

在教導(dǎo)這些學(xué)員時，給我們老師最大的感觸就是“后浪"這兩個字了。一開始完全沒有基礎(chǔ)的他們，在決定學(xué)習(xí)的一瞬間，就做好了迎接挑戰(zhàn)的準備。0基礎(chǔ)，肯吃苦，記筆記，善于總結(jié)的他們每天都是打了雞血般學(xué)習(xí)，他們的努力也在作品中呈現(xiàn)出來。

1? ?米粒同學(xué)

作為新人，你們覺得UI是做什么的？葉子最近和網(wǎng)易以及其他各大廠的主UI接觸下來，幾位老師感慨頗深，葉子學(xué)堂培養(yǎng)出的圖到底是給萌新看的，還是真正為項目服務(wù)？這兩點如何平衡？

為萌新服務(wù)，那就以效果為先，看到好看的圖就去想方設(shè)法的套UE變成自己的界面作品。為項目呢？就是定好主題，根據(jù)主題來定方向。聽著好像都一樣，都是找參考圖。但本質(zhì)是不同的。如果只是找好看的圖來做，相對來說還是比較簡單的。

大家好，我是米粒，一名轉(zhuǎn)行“入坑”小白（慘兮兮，之前是做財務(wù)的）。來學(xué)習(xí)前沒有什么美術(shù)基礎(chǔ)，但是又有一顆不甘沉迷于枯燥乏味工作的心，想讓自己嘗試更多的可能性，也是機緣巧合吧，在葉子學(xué)堂公開課發(fā)現(xiàn)了新大陸，從此一入學(xué)堂深似海，沉迷于此無法自拔，就這樣一名UI小白上車了（OH，NO! 是上路了?。?br/>

?我的這套作品界面的風格定位是以瑪雅文明為主題，將神秘古老的瑪雅文明和科技文明相結(jié)合。在扁平化的設(shè)計中加入了質(zhì)感的塑造和光效的表現(xiàn)，營造出空間感氛圍的同時，也能充分展現(xiàn)瑪雅文明充滿神秘的宗教色彩和先進發(fā)達的科技特性。界面中運用了大量瑪雅時期的標志性元素，如古建筑、金字塔、祭壇、符文、輪盤、天文歷法等，既能與世界觀相呼應(yīng)，又能更好的讓玩家體驗到游戲的代入感。

首先必須要來一波彩虹屁了，高冷傲嬌的丁大大絕對的讓人欲罷不能了，每一位葉子學(xué)堂的學(xué)員都能接受到丁大大愛的洗禮。還有溫柔暖心的燕姐，不僅會認真耐心的輔導(dǎo)同學(xué)，還是大家的知心小姐姐呦。對于暖男天哥就不多說了，畢竟現(xiàn)在也是有家屬的人了嘛。每位老師都有自己的獨有特色和風格，會在學(xué)習(xí)的過程中給予指導(dǎo)和方向，再次感謝老師們的辛苦付出。

米粒同學(xué)的第二套競速賽車主題界面

這套競速賽車類游戲的風格定位是時尚科技感的扁平風，界面在扁平化的設(shè)計中加入玻璃質(zhì)感，在配色上以藍灰為主，加入玫紅色、橙色、綠色等點綴色，給人清爽時尚的視覺感官，能夠降低玩家視覺疲勞度的同時體驗到賽車的競速感。

Q：在葉子學(xué)堂的學(xué)習(xí)中你有什么收獲呢？

A：最大的感觸是可以用“痛并快樂著”這幾個字來總結(jié)了，對于小白來說，現(xiàn)在所接觸的都是全新未知的領(lǐng)域，要讓自己有一個歸零的心態(tài)來面對自己選擇的道路，在這段時間的學(xué)習(xí)過程中確實也有遭受過打擊，也有心態(tài)炸裂的時候，但同時也收獲積累了不少，會感覺自己是充實且有所期待的，希望自己能夠一直保持這樣的狀態(tài)。

2? ?莫念同學(xué)

Hello，大家好我是漠念，廣東湛江人，以前是美術(shù)生，大學(xué)學(xué)的也是動畫設(shè)計專業(yè)，不過可惜出來后做的并不是游戲?qū)I(yè)，做了1年多的園林設(shè)計。后來感覺不能這么荒廢下去，想要做一些自己喜歡的工作，就了解了一下游戲行業(yè)，發(fā)現(xiàn)UI比較適合我，然后聽了好幾次孫老師的課，就慕名過來了哈哈。

第二套則是選了自己特別喜歡的蝙蝠俠主題，一開始方向也不是很明確，一直都很糾結(jié)，做不出來自己想要的效果，后來多虧了燕姐及時給我的指導(dǎo)，學(xué)到了很多點線面·畫面節(jié)奏的結(jié)合。后來加了很多蝙蝠俠的元素，還有一些背景故事元素的結(jié)合，終于做出了自己比較滿意的作品，還因此進了一家特別好的公司。

這一套作品在最開始的時候做的沒有什么空間感，整體畫面看上去沒有主題，層次沒有拉開，缺少很多比較亮眼的顏色，第一次做，思想比較保守，沒有那種讓人眼前一亮的感覺，自己覺得沒有做到位。

Q：你在葉子學(xué)堂最大的收獲是什么呢？

A：在葉子學(xué)堂學(xué)到了很多吧，對交互布局，信息層級層次的理解，還有一些技法的運用，點線面的結(jié)合，平面上的很多技巧，一些元素的提取，如何去分析界面，讓自己的界面更完整，太多太多了~

Q：畢業(yè)之后想去哪里發(fā)展呢？

A：現(xiàn)在暫時還在上海工作，未來也不是很挑剔城市，自己一個人，哪里發(fā)展好就去哪里吧，只要能學(xué)到東西，能提升自己就很滿足了哈哈

3? ??銳哥

大家好，我是銳哥！大學(xué)就讀于美術(shù)學(xué)專業(yè)，畢業(yè)兩年了，一直比較喜歡畫畫。但是對于游戲視覺設(shè)計之前還是比較陌生的，也算是個小白。剛開始畢業(yè)工作也很迷茫，不知道自己喜歡什么。后來在朋友的介紹下，接觸到游戲行業(yè)，我自己本身也還挺喜歡玩游戲，對于各種游戲的玩法也大都了解。于是就在朋友的建議下報名了實體班。

銳哥剛開始時做的關(guān)卡界面

經(jīng)老師建議修改后的最終定稿

因為是插班生，一開始上手還是比較懵圈的，還好老師們都及其嚴格認真，燕姐很耐心的一點點教我，才慢慢跟上進度（所以新手同學(xué)完全不要擔心跟不上哦）。三個月的課程，學(xué)習(xí)到的知識還是很多的，從一開始啥也不會，到知道如何構(gòu)圖，排版，配色，找參考以及刻畫細節(jié)和層次等等。過程雖然辛苦，但是最后得到的結(jié)果對于我來說還是很滿意的。

《長安十二時辰》這套作品是一個將國風IP和二次元結(jié)合的界面。大部分的靈感源于插畫素材，氛圍還是想往唐朝琳瑯奢華的感覺上去走。因為剛開始的時候不知道如何去找素材參考，彎路還是走了比較多的。后來在燕姐的悉心指導(dǎo)下，慢慢對界面有了一些清晰認識。將燙金，裝飾性的元素結(jié)合到界面里面。最終呈現(xiàn)的效果我還比較滿意。

銳哥的第二套扁平科技風界面

《機械戰(zhàn)姬》這套作品是一個扁平科幻類作品，靈感源于科幻電影《機械戰(zhàn)警》，疫情的時候在家看了這個電影覺得這個題材不錯，就確定了這個主題。在確定了主題后找了大量的機甲類的參考，最終將色調(diào)定義為深色調(diào)。因為已經(jīng)有了兩個月的學(xué)習(xí)，在設(shè)計這個作品時知道了運用大量平面設(shè)計元素，將點，線，面的元素，去豐富畫面，增加層次。

這套界面天哥，和丁老師給我建議和幫助特別多,非常受益。前期設(shè)計的時候一直糾結(jié)在背景上，浪費了大量的時間，在天哥和丁老師指導(dǎo)下糾正了下得以糾正，最后順利的完成了這一套作品。

4? ?小九同學(xué)

小九現(xiàn)在任職于字節(jié)跳動，之前是個醫(yī)學(xué)專業(yè)的妹子，因為不太喜歡原本的專業(yè)所以想挑戰(zhàn)下自己過來報班學(xué)習(xí)，平時是個挺陽光向上的girl，對老師講述的知識點能很快的理解吸收，加上她平時的努力勤奮，最終取得了挺不錯的結(jié)果。

小九結(jié)算界面的草圖

調(diào)整后的完成稿

小九的這張結(jié)算界面，在一開始的構(gòu)圖中，ue的布局是有問題的。獲得的物品、按鈕、任務(wù)都放在了旁邊，視覺中心卻很空了。

老師順著小九這xyz軸的立體空間的思路往下走，給她的建議是：將功能分組用顏色區(qū)分，將重要信息放在視覺中心處。這樣提升了整體畫面的層級，有虛實對比并且突出了主要功能。

5? ?周淼同學(xué)

大家好我是周淼，過年疫情在家躺著為國家做貢獻時，我在抖音上看到了在抗疫一線的那些白衣天使們，就想嘗試做這么一套病毒系列的界面。因為一系列的事情最終只完成了這一張定稿。疫情當下，風雨同舟，向萬千抗議醫(yī)護者致敬！

在這張界面中，控件的元素上用到了生物課上學(xué)到的生理知識，有血管的構(gòu)成、細胞的分裂、DNA的螺旋結(jié)構(gòu)，包括左上角的返回也運用到了細胞的元素。

這套二次元的靈感最初來自于這張角色原畫，這個角色是比較機甲風的，然后背景考慮在航空母艦上面，有鐵絲網(wǎng)、跑道等元素。

周淼同學(xué)的神偷奶爸系列套圖

6? ?西柚芒果味

老師天哥說：西柚芒果味同學(xué)是一位來自武漢的可愛小妹妹，畢業(yè)后的她就職于武漢的一家設(shè)計公司，由于是甲方公司的原因，平時工作非常的清閑，充滿上進心的她認為年輕不能當一條咸魚，就應(yīng)該吃苦敢拼，懷揣著夢想和對前途未知的壓力來到了葉子學(xué)堂學(xué)習(xí)。剛開課時西柚同學(xué)就表現(xiàn)出不凡的靈性，學(xué)東西很快，再加上平時的她會更多地關(guān)注一些二次元的動漫，所以做了兩套帶有動漫ip的優(yōu)秀界面。

大家好我是西柚芒果味，大學(xué)學(xué)習(xí)的專業(yè)與美術(shù)完全無關(guān)，但是畢業(yè)后機緣巧合進入了游戲公司，開始做應(yīng)用APPUI，后來在公司內(nèi)轉(zhuǎn)為游戲UI。之后越發(fā)在對游戲UI行業(yè)感興趣，看了很多大神作品感覺自己是個菜雞急需提升。然后無意間聽到了孫老師的課，又去網(wǎng)上搜了一下葉子學(xué)堂，就離職來學(xué)習(xí)，希望能提升一下自己的設(shè)計水平。

我平時就很喜歡看一些二次元的番，之前beastars非常火，我也看了，感覺題材非常有意思，很喜歡，就想做一套這個題材的界面。剛開始做的時候想了很多，畫面做了一些切割，用色也比較重吧，但是感覺有點控制不住，后來經(jīng)過老師的指導(dǎo)才做出來。做圖過程中老師們常說，要多找參考，參考找好了再動筆，現(xiàn)在想想真的是一句良言??！

在葉子學(xué)堂?學(xué)習(xí)最大的感觸就是差點快被干貨噎死啦??！感覺老師們都非常的專業(yè)，我在畫面構(gòu)圖和顏色上學(xué)習(xí)到了很多以前從來不知道的東西。很感謝丁老師，燕姐，天哥，他們都很負責，給了我很大的幫助，真的很感謝他們！

在這第二套《入間同學(xué)入魔了》中吸取了之前的一些做圖經(jīng)驗吧，找了很多參考才開始做，植入了一些ip中的元素。

Q：畢業(yè)之后對自己有什么期許呢？

A：想要不斷的進步，技術(shù)方面越來越專業(yè)！掙更多的money！城市的話會留在上海這樣的一線城市吧

7? ?逸俊同學(xué)

逸俊同學(xué)認為合適的界面構(gòu)圖

經(jīng)老師建議修改后的最終定稿

8? ?劉暢同學(xué)

關(guān)愛老師丁大大說：劉暢同學(xué)也是一位比較特殊的同學(xué)，在學(xué)習(xí)初就被一家神秘公司挖走了，從此班級中只留下了她一個月畢業(yè)的傳說。

這套作品是基于我當時特別喜歡的一個動畫：《大護法》，第一套界面作品直接就用了這個題材來做的，做的時候真的又爽又煎熬，爽的是終于可以把自己想的喜歡的東西呈現(xiàn)出來了，但是制作和修改的過程太煎熬，pass了好多版本。

因為時間問題，最后的效果其實還沒有達到自己特別滿意的地步，有些細節(jié)上的東西還沒有刻畫的特別完整。不過這段時間的進步真的是超級超級大?。≌娴姆浅８屑ざ〈蟠笱嘟愫吞旄绲闹笇?dǎo)。接下來的日子也要繼續(xù)加油啦！

9? ??陳浩同學(xué)

浩哥是這期學(xué)員中一個很有潛力的青年，自畢業(yè)后在在杭州的一家廣告公司做了五年平面設(shè)計，在平面構(gòu)成系列中頗有心得。

在下面這套EVA系列界面中，因為用到了EVA的IP，所以想要往科技的方向走一走，用到了大量的點線面構(gòu)成。EVA這部動畫的傳達是一種人類與未來對抗的末日感，所以加上了一些破碎的塊面，營造出一份血腥感。

下面是浩哥做的一套icon

10? ?斐然同學(xué)

斐哥在學(xué)習(xí)初做的界面構(gòu)圖

經(jīng)老師建議修改后的最終定稿

斐哥在做這套時嘗試了很多方案，比如我們看到上面第一張圖，在這個版本中，是想嘗試用中國風的場景，在控制不好界面顯得呆板、混亂的情況下：

燕姐的建議是嘗試下中國風二次元的風格，從一個老土的舊國風轉(zhuǎn)換成了目前市面上流行的構(gòu)成類二次元國風。在項目中，將界面做的好看干凈是很重要的一點。

對于手繪功底比較弱的同學(xué)，可以往構(gòu)圖方面走，揚長避短。

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