앱 스타일로 만드는 빈 상태와 오류 상태 화면

결과물 예시

서비스 소개

빈 상태와 오류 상태는 보여 줄 것이 없거나 문제가 생겼을 때 사람들이 보는 화면입니다. 처음 사용할 때의 빈 장바구니, 검색 결과 없음, 연결 없음, 서버 오류 같은 경우죠. 좋은 화면은 작은 그림과 무슨 일이 있었는지 알려 주는 짧은 한 줄, 그리고 '다시 시도'나 '상품 둘러보기'처럼 도움이 되는 버튼을 함께 둡니다. 앱의 스크린샷을 올려 주시면, 그 색상, 글꼴, 그림 스타일로 요청 사항의 메시지와 버튼 문구를 담아 이런 상태 화면 세트를 그려 메인 화면만큼 완성도 있게 보이게 합니다. 약 1.5메가픽셀 PNG 목업을 받으시며, 각각 보내 주신 스크린샷 중 한 장으로 만들고, 올리신 파일의 비율과 상관없이 항상 세로형 2:3, 약 1024 x 1536픽셀이라 가로형 스크린샷도 휴대폰 화면이 됩니다. 앱 코드, 애니메이션, Figma, Sketch, XD 파일이 아닌 정지 이미지입니다.

포함 사항

• 제공 내용처음 사용할 때의 빈 화면, 검색 결과 없음, 연결 없음처럼 세로형 PNG 상태 화면 1개, 3개 또는 5개를 받으십니다. 패키지보다 적은 수의 스크린샷을 보내시면 남는 화면은 같은 파일로 만듭니다.
• 처음 사용할 때의 빈 화면도움이 되는 다음 단계가 있는 빈 장바구니, 받은편지함, 목록
• 결과 없음찾은 것이 없는 검색과 다시 시도하는 방법
• 연결 오류와 서버 오류'다시 시도' 버튼이 있는 차분한 메시지
• 어울리는 그림상태마다 앱 색상으로 그린 작은 장면 하나
• 통일된 세트분명히 한 세트로 보이는 여러 상태 화면

진행 방식

1. 1
   상태와 스크린샷앱을 올리고 상태와 메시지를 적어 주세요
2. 2
   상태 화면고객 스타일로 상태마다 그림과 버튼을 그립니다
3. 3
   확인과 수정문구를 확인하고 패키지 범위 안에서 수정을 요청하세요

준비해 주실 내용

한 장에 화면 하나씩 담은 앱의 선명한 PNG, JPEG 또는 WebP 스크린샷 최대 5장(PDF 불가), 사용 권한이 있는 파일만 보내 주세요. 상태마다 짧은 헤드라인, 한 줄, 버튼 문구를 알려 주시고 그림 아이디어를 몇 단어로 설명해 주세요. 라틴 문자 언어가 가장 깔끔하게 나오며, 철자는 고객이 확인합니다.

다음 내용을 여쭤봅니다:

• 어떤 상태 화면이 필요하신가요?
• 메시지마다 어떤 내용을 담을까요?
• 화면마다 어떤 버튼이 도움이 될까요?
• 앱에 어울리는 그림 아이디어는 무엇인가요?

패키지 비교

질문과 답변

답을 찾지 못하셨나요? 질문하기