플러스엑스 UI패키지 강의 후기 - (15)

◆ 오늘 수강/복습 할 부분
Part2. UI 디자인 기초
- PlusX와 구성요소
 
 
◆ 정리 및 느낀점
- 전일 배웠던 UI 구성요소를 PlusX에서는 어떻게 적용하고 있는지 알아보는 강의가 오늘 강의였다. 배우다 보니... 기존에 진행해왔던 프로젝트들을 정리하기 위해 가이드 부터 손을 봐야겠다는 생각이 들었다.. 한숨.. 

 

- 플러스엑스에서 구성요소를 활용하는 방법은 아래와 같다.

1) point color는 point 답게! 화면의 5-10%정도에만 point color를 적용한다고 한다. 이외 basic컬러로는 black 부터 white를 모두 7단계정도로 두고, 그 중 4-6개를 선택해서 사용 한다고 한다.

 

2) 폰트규칙을 아주 세밀하게 작성한다. 보통 system font로 많이 디자인하고, 폰트 굵기는 3개정도를 선택해서 진행, line과 letter space까지 아주 세세하게 규칙을 작성한다고 한다. 나도 항상 폰트가 어려웠는데, 이번에도 일정상의 문제로 폰트 가이드 같은 것들을 세세하게 잡고 가지 못한 것이 못내 아쉽다.. 이번에 프로젝트가 마무리 되면 다시 정리하는 시간을 가져야지..

 

3) 기타 플러스엑스의 실무 프로젝트를 보며 알게 된 것들

- 실무 프로젝트 1) 이마트 모바일 웹 & 이마트 APP

- 실무 프로젝트 2) plusx의 contact page 

-  footer가 홈에만 오기도 한다. 꼭 모든 페이지에 있어야 하는게 아님.. 근데 보통 모든 페이지에 있으니까, 특정 페이지에 없으면 좀 헷갈리지 않으려나 싶기도 했다.

- 위에서 이야기하 ㄴ것처럼 font에 line height까지 같이 정의를 해둬야 한다.

- 스타일가이드를 자세하게 만들어 두면 규칙을 유지함으로서 일관성 있는 디자인이 가능하다. 

오늘로서 UI기초를 배우는 큰 파트가 끝났는데, 은근히 외울 것도 많고, 알고 있었던 것도 다시 한 번 정리하는 계기가 되어서 좋았다. 블로그에 잘 정리해두었으니, 헷갈릴때마다 와서 보고 가야지. 이제 협업 부분과 인터랙션 부분이 남았는데, 협업 부분.... 특히 기대된다. 얼른 내일이 오길!

 

◆ 그럼 오늘의 수강 인증 샷!