시작 화면

Applies to Windows and Windows Phone

Skype, 지도 및 OpenTable 시작 화면

 

시작 화면은 Windows 스토어 앱을 시작한 후 사용자에게 표시되는 첫 번째 화면입니다. 사용자에게 앱의 개성을 소개하는 일시적인 몰입형 브랜딩 요소입니다. 시작 화면은 리소스를 초기화하는 동안에도 앱이 시작되고 있다는 즉각적인 피드백을 사용자에게 제공합니다. 앱을 조작할 수 있게 되면 Windows에서 시작 화면이 사라집니다. 사용자 참여를 유도하도록 디자인된 매끄럽고 세련된 로드 환경을 제공합니다.

Windows의 시작 화면

시작 화면은 이미지와 배경색으로 구성됩니다. 앱이 로드되는 동안 사용자에게 앱 미리 보기를 제공합니다. 명확하게 앱을 식별하는 이미지 및 색 구성표를 사용하고 다양한 폼 팩터에서 제대로 작동하도록 시작 화면을 디자인하세요. 시작 화면이 표시될 때는 다양한 화면 크기에 맞게 배경의 크기만 변경됩니다. 투명한 .png와 단색 배경을 사용하여 환경을 단순하게 유지하거나 풍부한 사진과 애니메이션을 사용하여 보다 개인화된 환경을 만들 수 있습니다.

 

Windows 스토어 시작 화면

 

Windows 스토어는 시작 화면의 디자인에 대해 미니멀리스트 방식을 사용합니다. 앱의 시작 화면에도 동일한 작업을 해야 한다는 것은 아닙니다. 사용자 참여를 유도하고 앱 탐색을 계속하도록 하는 강력한 첫 인상을 주는 방법을 고려해 보세요.

시작 화면의 혁신

시작 화면은 단순히 배경색과 아이콘이 아닌 훨씬 큰 의미를 가질 수 있습니다. 배경과 아이콘을 사용자 지정하여 앱을 차별화하고 사용자에게 좋은 첫 인상을 줄 수 있습니다. 시작 화면은 앱의 콘텐츠 미리 보기이며 앱의 개성과 직접적인 관련이 있어야 합니다. 이 브랜딩 순간을 현명하게 사용하여 사용자 참여와 앱 환경 탐색을 유도하세요.

예제

Phototastic

단순하고 간단한 방법으로도 시작 화면을 통해 강력한 인상을 줄 수 있습니다. 이 예제에서는 Phototastic 로고가 회색 배경의 중앙에 배치되어 이 브랜드의 강렬한 색이 중심이 될 수 있도록 합니다.

Phototastic 앱 시작 화면

 

Foursquare

Foursquare 앱이 시작되고 사용자 위치를 확인하는 동안 시작 화면에서 주변 장소의 이미지를 표시하기 시작합니다. 이 풍부한 몰입형 로드 환경은 새로운 장소의 검색 엔진으로서 앱의 용도를 부각시킵니다.

Foursquare 앱 시작 화면의 두 가지 보기

Foursquare 앱 시작 화면의 세 번째 보기

 

Halo Spartan Assault

인기 있는 Halo 시리즈에 새로 추가된 Windows 스토어 앱인 Halo Spartan Assault는 시작 화면을 영화 환경으로 처리합니다. 게임이 백그라운드에서 로드되는 동안 아름다운 장면 컷을 통해 Halo Spartan Assault가 나머지 Halo 우주에 연결되는 방식의 컨텍스트를 제공합니다.

Halo Spartan Assault 앱 시작 화면의 두 가지 보기

Halo Spartan Assault 앱 시작 화면의 세 번째 보기

 

Star Chart

Star Chart 앱은 정교한 애니메이션 시퀀스를 사용하여 고유하고 매력적인 첫 실행 경험을 만듭니다. 시작 화면에 앱 로고가 표시된 후 흥미로운 태양계 표시로 전환됩니다. 이 표시는 앱의 콘텐츠에서 자세히 확인할 수 있는 사항의 완벽한 미리 보기입니다. 아름다운 사진이 천문학 분위기를 설정하고 사용자 탐색을 유도합니다.

Star Chart 앱 시작 화면의 보기

Star Chart 앱 시작 화면의 세 가지 보기

Star Chart 앱 시작 화면의 보기

 

관련 항목

시작 화면에 대한 지침
Windows 스토어 앱 브랜딩

 

 

표시:
© 2014 Microsoft