마인드풀 디자인: 이모티콘 디자인에 대해 알고 싶었지만 몰랐던 모든 것

제품을 디자인할 때는 자신을 위해 디자인하는 것이 아니라는 점을 기억해야 합니다: 사용자를 위해 디자인하는 것입니다. 제품 디자인은 희생적인 형태의 예술입니다. 개인적인 의견, 자존심, 크리에이티브 라이선스는 사용성과 기능에 우선순위를 두어야 합니다.

이모티콘은 많은 사람들이 사용하지만, 이모티콘에 대해 생각하는 사람은 거의 없는 제품 중 하나입니다. 이모티콘 디자인에는 생각보다 훨씬 더 많은 것이 담겨 있습니다. 이모티콘은 단순히 재미있는 작은 그림이 아니라 텍스트에 감정적 가치를 더하고, 의도를 명확히 하고, 단어를 대체하고, 텍스트 기반 커뮤니케이션에 비언어적 활기를 불어넣는 데 사용되는 언어 보조 수단입니다. 일반적으로 디자인은 이미 충분히 복잡하지만, 커뮤니케이션의 한 형태로 사용될 제품을 개발할 때는 그 복잡성이 훨씬 더 높아집니다.

이모티콘 공급업체 디자인

저는 표정의 과학과 예술을 전문으로 합니다. 대형 기술 기업의 이모티콘 표현력 관련 컨설턴트로 활동해 왔습니다. (가장 최근에는 저는 Facebook의 새로운 케어 리액션의 디자인과 애니메이션 제작을 돕기로 계약했습니다.)

이모티콘 표현 디자인에 대한 자문을 하면서 널리 사용되는 제품의 디자인에 고려해야 할 사항에 대해 많은 것을 배웠습니다. 다음과 같은 사항을 고려해야 합니다:

가독성
- 이모티콘은 크기가 매우 작기 때문에 가독성을 유지하기 위해 각 디자인을 단순하고 명확하게 만들어야 합니다.
일관성
- 이모티콘 세트에서 각 디자인은 다음 디자인과 일관성이 있어야 합니다. 즉, 눈, 눈썹, 입과 같은 얼굴 특징의 모양은 제한적이고 상호 교환이 가능해야 합니다. 선 굵기 및 색상 팔레트와 같은 다른 요소도 고려해야 합니다.
브랜드 응집력
- 디자인 내 일관성 외에도 전체 이모티콘 세트의 디자인은 공급업체의 전체 브랜딩과 일치해야 합니다(예: Apple의 브랜드는 단순하고 깔끔하므로 이모티콘 디자인도 이에 따라야 합니다).
커뮤니케이션
- 이모티콘이 사용자에게 의도한 의미를 전달하나요?
그리고 약 10,000가지의 다른 스트레스 요인

이 모든 고려 사항에 더해, 생각을 전달하고 복잡한 인간의 감정을 눈은 점으로, 입은 선으로 2D 원에 표현하는 데 사용되는 무언가를 만들어야 한다는 압박감이 더해졌다고 상상해 보세요!

이제 생각해 보셔야 합니다:

양식화 대 사실주의
- 이모티콘은 사람의 표정을 모방하기 위해 만들어졌기 때문에 각 이모티콘은 실제의 것을 양식화하여 표현한 것입니다. 양식화된 디자인을 통해 현실을 표현하는 것은 쉬운 일이 아닙니다.
번역의 단순성
- 복잡한 사람 얼굴의 표정을 단순한 도형 디자인으로 변환하려면 창의력과 전략이 필요합니다. 이 과정에서 직면하게 되는 많은 장애물이 있습니다. 예를 들어, 혐오감은 일반적으로 주름진 코나 올라간 윗입술로 표현됩니다. 이모티콘에는 코가 없고, 입술이 너무 단순해서 윗입술이 올라간 미묘한 감정을 전달하기 어렵습니다. 현재 표정만으로 혐오감을 표현하는 이모티콘은 없으며, 대신 "구토"와 같은 소품을 추가하여 표현하는 경우가 많습니다.
표현력
- 복잡한 표현을 단순한 디자인으로 변환한 다음에는 표현력을 유지하기 위해 모양을 강화해야 합니다.

이모티콘은 어떻게 만들어지나요? 내부자의 특종

이모티콘은 공식 이모티콘이 되려면 (누구나 제출할 수 있는) 각 디자인이 먼저 다음과 같은 조건을 충족해야 한다는 사실 때문에 더욱 복잡해집니다. U의 승인을 받았습니다.니코드 이모티콘 분과위원회. 유니코드는 "전 세계 대부분의 문자 체계에서 표현되는 텍스트의 일관된 인코딩, 표현 및 처리를 위한 정보 기술 표준입니다." 일반적인 표현과 핵심 용어( "CLDR 짧은 이름")는 표준화되어 있지만, 구체적인 디자인 요건은 매우 느슨하고 규제가 없습니다. 이모티콘이 승인되고 고유 코드가 할당되면 Apple, Facebook, Google, 삼성, 트위터와 같은 개별 이모티콘 공급업체는 각 이모티콘 표현에 대한 자체 양식화된 버전을 만듭니다.

각 이모티콘에 대한 여러 공급업체 디자인의 주요 문제는 크로스 플랫폼 커뮤니케이션 중에 발생합니다. iPhone 사용자가 삼성 사용자에게 메시지를 보내면 삼성 사용자는 삼성 이모티콘 디자인만 볼 수 있고, 그 반대의 경우도 마찬가지입니다. 삼성이 디자인을 업데이트하기 전에는 삼성의 이모티콘 디자인 선택이 다른 공급업체의 디자인과 호환되지 않았습니다. 이러한 일관성 없는 디자인으로 인해 많은 사용자들이 혼란을 겪었습니다.

과거에는 이것이 삼성의 '찡그린 얼굴'이었습니다:

이것이 현재 삼성의 '찡그린 얼굴' 디자인입니다:

현재 삼성 그리미

그리고 이것이 모든 사람의 디자인이 포함된 현재 목록입니다:

아이폰 사용자가 삼성 친구에게 장난스럽게 "찡그린 얼굴"을 보낼 때 오해를 불러일으킬 수 있는 무한한 가능성을 생각해 보세요. 삼성 버전은 미간을 찌푸리고, 눈을 가늘게 뜨고, 입을 공격적으로 다물고 있기 때문에 찡그린 표정은 적대적이고 화난 것처럼 보입니다. 반면에 Apple 버전은 공포에 질린 듯한 입 모양과 편안하게 뜬 눈으로 중립적인 "어이쿠" 또는 "아이쿠" 감정을 전달합니다. 이러한 영향력 있는 디자인 변형이 존재해서는 안 됩니다. 각 스마일에 대한 디자인 사양이 있어야 합니다. 사용자가 공급업체의 예술적 변덕에 휘둘려서는 안 됩니다. 공급업체는 신중하게 디자인하고 다른 공급업체가 하는 일에 주의를 기울여야 할 책임이 있습니다.

소위원회의 비하인드 스토리

잠시 동안 저는 유니코드 이모티콘 분과위원회(ESC)의 위원으로 활동하며 다른 FB 이모티콘 팀원들과 함께 Facebook을 대표했습니다. ESC에서 일하는 동안 저는 그들의 비하인드 스토리에 대해 조금 알게 되었습니다:

이모티콘에 CLDR 짧은 이름이 지정되면 되돌릴 수 없습니다. 언어의 트렌드와 진화로 인해 시간이 지나면서 이모티콘의 의미가 변하더라도 원래의 CLDR 짧은 이름은 그대로 유지됩니다. 이모티콘은 언어의 일부로 작용하기 때문에 언어와 함께 진화할 수밖에 없습니다.
공급업체의 사내 디자인 스타일에 대해 공급업체들 사이에서 상당한 저항이 있습니다. Apple은 가장 덜 협력적이고 가장 비밀스러운 기업입니다. 반면 Google과 Facebook은 협업적이고 참여적이며 소통이 활발합니다. 지난 몇 년 동안 Google은 다른 공급업체와 더 잘 소통하기 위해 이모티콘을 강화했습니다.
Apple은 가장 비협조적일 뿐만 아니라 이모티콘 디자인에 있어 가장 큰 트렌드 세터이기도 합니다. Apple은 스타일 면에서 독보적이며, 많은 이모티콘의 디자인 방식(특히 초기 이모티콘 세트)에 큰 영향을 미쳤습니다.
- 참고: 저는 여전히 Apple의 디자인 품질을 좋아합니다. 어떤 면에서는 그들이 스타일을 지배하는 것이 좋지만 협업 기술을 개선할 여지가 분명히 있습니다.
유니코드 컨소시엄 내에는 연령, 성별, 피부색에 대한 잘못된 표현이 상당히 많이 존재합니다. 멤버십은 매우 개방적이기 때문에 이러한 잘못된 표현이 반드시 유니코드의 잘못은 아닙니다.. 이모티콘 공급업체 여러분: ESC와 같이 전 세계에 영향을 미치는 결정을 내리는 위원회에 다양한 인구가 참여할 수 있도록 장려하여 다양한 대표성을 확보할 수 있도록 지원해 주세요.

CLDR 네이밍의 고충과 언어의 진화

몇 가지 일반적인 이모티콘의 CLDR 약칭을 알고 있다면 아마 놀랄 것입니다. 앞서 언급했듯이 이모티콘은 언어와 마찬가지로 진화하기 때문에 일반 사용자들이 새로운(또는 오래된) 이모티콘을 어떻게 해석하고 사용할지 예측할 수 있는 방법이 없습니다. 때로는 새로운 이모티콘을 원래 의도한 대로 사용할 때도 있지만, 그렇지 않을 때도 있습니다. 그것은 도박입니다.

이모티콘의 해석과 의미는 유동적이기 때문에 CLDR 짧은 이름은 정해진 반면, CLDR 짧은 이름은 종종 구식이 되는 경우가 있습니다.

오래되었거나 부정확한 CLDR 이름을 가진 몇 가지 주목할 만한 이모티콘은 다음과 같습니다:

"뾰루퉁한 얼굴"
"손을 내미는 사람"

뾰루퉁한 얼굴

빨간색의 화난 표정 이모티콘은 '화난 얼굴'이 아닌 '삐친 얼굴'이라고 합니다." Apple의 독창적인 디자인 '삐친 얼굴'은 빨간색이었으며, Apple은 트렌드를 선도하는 기업이기 때문에 '화난 얼굴'보다 '삐친 얼굴'은 과거에도 그랬고 앞으로도 계속 빨간색일 가능성이 높습니다.

"뾰루퉁한 얼굴"의 CLDR 이름은 본질적으로 의미가 없지만, CLDR 이름이 결코 차단이 되는 것은 아닙니다. 다행히도 디바이스에서 이모티콘을 트리거하는 단어는 CLDR의 짧은 이름과 관련이 없습니다. iPhone에서 문자를 보낼 때 "화가 났다"라고 입력하면 "삐친 얼굴"이 표시됩니다. 아이러니하게도 '삐죽', '삐딱한' 또는 '삐친 얼굴'을 입력하면 붉은 얼굴 이모티콘이 추천 옵션으로 나타나지 않습니다.

팁을 주는 사람

CDLR의 짧은 이름을 가진 또 다른 이모티콘은 -입니다. "손을 내미는 사람." "손짓하는 사람"은 존재해 온 동안 태도, 풍자, 능청스러움을 전달하는 데 사용되어 왔습니다. "건방진"은 이 이모티콘의 iPhone 트리거 단어입니다. 하지만 원래는 서비스 업계에 종사하는 사람을 표현하기 위해 만들어졌습니다.

이제 마음 챙김 부분으로 넘어가겠습니다.

이모티콘은 시간이 지남에 따라 변화할 뿐만 아니라 문화와 커뮤니티에 따라 다양하고 미묘한 의미를 담고 있습니다. 보편적인 이모티콘 디자인은 없으며, 각 이모티콘 공급업체가 이모티콘 세트를 만들 때 각자의 예술적 자유를 취하기 때문에 플랫폼 간 커뮤니케이션 시 항상 혼동의 여지가 있습니다. 실제 얼굴처럼 입꼬리를 꼬집거나 눈이 부풀어 오른 것처럼 보이게 하면 이모티콘이 새로운 표현으로 빠르게 변형되어 메시지가 달라질 수 있습니다. 모든 픽셀이 중요합니다.

이모티콘의 의도나 미묘한 변형은 통제할 수 없습니다, 디자인 일관성을 장려할 수 있습니다..

의도에 대한 오해와 잘못된 표현을 최소화하기 위해 모든 벤더는 디자인에 사용하는 사소한 세부 사항의 영향을 고려해야 할 동등한 책임이 있습니다.

마무리 참고 사항 및 권장 사항

모든 공급업체에 권장됩니다:

'입 위에 손을 얹은 얼굴'에는 방향이 필요합니다. Apple과 Facebook의 이 이모티콘 디자인은 눈을 뜨고 있는 반면, 다른 모든 이모티콘의 디자인은 웃고 있는 눈을 특징으로 합니다. 웃는 눈은 이 이모티콘이 해석되는 방식에 큰 영향을 미칩니다. 웃는 눈을 가진 '손으로 입을 가린 얼굴'은 마치 킥킥거리면서 입을 가리고 있는 것처럼 웃는 것처럼 보입니다. 반면에 눈을 크게 뜨고 있는 Apple 및 Facebook 디자인은 충격을 받은 것처럼 보입니다.

이 디자인에서 눈이 어떻게 보여야 하는지에 대한 정답은 없지만 일관성이 있어야 합니다. Apple과 Facebook이 눈을 조정하거나 다른 벤더가 이 표현을 위해 Apple과 Facebook의 디자인을 채택해야 합니다.

Windows용 권장 사항:

"웃는 얼굴"에 대한 모든 공급업체의 디자인은 Windows 디자인을 제외하고는 일관성이 있습니다. Windows는 이빨을 드러내고 웃는 얼굴로 이 디자인을 다시 만들어야 합니다.

Windows, '웃는 얼굴'의 입을 '큰 눈을 가진 웃는 얼굴'에서 입 모양에 맞게 변경하기만 하면 다른 모든 사람과 동기화할 수 있습니다.

유니코드에 대한 권장 사항:

페이스북의 '삐친 얼굴'이 노란색으로 표시되지만 유니코드 이모티콘 목록, 페이스북의 '삐친 얼굴'은 실제로 붉은 얼굴 표준을 준수합니다. 이렇게 하면 알 수 있습니다:

유니코드를 사용하려면 차트를 업데이트해야 합니다.

이모티콘 공급업체 및 전 세계 사용자를 위한 더 많은 권장 사항을 확인하세요:

앞서 설명했듯이 이모티콘 분과위원회에는 다양성이 부족합니다. 다양한 계층의 직원들이 참여하도록 장려하는 것은 각 벤더의 책임입니다. 또한, 기술 전문가 및 학생은 연간 $75 및 $35에 가입할 수 있습니다. (각각). 이를 확인하고 어떻게 참여할 수 있는지 알아보세요.

추가 학습을 위한 참고 사항 및 리소스

얼굴에 집중하세요:

앞서 언급했듯이 저는 얼굴 표정의 예술과 과학을 전문으로 합니다. 그렇기 때문에 이번 포스팅에서는 스마일 이모티콘 디자인에 초점을 맞추기로 했습니다. 비표정 기반(예: 개체, 기호 등) 이모티콘을 디자인하는 데에는 다른 많은 어려움이 있습니다.

외치세요:

다음은 이모티콘의 언어학에 대해 자세히 알아볼 수 있도록 영감을 준 몇 가지 자료입니다:

토크 토크 RTR FM에서
토크 토크 는 호주 언어 토크쇼입니다. 그들의 강연을 들어보시길 추천합니다. 이모티콘의 진화에 대해.
이모티콘 코드: 웃는 얼굴과 무서운 고양이 뒤에 숨은 언어학
이모티콘 코드 는 이모티콘의 언어학에 관한 책입니다. 이모티콘 사용의 역사, 심리학, 사회학, 인류학을 다루고 있습니다. T알크 더 토크 에서 이 책을 소개했습니다. 다른 이모티콘 에피소드를 확인해보세요.

더 많은 정보 출처

https://emojitracker.com
- 이모티콘 트래커는 현재 트위터에서 어떤 이모티콘이 어떻게 사용되고 있는지 실시간 피드를 보여줍니다.
https://emojipedia.org/
- 이모티피디아는 각 이모티콘에 대해 검색하고 배울 수 있는 이모티콘 검색 엔진입니다.

"이모티콘"이라는 단어의 문법

"이모티콘"이라는 단어의 대문자화를 고민하며 한참을 슬퍼했습니다. 제가 읽었을 때 이모티콘 코드의 저자 Vyvyan Evans는 언제 대문자로 표기해야 하는지에 대해 설명했습니다. Evans에 따르면 이모티콘을 시스템으로 지칭할 때는 "e"를 대문자로 써야 하지만, 제가 즐겨 사용하는 Buzzfeed 스타일 가이드를 비롯한 다른 출처에서는 "e"를 대문자로 쓰지 않는다고 합니다. 제 글에서 일관성 없는 대문자를 발견했다면 이제 그 이유를 알 수 있습니다.

이모티콘 대문자화에 대한 정보 탐구는 복수의 이모티콘에 대한 또 다른 토끼굴로 저를 이끌었습니다. 일부 출처에서는 "이모티콘"의 복수형을 "이모지"라고 말하지만, 저는 결국 "이모지"를 "이모지"로 복수화하는 버즈피드 스타일 가이드 버전의 이모티콘 복수형 표기법을 사용하기로 했습니다.

마인드풀 디자인: 이모티콘 디자인에 대해 알고 싶었지만 알고 싶지 않았던 모든 것

이모티콘 공급업체 디자인

이모티콘은 어떻게 만들어지나요? 내부자의 특종

소위원회의 비하인드 스토리