UI??+???????????????

Chengsoul

?????????????????????????GUI????????????????????????????????????????????????????????????????�?????�???????????????????????????????????????????Q???????????????????????????????????????

?  ?

?????????????????????????????????????????????????????????????????????????????????

????????

???????????UI???????????????????????????????????????????????????????????????????????????????????

?????

????????UI????????????????????????????????????????????????????????????????????????????????????UI???

???????UI???????????????UI?????????????????

?????

??????????UI??????????????????UI??????????????????????????????????????????????????????????????????????????????UI??????????????UI????????????

???????UI???????????????UI????

?????

?????????UI?????????????UI?????????????????????????????????????????????????????????????UI????????????????????????????????????

???????UI???????????????UI????

??????????

???????????????????????????????Google Material Design(2020) ??????????Apple IOS ?2021???????????Material Design(2017)???????????????????????????????????????????????

????????

???????????????????????????????????????UI??????????????????????????????

• ????????????????
• ??????????/????
• ?????????????????????
• ??????????????????????
  

????????

?????????????????????????????????????????????????????????????????

• ??????????????????????????????
• ???????????????????????????????
• ????????????????????????????????????
  

????????????

?????????????????????????????????????????????????????????????????????????????????????????????????????????????

??????????

??????????????????????????????????????????????????????

• Movement ??
  

?????????????

• Scaling ??
  

?????????????

• Rotation ??
  

?????????????

• Alpha ???
  

?????????????

• Color ??
  

?????????????

• Lighting Effect ??
  

?????????????

?????????

????????????????????????????????????????????????????????????????????????????????????????????????

• ????????
• ?????????????????????????????????
• ??????????????
• ?????????????????
• ?????????????????
  

?????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????? ??????????????????????????????????????????

????????????????????????????????????????????????????????????????????????????????????????????

????????????

????????????????????????????????�????????????????????????????????????????

????

?????????????????

?1?????

???????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????

????

????????????????????????????????????????????????????????????????????????????

?1??? ?�?�?

????????????????????????????????????????????????????????

?2??? ???�???�???

??????????

?????????????????3?????????????????????????????????????????????????????????????????

• Container transform ????
  

?????????????UI???????????UI?????????????????????UI????????????????????????????????????????????????????????????????????????????????????

• Shared axis ???
  

?????????????????UI???????????????????x?y?z?????????????????????????????tab????????x,y??????

• Fade through ????
  

??????????????????????????UI?????????????????????????????????????????????????????????????????????????????????????????????

????????????

??????????????????????????????????????????????????????????????????????????

?????????????????????????????????

?????????????

• ??1
  

????????????????tab

????????????????????????????

??????????????????????????????????tab????????????????????????????????

????????????????????????????????????????????

????????????????????????

• ??2
  

??????????????

???????????????????????????????????

???????????????????????????????????????????????????????????????????????

??????

????????????????????????

????????????

?????????????????????????????????????????????????????????

• ??????????????????
• ??????????????????????????
• ??????????????????????????????
• ??????UI?????????????????????????????
• ??????????????????
  

?  ?

??????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????

?????UX????