yy課堂筆記從新到舊-jack ui視覺設計

1、UI 視覺設計主講：JACK老師簡介：從事行業(yè) 6 年+，曾是掌趣科技、機鋒、空中網主美，原火神網 UI、場景原畫講師，有國內外研發(fā)項目經驗，現在是某大型上市公司的得力干將。傳送門：/u/2796854547?topnav=1&wvr=5&topsug=1優(yōu)酷教學傳送門：/u/UMjk4NTc1NjUy今日內容暖場：改作業(yè)同學圖標作業(yè) ：學生作品：玻璃材質（同學問題）偏寫實臨摹找高質量的圖標臨摹老師（摘抄）的話：UI 容易上手 但是想資深還是需要時間和練習的沉淀和積累，所以不要大意的練起來吧PART1改作業(yè)：做 UI 考慮很多東西：顏色 排版 等等第一個:同學問題：排版不好，顏色也不太好分析Q

2、 版重夸張，構圖可以超過框Q 版的書：可以卷一點更加 Q細節(jié)（留意生活）：書簽靠近中縫，不會靠近邊緣加一點紫色 顏色更加好看；第一步：大型 顏色，顏色不要臟投影不是黑色，是純一點的顏色；光源的設定：書有厚度；折痕，文字等可以讓它看起來更高大上注意細節(jié)書的厚度確定光源后的受光：增加漸變增加頁簽，記厚度 投影做出凹進去的感覺顏色和造型一定要 Q 起來加反光（純色太生硬）縮小看金屬的高光在邊緣第二個=原圖問題：Q 版偏寫實1,造型上來改明確光源（有基礎直接畫彩稿沒有的話要打草稿，黑白稿）夸張了上半身 蓋子加厚 然后有一點變形；轉折部分很重要，可以強化緞帶注意細節(jié)緞帶的折痕禮品要夸張繩結太小的話沒有看

3、頭縮小看畫圖標沒有捷徑 要多練Q 版的禮盒，要改圓潤些，蝴蝶結要夸張些，這樣效果或更好先鋪固有色記住厚度！大概的感覺再調整有投影就不會看上去是貼在盒子上加花紋更好看調整疊加上色調整整體的明暗關系；深入盒子、絲帶的高光（不要用純白色）；陰影的添加；注意關系要經得起推敲縮小看調整明暗關系顏色PS：這樣可以快速得出不同級別的禮包（1,2,3級）最終修改完成PART2【寶石】特點：1，確定受光；2，材質光滑、反射通透性；3，明暗對比非常強；【材質球】反射和通透光源；同學的光源特別亂 一定要透光和高光反射選區(qū)給反射邊緣加更強的光可以涂抹一下也可以保留強高光；做投影用選區(qū)做一個透光體現通透感加強一點反射反

4、射不夠強再加強反射也可以是別的顏色增強受光的感覺最后截圖材質球是為了圖標服務的；老師舉例【戒指上寶石】色彩稿：此方法不一定適合每個人，可以根據自己的能力選擇 黑白稿等等；設備不是關鍵 關鍵是自身的能力；回答筆刷設置問題反光一般給藍色大致感覺金屬的高光【重點是上面的寶石】細節(jié)卡扣 和厚度【！寶石！】參照材質球的步驟1，通透性2，高光3，亮部不要用純白色，要疊一點顏色（藍色或者其他）4，邊緣受光再做一做通透感5，調整=6，疊一層顏色，效果更棒最后（型待調整請無視）總結：學會分析材質-為圖標服務PART3【界面】同學作業(yè)原圖分析優(yōu)點：顏色很，布局合理；缺點：顏色比較單調；布局（UE）欠缺；字體、層次

5、關系；沒有亮點（想玩的沖動）；布局分析 1=工具 聊天設置位置很尷尬=突出效果不明顯=形狀不規(guī)矩（左邊圓弧，右邊切角）=文字、圖標，二者取一=按鈕不夠突出【改圖】1，下面壓暗保留原來的布局（或者策劃案）2，下面做成一塊 會顯得更加整體3，按鈕會用鮮亮的顏色 一眼就能看到，比較直接；左邊壓暗代表沒有選中，右邊是選中（或者鼠標滑過）寫字4，一定要遵循同類色的原則；突出【選中狀態(tài)】（變色|變形）箭頭提示信息右面暗下去要表明選中的一欄（右邊有標記，點或者）5，上面狀態(tài)欄PS：常用的符號 比 文字更加能表明信息【設置和聊天按鈕】不太好加【經驗+金錢】經驗進度條加了漸變，很直觀6，酷炫的感覺找素材顏色減淡

6、、變形旋轉問題+解答：Q：A：因為手游限制了市場需求，Q 版確實比較吃香Q：A：Q 的也會有質感 但是會比較弱，因為不會疊顏色，研究材質球，千萬不要疊材質啊，Q 版多是手繪Q：A：1 顏色 2 造型要；Q：A：Ctrl+alt+shift+sPNG-24常用點完成不太全，請看錄屏或者；Q：A：多練習 多把握；Q：A：看怎么做吧；一般都是用矢量做的 可以隨意拉大 縮小用位圖效果就很不好，=矢量Q：A：用矢量去做，不要位圖位圖-矢量-Q：A：因為圖層有很多屬性，合并之后效果就會不同為保證效果直接保存圖標模式就好，合并圖層會改編你繪制的效果，建議不用！把圖層調透明，再按照之前的保存就不會受影響了；Q：A