Messaging
Last updated
Last updated
iMessage apps and Sticker packs are messaging extensions that let people share content with friends, communicate expressively, and share collaborative experiences.
iMessage 앱 및 스티커 팩은 사람들이 컨텐츠를 친구들과 공유하고, 표현이 풍부하게 의사소통하고, 협력적인 경험을 공유할 수 있도록 하는 메시징 확장입니다.
An iMessage app provides an interactive experience within the context of a Messages conversation. iMessage apps enable people to share data and media, collaborate on shared tasks, and play games with one another.
iMessage 앱은 메시지 대화 컨텍스트 내에서 대화형 경험을 제공합니다. iMessage 앱을 사용하면 데이터 및 미디어를 공유하고, 공유 작업을 협업하고, 게임을 서로 즐길 수 있습니다.
Design an intuitive interface. If your iMessage app provides static content, such as text, photos, or videos, make sure it’s easy for people to browse and select items for insertion into the conversation. If your app is interactive, such as a multiplayer game board or collaborative takeout order, make sure its functionality is useful and understandable.
직관적인 인터페이스를 디자인 하십시오. iMessage 앱이 텍스트, 사진 또는 비디오와 같은 정적 컨텐츠를 제공하는 경우 사용자가 대화 상자에 삽입할 항목을 쉽게 찾아 선택할 수 있는지 확인합니다. 앱이 멀티플레이어 게임 보드나 공동 실행 순서와 같은 대화형인 경우 앱의 기능이 유용하고 이해 가능한지 확인하십시오.
Provide focused content. For clarity and ease of use, each messaging extension should have a single focus. Don’t try to design one app that combines both stickers and ridesharing, for example.
집중된 컨텐츠를 제공하십시오. 명확하고 쉬운 사용을 위해 각 메시징 확장에는 단일 포커스가 있어야합니다. 예를 들어 스티커와 라이딩 공유 기능을 모두 갖춘 앱을 디자인하지 마십시오.
Provide a fun, collaborative experience. iMessage apps are typically used in the context of fast-paced, informal conversations between two or more people. Creatively leverage this environment to encourage back-and-forth participation through sharing, editing, or augmenting content. If all parties are using the app together, content updates occur in real time.
재미 있고 협업적인 경험을 제공하십시오. iMessage 앱은 일반적으로 두 명 이상의 사람들 사이에서 빠른 속도로 진행되는 비공식 대화희 컨텍스트에서 사용됩니다. 이 환경을 창의적으로 활용하여 콘텐츠 공유, 편집 또는 보강을 통해 앞뒤로 참여하도록 유도하십시오. 모든 당사자가 앱을 함께 사용하는 경우 콘텐츠 업데이트가 실시간으로 발생합니다.
Highlight interesting iOS app content. Extend the functionality of your iOS app by surfacing its content in the Messages space. Think about what kinds of information people might want to share and how they can interact with your app within the context of an active conversation.
재미있는 iOS 앱 콘텐츠를 강조하십시오. 메시지 공간에 콘텐츠를 표시하여 iOS 앱의 기능을 확장합니다. 사람들이 어떤 종류의 정보를 공유하기를 원하는지, 그리고 그들이 능동적인 대화의 맥락에서 여러분의 앱과 어떻게 상호작용 할 수 있는지를 생각해 보세요.
Inset content to avoid cropping. Your app's content is presented in message bubbles with rounded corners, so don't put essential information in the corners.
크롭 되지 않도록 컨텐츠를 설정하십시오. 앱의 콘텐츠는 둥근 모서리가 있는 메시지 거품으로 표시되므로 모서리에 필수 정보를 넣지 마십시오.
Differentiate compact and expanded views. Your app appears in a compact view below a conversation. This view should visually distinguish your app from other apps and provide access to frequently used features. People can also open your app in an expanded view to access advanced features or see more options at once. Note that horizontal scrolling isn’t permitted in the compact view.
컴팩트와 확장된 뷰를 구별 하십시오. 앱은 대화 아래에 컴팩트 뷰로 나타납니다. 이 뷰는 앱을 시각적으로 다른 앱과 구분하여 자주 사용하는 기능에 대한 액세스를 제공해야합니다. 사용자는 확장된 뷰에서 앱을 열어 고급 기능에 액세스하거나 더 많은 옵션을 한 번에 볼 수 있습니다. 컴팩트 뷰에서는 가로 스크롤이 허용되지 않습니다.
Allow text editing in the expanded view only. The compact view is roughly the same height as the keyboard. To ensure that users can see what they’re editing, allow text entry only in the expanded view.
Stickers offer a fun, engaging way for people to express themselves in a Messages conversation without typing or using emojis. A sticker is an image or an animation that can be sent or placed on messages, photos, and other stickers to add emphasis and communicate emotion.
스티커는 이모지를 입력하거나 사용하지 않고 사람들이 메시지 대화에서 자신을 표현할 수 있는 재미 있고 매력적인 방법을 제공합니다. 스티커는 메시지, 사진, 그리고 감정을 강조하고 전달하기 위해 다른 스티커에 보내거나 붙일 수 있는 이미지나 애니메이션입니다.
Design for expressiveness. People use stickers to visually convey moods and reactions. Strive to deliver stickers that connect with people at an emotional level. Consider incorporating imagery, words, and phrases to add new dimensions to conversations.
풍부한 표현을 위해 디자인 하십시오. 사람들은 기분과 반응을 시각적으로 전달하기 위해 스티커를 사용합니다. 감정적으로 사람들과 연결되는 스티커를 전달하려고 노력하세요. 대화에 새로운 차원을 추가하기 위해 이미지, 단어 및 구문을 통합하는 것을 고려해 보십시오.
Think globally. Messaging is a universal form of communication. Aim for stickers that have broad, international appeal.
전 세계적으로 생각하십시오. 메시징은 전 세계적인 의사 소통 방식입니다. 광범위하고 국제적인 매력을 지닌 스티커를 목표로하십시오.
Use descriptive image names or provide alternative text labels. Although they aren’t visible onscreen, image names and alternative text labels let VoiceOver audibly describe stickers, making navigation easier for people with visual impairments.
설명이 포함된 이미지 이름을 사용하거나 대체 텍스트 레이블을 제공하십시오. 화면에는 보이지 않지만 이미지 이름과 대체 텍스트 레이블을 사용하여 VoiceOver에서 스티커를 소리내어 들을 수 있으므로 시각 장애인이 쉽게 탐색 할 수 있습니다.
Add vitality through animation. Although stickers can be static images, animated stickers are a great way to impart energy in a conversation. Be sure to use a frame rate high enough to keep motion fluid.
애니메이션을 통해 활력 추가하십시오. 스티커는 정적 이미지 일 수 있지만 애니메이션 스티커는 대화에서 에너지를 전달하는 좋은 방법입니다. 유동적인 모션을 유지하기 위해 충분한 프레임 속도를 사용해야합니다.
Test placement possibilities. Users can scale, rotate, and place stickers over parts of a conversation. Make sure your stickers are legible against different colors and imagery, regardless of their position or size.
배치 가능성을 테스트 하십시오. 사용자는 대화의 일부분에 스티커의 배율을 조정하고 회전하며 스티커를 배치 할 수 있습니다. 위치나 크기에 관계없이 스티커가 다른 색상과 이미지에 대해 읽을 수 있는지 확인하십시오.
Consider using vibrant colors and transparency. Vivid colors add richness and excitement to a conversation. Transparency allows meaningful placement of stickers onto messages, photos and other stickers.
활력 있는 색상과 투명도 사용을 고려하십시오. 선명한 색상은 대화에 풍부함과 흥분을 더해 줍니다. 투명도는 메시지, 사진 및 기타 스티커에 의미있는 스티커 배치를 허용합니다.
Sticker Sizes
Messages supports three sticker sizes, which are displayed in a grid-based browser. Pick a size that works best for your content and prepare all of your stickers at that size.
메시지는 그리드 기반 브라우저에 표시되는 3 가지 스티커 크기를 지원합니다. 콘텐츠에 가장 적합한 크기를 고르고 그 크기로 모든 스티커를 준비하십시오.
Scale stickers appropriately. Although Messages scales larger stickers down if necessary, it’s best to provide prescaled stickers for optimal quality and performance.
스티커의 크기를 적절하게 조정하십시오. 필요한 경우 메시지가 더 큰 스티커의 크기를 줄이더라도, 최적의 품질과 성능을 위해 사전 설정된 스티커를 제공하는 것이 가장 좋습니다.
Be mindful of file size restrictions. For efficiency, each individual sticker may not exceed 500KB. Note that Xcode saves PNG animations using a 24-bit palette, which may lead to larger than expected file sizes.
파일 크기 제한에 유의하십시오. 효율성을 위해 각 개별 스티커는 500KB를 초과 할 수 없습니다. Xcode는 24 비트 팔레트를 사용하여 PNG 애니메이션을 저장하므로 예상보다 큰 파일 크기가 발생할 수 있습니다.
Sticker Formats
Messages supports stickers in the following file formats:
Like iOS apps, iMessage apps and sticker packs need recognizable app icons.
iOS 앱과 마찬가지로 iMessage 앱과 스티커 팩도 인식 가능한 앱 아이콘이 필요합니다.
Keep the background simple and provide a single focus point. Design an icon with a single, centered point that captures attention at a glance. Include a simple background that doesn’t overpower other icons.
배경을 간단하게 유지하고 단일 초점 지점을 제공하십시오. 주의를 한 눈에 사로잡는 단일 중심점으로 아이콘을 디자인하십시오. 다른 아이콘을 압도하지 않는 간단한 배경을 포함하십시오.
Keep icon corners square. The system applies a mask that rounds icon corners automatically.
아이콘 모서리를 사각형으로 유지하십시오. 시스템은 아이콘 모서리를 자동으로 반올림하는 마스크를 적용합니다.
Provide different sized icons. Your icon appears in the App Store, Messages, notifications, and Settings. To ensure that your icon looks great in any context and on any device, you can provide variations of your icon in the following sizes:
다른 크기의 아이콘을 제공하십시오. 아이콘은 App Store, 메시지, 알림 및 설정에 나타납니다. 모든 컨텍스트 및 장치에서 아이콘이 잘 보이게하려면 다음과 같은 크기의 아이콘 변형을 제공 할 수 있습니다.
For additional guidance on designing great app icons, much of which can be applied to iMessage app and sticker pack icons, see App Icon.
To download an iMessage app and sticker pack icon Photoshop template, see Resources.
For developer guidance, see The Messages Framework.
Messaging - Extensions - iOS - Human Interface Guidelines - Apple Developer
