[📜일지] #3 퍼프렌즈 UI작업

[waydii(sarubia1421)]

안녕, 오랜만이야

맨날 쓴다고 마음은 먹지만 양질의 글을 남기고 싶어서 미루고 미뤄서 한달이 조금 넘었네

한달동안 한 일을 크게 나눠보면 4가지인거같아

(1)디테일기획, (2)리소스제작, (3)코딩및에디터작업 그리고 (4)UI작업

전부 나열하기에는 글이 너무 지저분해질것같아서 힘들었던 UI 작업 과정을 적어볼게

우선 작업방식은 프로크리에이트로 레이어 쌓아가면서 작업했고 유니티에디터랑 왔다갔다하면서 느낌을 봤어

 

1. 맨 처음 오직 기능 용도로 넣어둔 텍스트 및 이미지

테스트 용도로 넣어 둔 거라 스타일도 없고 단순 그 자체 

하지만 일주일 동안 이것보다 더 나은 UI를 뽑지 못했다는 슬픈이야기..

  

2.일주일 파기파기파기해서 나온 결과물

내가 상상하는건 깔끔하고 + 귀염귀염하고 + 느낌있는 UI인데 세 마리 토끼 다 놓친 느낌

이때까지는 UI가 게임오브젝트들이랑 확연하게 구분되어야 한다고 생각해서 테두리를 포기를 못하겠더라

하지만 게임에 어울리지 않는 느낌이 확연해 

3. 테두리 1차 포기

안쪽에 검은색 테두리를 포기했더니 훨씬 깔끔해진듯해

하지만 게임 플레이 시 자연스럽지 않아서 불만족스러웠어

4. 테두리 2차 포기

하얀색 테두리에 알파값을 줘서 배경에 이질감이 없도록 했는데

... 아이콘이 디자인이 별론가? 갈피가 안잡힘 오히려 이전이 더 느낌이 좋았어

  

5. 아이콘 스타일을 바꿔봄

전에 아이콘들이 좀 구린거같아서 일관된 스타일로 다시 만들어봤는데

역시나 게임이랑 안어울려

  

6. 그래서 테두리를 없애고 대신 그림자를 만듬

테두리를 없애니까 자연스러워진 느낌이야

이게 지금 사용하고 있는 UI스타일인데 진행하다가 맘에 안드는 부분은 또 바뀔지도 몰라..

여기서는 6개의 과정만 보여줬지만 사실 생략된 부분들이 엄청 많아

전문 아트도 아니고 센스도 없다 보니까 시행착오가 너무 많았어

사람마다 UI에 대한 생각은 다 다르겠지만, 개인적으로는 UI가 정말정말정말 중요하다고 생각해

마지막으로 게임에 사용되는 리소스 맛보기

[털친구들]

1. 초코 / 2. 까망이 / 3. 몽실이

털 친구들이 초대될 룸들

만들어놓은게 좀 있어서 다음일지는 빠른시일이내로 쓸 수 있을거 같아

그럼 다들 개발화이팅:)

[잠둥이(fcrow)]

[고도희(godohee)]

10번짤 강아지 왜케 깨방정임 ㅋㅋ

[자블(indipia)]

커엽추!

[태보미(taebomi)]

[불타는키보드(1bnmaker)]

[ㅐㅐㅋㄷ(ooze86)]

알잘딱깔센

[익명(219.250)]

캬 아트 느낌있다

[익명(114.207)]

다마고치느낌으 게임인가요? 커엽!

[에뚜(ssss4610)]