회원가입을 하면 원하는 문장을
저장할 수 있어요!
다음
기획 : 서비스 혹은 브랜딩 표현 방식 디자인 : 전반적인 디자인, 맥락을 고려하는 방식 개발 : 애니메이션 등의 효과를 네트워크 환경 등을 고려해 자연스럽게 구현할 수 있는 방식
회원가입을 하면 원하는 문장을
저장할 수 있어요!
다음
(에디터 D)
모바일 앱 시작을 담당하는 스플래시 화면. 그 짧은 시간을 우리는 왜 주목해야 할까요? 앱 실행 시 사용자에게 반복적인 의미 부여가 가능한 점이 첫번째 이유입니다. 실제로 많은 서비스들이 첫 인상 구축과 브랜딩을 위해 사용하고 있죠. 게임 서비스는 징글을 활용하기도 합니다. "ㅋㅋ넷마블"을 한 번쯤 들어보셨을거라 생각합니다.
기획 : 서비스 혹은 브랜딩 표현 방식
디자인 : 전반적인 디자인, 맥락을 고려하는 방식
개발 : 애니메이션 등의 효과를 네트워크 환경 등을 고려해 자연스럽게 구현할 수 있는 방식
이들은 모두 서비스 관련 문구를 활용하고 있습니다.'문구와 잘 어울리는 배경 이미지'를 활용하고 있다는 점도 같죠. 문구를 활용할 경우, 앱 실행 시 주요 특징을 쉽게 설명할 수 있으며, 상황에 따라 변경 가능해 주목도를 높일 수 있습니다. 여행 서비스라면 시즌별 적용이 가능하며, 커머스라면 이벤트와 상황에 맞춰 적용이 가능한 식으로 말이죠.
- 야놀자는 기존 숙소, 레저 외 기차표를 예매할 수 있다는 기능적 장점을 이미지와 문구로 반영
- 마이 리얼 트립은 시즌에 맞는 이미지와 문구를 반영
- 데일리 호텔은 여행 보다 '머무는 공간' 그 자체에 대한 문구를 반영
- 오늘의 집은 서비스 성격이 잘 드러나는 '예쁜 집'이라는 키워드를 반영
- 지니는 여러 개의 스플래시를 교차 반영하고 있으며, 지니에게 물어보거나 말할 수 있는 내용을 반영
- 요기요는 '배달'을 맛집 여행이라고 표현, 반영
눈에 띄는, 서비스를 대표하는 이미지를 활용하는 것도 좋지만 용량 등을 잘 관리하지 않으면 로딩 속도가 되려 느려질 수 있습니다. 특히 글로벌 서비스의 경우 국가 별 네트워크 환경 다르다는 점도 함께 고려 되어야 합니다. 이 경우 서비스의 '로고'와 함께 주요 컬러를 배경으로 사용, 자연스럽게 앱 화면으로 접근할 수 있는 방법을 활용할 수 있습니다.
이미지 원본 출처 : Minh Pham
야놀자와 데일리호텔의 경우, 스토어 등록 정보 중 스크린샷 내 첫 번째 이미지를 스플래시 이미지로 활용하고 있습니다. 반복적 활용을 통해 서비스에 대해 더 명확하게 인지 하게 만들 수 있다는 장점이 있습니다.
결국 좋은 스플래시 화면은,
✓ 서비스 성격에 맞는 이미지와 문구를 활용한다
✓ 서비스 로고와, 성격에 맞는 배경색을 활용한다
✓ 서비스를 잘 드러낼 수 있는 애니메이션과 동영상을 활용한다
✓ 서비스 성격에 맞는 시간 설정이 필요하지만, 3초 이내로 가는 것이 좋다. 길어질 경우 명확하게 알려 준다.
✓ 서비스 사용자 디바이스와 OS를 고려, 해상도에 맞는 설계를 해야 한다
✓ 스토어 등록 정보 내, 스크린샷과 함께 고려해야 한다.
1. Mobbin Design
다양한 종류의 iOS용 앱 화면을 큐레이션 해주는 곳입니다. 서비스 성격은 물론, 화면 성격에 따라서도 확인이 가능하며 회원가입 후 마음에 드는 화면을 따로 저장해 관리할 수 있어 유용합니다.
2. Shots
1번과 마찬가지로 화면 성격에 따른 사례를 확인해볼 수 있습니다. 매력적인 건, 화면을 구성하는 컬러, 요소들의 크기와 위치 정보를 함께 볼 수 있다는 점!
3. Behance
다양한 디자이너들의 포트폴리오와 사례를 살펴볼 수 있고, 특히 컨셉 디자인 측면에서의 재치있는 스플래시 화면들을 찾아볼 수 있습니다.