Pogl
디자인·

스튜디오의 AI에 포글이라는 얼굴을 만들었습니다

스튜디오에서 함께 게임을 고치는 AI에 «포글»이라는 캐릭터를 붙였습니다. 단체 대화의 참가자처럼 이름과 얼굴로 말하고, 지금 하는 일을 표정으로 보여 줍니다. 여러 번 다시 그린 끝에 단색 도형 하나와 픽셀 눈으로 정했습니다.

먼저 훑어보고 정리했어요
  • 11월 6일 스튜디오를 대화 화면으로 바꿨지만, 답하는 AI에는 얼굴이 없었습니다. 누가 한 말인지, AI가 지금 일하는 중인지는 글을 읽어야 알 수 있었습니다.
  • 11월 7일부터 스튜디오 대화에는 포글이 있습니다. 포글은 단체 대화의 참가자처럼 이름과 얼굴로 말하고, 듣는 중 · 생각 중 · 작업 중 · 완료를 표정으로 보여 줍니다.
  • 포글은 단색 도형 하나와 픽셀 눈으로 되어 있습니다. 모양 다섯 가지와 색 여덟 가지 중에서 고를 수 있습니다.

11월 6일, 스튜디오를 AI와 대화하는 화면으로 바꿨습니다. 이번에는 그 대화에서 답하는 AI에 «포글»이라는 캐릭터를 붙였습니다. 얼굴이 왜 필요했는지, 어떤 기준으로 그렸는지 정리했습니다.

답하는 쪽에 얼굴이 없었습니다

스튜디오가 대화 화면이 된 뒤에도 AI의 답은 이름도 얼굴도 없는 회색 말풍선이었습니다. 게임을 고치는 동안에는 «고치는 중입니다» 한 줄이 떠 있었고, AI가 지금 무엇을 하고 있는지는 그 글을 읽어야 알 수 있었습니다.

여럿이 함께 고칠 때는 더 헷갈렸습니다. 경험 하나는 주인을 포함해 최대 5명의 공동 제작자가, 클랜 경험은 수정 권한이 있는 클랜원이 같은 대화에서 고칩니다. 그런데 말마다 누가 썼는지 표시가 없어서, 다른 클랜원의 말이 내 말처럼 오른쪽 파란 말풍선으로 보이는 경우도 있었습니다.

스튜디오 대화 화면의 이전 모습과 지금 모습 비교
같은 경험의 대화 화면. 이전에는 AI의 답에 이름과 얼굴이 없었습니다. 지금은 포글이 이름과 얼굴로 답합니다. 예시 경험으로 찍은 화면입니다.

개인 비서 AI 서비스의 캐릭터를 참고했습니다

개인 비서처럼 일하는 AI 서비스 중에는 AI에 캐릭터를 붙인 곳이 많습니다. 이런 캐릭터는 생김새가 단순하고, 지금 듣고 있는지 생각하고 있는지를 움직임으로 보여 줍니다. 사용자는 글을 읽지 않아도 AI가 무엇을 하고 있는지 알 수 있습니다.

저희도 같은 목적으로 캐릭터를 만들기로 했습니다. 이름은 서비스 이름을 그대로 써서 포글로 정했습니다.

1:1 비서가 아니라 단체 대화의 참가자로 두었습니다

참고한 서비스들은 사용자 한 명과 AI가 나누는 1:1 대화입니다. 그래서 대화방 맨 위에 AI의 얼굴을 크게 두고, 화면 전체를 AI와의 대화로 씁니다.

Pogl의 스튜디오는 다릅니다. 대화방 하나가 경험 하나이고, 그 방에서 주인과 공동 제작자, 클랜원이 함께 게임을 고칩니다. 포글은 그 방의 참가자 중 하나입니다. 그래서 메신저의 단체 대화와 같은 방식으로 정리했습니다.

  • 대화방 맨 위에는 AI의 얼굴 대신 경험의 표지와 이름을 둡니다.
  • 이어지는 말 묶음마다 첫 말 위에 이름을, 마지막 말풍선 옆에 얼굴을 하나 둡니다. 포글의 얼굴은 사람 프로필 사진과 같은 32px입니다.
  • 내 말만 오른쪽 파란 말풍선입니다. 다른 사람의 말은 포글의 말처럼 왼쪽에 이름, 프로필 사진과 함께 놓입니다.
  • 말풍선을 길게 눌러 반응을 달고 답장하는 방식은 메시지 · 그룹 · 클랜 대화와 같습니다.
개인 비서 AI · 1:1 대화Pogl 스튜디오 · 단체 대화AI맨 위에 AI 얼굴내 말AI의 답내 말AI의 답맨 위에 경험의 표지와 이름포글포글의 답maple다른 제작자의 말내 말포글사용자와 AI가 둘이서 말한다말 묶음마다 이름과 얼굴이 붙는다
참고한 서비스는 1:1 대화라 AI의 얼굴이 대화방 맨 위에 있습니다. 스튜디오는 여럿이 함께 쓰는 대화라, 포글도 다른 사람처럼 말 묶음마다 이름과 얼굴로 표시합니다.
포글이 게임을 고치는 중인 화면과 여러 제작자가 함께 대화하는 화면
왼쪽은 게임을 고치는 중인 화면으로, 가장 아래의 포글이 아래를 보며 작업합니다. 오른쪽은 다른 제작자와 함께 쓰는 대화입니다. 예시 경험으로 찍은 화면이며, 프로필 사진은 Pogl이 운영하는 계정의 것입니다.

지금 하는 일을 표정으로 보여 줍니다

포글의 표정은 스튜디오에서 지금 일어나는 일을 따라 바뀝니다. 입력칸에 글을 쓰거나 마이크로 말하는 동안에는 듣는 중, 질문의 답을 준비할 때는 생각 중, 게임을 만들거나 고칠 때는 작업 중입니다. 일이 끝나는 순간에는 완료나 실패를 한 번 보여 줍니다.

스튜디오에서 일어나는 일포글입력칸에 글을 쓰거나 마이크로 말한다듣는 중몸을 살짝 기울여 바라본다질문에 답을 준비한다생각 중오른쪽 눈이 «?»로 바뀐다게임을 만들거나 고친다작업 중가는 눈으로 아래를 좌우로 훑는다일이 끝난다완료 · 실패, 한 번웃는 눈으로 뛴다 · > < 뒤 눈이 처진다사람의 답을 기다린다질문 · 기획서 확인 · 크레딧가만히사람의 차례라는 뜻
스튜디오의 상태와 포글의 표정. 사람의 답을 기다리는 동안에는 움직이지 않습니다.

움직이는 포글은 대화에서 가장 최근의 하나뿐입니다. 지난 말 옆의 포글은 멈춰 있고, 질문의 답이나 기획서 확인처럼 사람의 차례를 기다릴 때도 가만히 있습니다. 기기에서 움직임 줄이기를 켜 두면 상태마다 정지된 한 장으로 보이고, 화면 밖으로 지나간 포글은 그리지 않습니다.

상태마다 포글이 움직이는 모습. 스튜디오와 같은 코드로 이 페이지에서 그렸습니다.

여러 번 다시 그렸습니다

지금 모양에 이르기까지 시안을 여러 번 만들고 버렸습니다. 다섯 번째 시안은 11월 7일 처음 배포한 모양이었지만, 다른 서비스의 캐릭터와 너무 비슷해서 그날 밤 지금의 모양으로 다시 바꿨습니다.

1로고에 눈을 그린 얼굴로고와 너무 같아 캐릭터로 보이지 않았다2말랑한 도형 · 되풀이되는 움직임같은 동작이 일정하게 반복되어 기계적으로 보였다3평면 블록빛과 모서리가 없어 밋밋했다43D 블록블록 전체가 뒤집히고 튀어서 대화 화면에서 산만했다5몸은 두고 눈만 움직이는 둥근 블록 · 처음 배포다른 서비스의 캐릭터와 너무 비슷했다6블록 조립 · 게임기 · 블록 귀 · 픽셀 눈 · 말풍선 몸Pogl다운 요소를 넣을수록 복잡해지고 덜 귀여웠다7단색 도형 하나 · 픽셀 눈지금의 포글. 6번 시안 중 픽셀 눈만 남겼다
포글 시안의 기록. 모두 11월 7일 하루 동안 만들고 고른 것입니다.

시안을 거치며 두 가지 기준을 정했습니다. 첫째, 몸의 윤곽은 가만히 두고 눈과 작은 움직임으로 표현합니다. 몸 전체를 뒤집거나 튀게 하면 작은 대화 화면에서 산만했습니다. 둘째, 서비스의 의미를 캐릭터에 담으려 하지 않습니다. 블록이나 게임기처럼 Pogl을 떠올리게 하는 요소를 넣을수록 캐릭터가 복잡해졌고, 흔한 도형 하나가 가장 잘 읽혔습니다.

단색 도형 하나와 픽셀 눈

  • 몸은 단색 도형 하나입니다. 생각 중이든 완료든 상태가 바뀌어도 모양은 바뀌지 않고, 눈과 몸의 눌림 · 늘어남 · 작은 점프로만 표현합니다.
  • 눈은 굵은 픽셀로 그립니다. 픽셀은 켜지거나 꺼지기만 하고, 바깥 모서리만 둥글게 다듬어 둥근 몸에서도 눈이 따로 놀지 않게 했습니다.
  • 대화 속 작은 크기에서도 같은 눈을 씁니다. 크기마다 다른 그림을 따로 두지 않았습니다.
  • 몸의 하이라이트, 눈의 반짝이는 점, 바닥 그림자는 넣지 않았습니다. 넣어 본 시안도 있었지만, 없는 쪽이 더 깔끔했습니다.
모양 · 색 · 상태를 눌러 보세요. 스튜디오의 «포글 꾸미기»와 같은 코드입니다.

내 포글을 고를 수 있습니다

모양은 동그라미 · 네모 · 주먹밥 · 별 · 물방울 다섯 가지, 색은 파랑 · 흰색 · 검정 · 초록 · 노랑 · 주황 · 빨강 · 보라 여덟 가지입니다. 처음에는 파란 네모입니다. 대화 속 포글의 얼굴을 누르거나 설정 › 화면 › 포글 꾸미기에서 바꾸면 계정에 저장됩니다. 꾸미기 창에서는 포글이 상태를 차례로 바꾸며 움직여, 고른 모양과 색이 상태마다 어떻게 보이는지 확인할 수 있습니다.

포글에게 반응으로 답할 수 있습니다

포글의 말풍선에도 사람의 말처럼 이모지 반응을 달 수 있고, 포글은 그 반응의 뜻을 읽습니다. «공개할까요?»에 👍를 달면 공개하고, «이어서 할까요?»에 👍를 달면 이어서 진행합니다. 단순히 좋다는 뜻이면 아무것도 하지 않습니다. 크레딧이 드는 수정과 되돌리기는 반응만으로 시작하지 않습니다.

포글도 상황에 맞으면 내 말에 반응을 답니다. 어떤 이모지를 달지는 정해 둔 규칙 없이 포글이 대화를 보고 정합니다. 게임이 다 만들어졌을 때 오는 알림도 포글이 보낸 메시지 모양으로, 포글의 얼굴과 함께 옵니다.

다른 글