被綠的克蘇魯！
葉子學(xué)堂游戲UI22屆實(shí)體班作品復(fù)盤(pán)
~新的一期分享它來(lái)了~
本期邀請(qǐng)的分享嘉賓是實(shí)體班的起司同學(xué)！
話(huà)不多說(shuō)！
設(shè)計(jì)師：起司
指導(dǎo)老師：23K、皮皮?
收集資料
最初的想法是做一套能體現(xiàn)手繪能力的，加上自己喜歡克蘇魯?shù)娘L(fēng)格。在出海報(bào)的時(shí)候，我理解的克蘇魯應(yīng)該是不明狀的恐怖、血腥、怪誕的，黑暗的。嘗試了很多風(fēng)格稿后，最終就確定了現(xiàn)在的這版偏寫(xiě)實(shí)風(fēng)格的。
遇到的問(wèn)題
做這張海報(bào)時(shí)，用英文去當(dāng)標(biāo)題。無(wú)意中發(fā)現(xiàn)兩個(gè)O剛好遮住眼睛，別有一番怪誕風(fēng)味，所以保留了英文雖然效果好了，但對(duì)文案卻有了難度，要有2個(gè)O正好遮住眼睛，又要O兩邊的單詞長(zhǎng)短不要差距太大，又得貼合主題
最后想到頭禿，最后，定下標(biāo)題“NO ECHO OF HERE”。
初期情緒版
也根據(jù)海報(bào)提取了一些關(guān)鍵詞：
尋找風(fēng)格
初稿，剛開(kāi)始只是照著第一張風(fēng)格稿的方向去延展成套的設(shè)計(jì)，但是沒(méi)有考慮它的游戲性，于是不出意外的，在推進(jìn)過(guò)程中卡住了。
遇到的問(wèn)題
層次少了，顏色單一
缺少游戲感，像是藝術(shù)插畫(huà)，沒(méi)什么交互
沒(méi)想好是做手機(jī)端還是PC端，以及游戲的玩法
登錄界面
調(diào)整后，定下了墨綠加金色點(diǎn)綴的配色。
也重新梳理了關(guān)鍵詞：霧氣，眼睛，觸手，放射性線(xiàn)
遇到的問(wèn)題
空間層次單薄，主次區(qū)分不大，人物背后設(shè)計(jì)沒(méi)有考慮清楚
克蘇魯陰暗氛圍不強(qiáng)
字體也很奇怪，不符合畫(huà)面氣質(zhì)，標(biāo)題不明顯
感覺(jué)黑暗中像是會(huì)出現(xiàn)什么恐怖的事物，加上了霧海和觸手來(lái)烘托這種詭異的氣氛。同時(shí)對(duì)背景花紋也做了幾版嘗試。
遇到的問(wèn)題
人物背后加了光后，搶了標(biāo)題的風(fēng)頭
前景沒(méi)想好做什么，胡亂加了點(diǎn)觸手，導(dǎo)致不知如何推進(jìn)
經(jīng)過(guò)老師的建議，最后確定了這一版。
關(guān)卡界面
遇到的問(wèn)題
顏色很灰很臟，缺少層次
顏色做了修改后，加入了“音波”這個(gè)元素。
其實(shí)這時(shí)候已經(jīng)陷到刻畫(huà)“腦子”里去了，光想著怎么畫(huà)細(xì)節(jié)了。
根據(jù)老師的建議嘗試更多的排版形式。這里我想讓大腦的中心有不一樣的感覺(jué)，嘗試特別的材質(zhì)；干脆做成個(gè)深邃的空間，再在這個(gè)空間里加上“眼球”，增添了恐怖詭異的感覺(jué)。
也是在這個(gè)界面的探索之后，確定游戲玩法：音頻偵探解密
角色屬性
從游戲中的畫(huà)面點(diǎn)擊“角色系統(tǒng)icon”進(jìn)入這張界面，但因游戲玩法的變更，導(dǎo)致出現(xiàn)了極大的bug，于是這張最后舍棄掉了。但仍然有它的問(wèn)題。
遇到的問(wèn)題
名字是長(zhǎng)條形，和人物背景的圓圖形有點(diǎn)沖突
人物背景層次少
右邊的信息區(qū)排版不好看
仍然犯了老毛病缺少功能，就像一張展示的圖片
游戲界面
遇到的問(wèn)題
太暗太悶了，不透氣
構(gòu)圖左側(cè)沒(méi)有東西與右邊的ui做呼應(yīng)
交互邏輯說(shuō)不通
成就界面
一開(kāi)始是做的拼圖類(lèi)列表型，后因游戲玩法的變更，做了更改。
左邊底板上的音波代表人物精度，起伏越大代表完成度越高，有點(diǎn)心電圖的感覺(jué)。
右邊底板處理比較簡(jiǎn)單，為了突出上方可取得的獎(jiǎng)勵(lì)。做了克蘇魯風(fēng)格的圖形，作為他的視覺(jué)兩點(diǎn)。
多方案對(duì)比
這套作品花的時(shí)間相對(duì)比較久，特別是對(duì)于方向的確定，我在這方面還是欠缺良多。
在這套圖里反復(fù)出現(xiàn)一個(gè)問(wèn)題：界面的功能性。也許是因?yàn)橹皥?chǎng)景原畫(huà)的經(jīng)歷，只顧著畫(huà)面好看忽略了交互功能的重要性，之后要更加注意。
未來(lái)需要努力的方向：
定風(fēng)格：
自己在這方面還有所欠缺，總是搖擺不定。
風(fēng)格化：
雖然我相對(duì)其他風(fēng)格來(lái)說(shuō)比較擅長(zhǎng)中國(guó)風(fēng)，但也要多多嘗試其他的風(fēng)格
取舍：
該舍棄就舍棄，不要為了用上一些素材硬是往上湊
技法：
這套圖基本全是手繪，之后要學(xué)習(xí)對(duì)圖片的處理，提高效率，可以快速的出一些設(shè)計(jì)稿。
其他工具：
后期要加入3D以及動(dòng)效的學(xué)習(xí)，提高自己的專(zhuān)業(yè)技能。
最后，對(duì)學(xué)習(xí)期間努力的我和給我?guī)椭睦蠋焸冋f(shuō)一聲：辛苦了~
起司同學(xué)對(duì)于自己的要求非常嚴(yán)格，對(duì)于細(xì)節(jié)的追求也是極盡所能。經(jīng)常加班加點(diǎn)到很晚。希望她之后的學(xué)習(xí)中也可以一直保持這般熱情。
起司同學(xué)真的非常的肝。是好事但也會(huì)讓她鉆牛角尖。不過(guò)隨著不斷的學(xué)習(xí)，相信她在之后的工作和學(xué)習(xí)中，會(huì)越來(lái)越好的。
真不戳真不戳~
那么本次的分享到此結(jié)束~撒花??ヽ(°▽°)ノ?
你這么好看(???)
務(wù)必留下贊贊~（壓上了~）
歡迎大家留言，有好用的關(guān)鍵詞大家也在評(píng)論區(qū)打出來(lái)！大伙一起交流！
