[📜일지] 좋은 UI를 찾기위한 나의 여정 (진행중)

[MAYONEZ..(organ2644)]

저번에 일지에도 적었지만 이제 큰 시스템은 개발이 끝났어

이제 그래픽 쪽을 만질려고 오랜만에 타이틀 화면 씬을 열었는데 진짜 그래픽은 1도 생각안하고 시작한 프로젝트라서 막막하더라

생각해둔게 없어서 캐릭터 그릴려해도 아이디어가 안떠오르고 일단 머리를 비우고 제일 싫은 UI부터 시작하기로 했어

플레이어를 생각하는 게임 UI 디자인 노하우 (hanbit.co.kr)

일단 머리도 비울겸 이 책을 대충 읽었어. 보니까 컨셉과 색상을 정해야 할 꺼 같더라고

컨셉은 현대, 학교, 여학생 이정도만 생각했고 색을 정해야 하는데 이게 또 벽이더라

Color Palette Ideas | ColorPalettes.net

그래서 구글 선생님 도움 받으니까 이런 사이트가 있더라 색 조합을 사진과 함께 추천해주는 사이트야

근데 이 색들을 내가 쓸 UI에 하나하나 적용해보면서 봤는데 맘에 드는게 없더라고

Create a Palette - Coolors

그래서 또 찾아본게 색 조합을 생성해주는 사이트였어.

생성만 해주는게 아니고 다른 사람들이 좋아요 많이 해준 색 조합도 확인 할 수 있어.

여기서 맘에드는 색조합을 찾아서 키 색으로 정했지 그리고 기본 색은 흰색, 글씨는 검정으로 했어. 

오 이제 다 왔다! 하고 위 색 전부를 한 화면에 마구 쑤셔넣었는데

책이랑 다르게 너무 정신없고 지저분하고 끔찍하더라 ㅋㅋㅋ

색마다 쓰는 곳을 정해야하고 겹치는 곳은 유사한 색을 찾아 쓰고 대비도 써야하고 머리아프더라

왜 아트 기획서가 필요한지 경험으로 깨달았어 ㅋㅋㅋ

무튼 한가지 색을 여러개로 나눠서 써야 통일감이 있다는거 같길래

ColorSpace - Color Palettes Generator and Color Gradient Tool (mycolor.space)

여기서 내가 고른 색을 넣고 생성기 돌려서 Shades 부분을 쓰기로 했어

여기까지가 내 일주일간의 여정이야 더 공부해야지.....

위에는 지금까지 만든 타이틀 화면이야

내가 아무래도 UI 생초보다 보니까 뭘 해도 맘에 안들더라고. 사실 지금도 맘에 안들어 ㅋㅋㅋ

조금이라도 그럴싸 해보일까 싶어 애니메이션도 넣고 파티클 이펙트도 넣고 있어
(애니메이션 더 쫀득하게 넣고 싶은데 커브가 너무 어렵다)

나중에 UI배치 다 정하면 그냥 사각형인 UI에 패턴을 넣어볼꺼야

근데 젤 중요한 로고랑 로고 배경이 없다 ㅋㅋㅋㅋ

긴 글 읽어줘서 고마워 색 공부도 나름 재밌어서 다음엔 이 책 읽어볼까해 ㅋㅋ

게임 UI 책도 너무 없고 내가 미적 센스도 부족한거 같아서 요즘 고민이 많지만 열심히 해볼게

모두들 파이팅이야!!

[MAYONEZU(organ2644)]

근데 닉넴 옆에 B는 뭐지.. 부끄럽게

[익명(shorten5221)]

실베끌려가서 그런거아님?

[MAYONEZU(organ2644)]

오우.. 나 여기만 봐서 진짜 몰랐는데 실베라는게 따로 있구나 ㅋㅋ 찾아봤는데 댓글 장난없더라!

[ㅆㅇㅆ(124.216)]

난 저런 미니멀리즘 한 디자인이 좋은데 저게 진짜 존나 어렵더라

[MAYONEZU(organ2644)]

사실 이번에 하면서 느낀건데 역시 재능일까 싶어 ㅋㅋ 난 보고도 못 따라하겠더라

[ㅇㅇ 1(128.134)]

UI는 할때마다 난 디자이너 재능이 존나 없구나를 깨달어 ㅅㅂ