에지

녹음기 앱

 

에지는 Windows에 중요한 강력하고 멋진 조작 도구입니다. 에지 디자인은 적은 노력으로 많은 결과 획득 원칙을 기반으로 합니다. 가장자리는 적은 노력으로 많은 결과를 획득하기 위해 다양한 옵션을 제공합니다. 현재 표시된 콘텐츠와 직접 관련이 없는 경우 가장자리를 통해 캔버스에서 요소를 이동할 수 있습니다. 어떤 장치에서도 자연스러운 안정적이고 직관적인 탐색 방법을 제공합니다.

Windows의 에지

앱 바

금융 앱의 앱 바

 

위쪽 앱 바를 탐색 모음이라고 하며, 앱이 일반적으로 이 모음에 탐색 컨트롤을 배치하기 때문입니다.

아래쪽 앱 바를 명령 모음이라고도 하는데, 앱이 일반적으로 이 모음에 명령을 배치하기 때문입니다.

앱 바는 사용자 디자인에 사용됩니다. 시스템을 조작하지 않습니다. 탐색 컨트롤과 명령 대신 또는 추가로 다른 상황에 맞는 정보를 위쪽 또는 아래쪽 앱 바에 배치할 수 있습니다. 예를 들어 쇼핑 앱에서는 사용자 쇼핑 카트의 내용물을 위쪽 앱 바에 배치할 수 있습니다. 이렇게 배치하면 사용자가 쇼핑에 집중하는 동시에 장바구니 및 체크 아웃 절차를 빠르게 참조할 수 있습니다. 음악 앱에서는 재생, 일시 중지, 앞으로 감기 등의 미디어 컨트롤을 아래쪽 앱 바에 배치할 수 있습니다. 이러한 컨트롤은 사용자가 음악을 선택하여 상황과 관련된 컨트롤이 될 때까지 숨겨집니다.

 

참 메뉴

금융 앱 및 참 메뉴

 

참 메뉴는 가장 상징적인 에지 사용입니다. 참 메뉴는 시스템 조작을 시작합니다. 사용자는 화면의 오른쪽 가장자리에서 살짝 밀거나 화면 오른쪽 위 또는 아래를 가리켜서 참 메뉴를 호출합니다. 자세한 내용은 참 메뉴 및 계약을 참조하세요.

 

왼쪽 에지

최근 앱 목록

 

왼쪽 가장자리는 최근에 사용한 앱을 보고, 앱을 전환하고, 화면에 여러 앱을 나란히 배치하기 위한 사용자 명령 센터입니다.

가장자리를 사용하여 호출

앱 디자인에서 가장자리를 사용하는 새롭고 혁신적인 방법을 찾아보세요. 앱 바를 구현하지 않거나 사용을 최소화하도록 선택할 수도 있습니다. 예를 들어 Xbox Music 앱은 대부분의 명령이 캔버스에 포함되어 있고 몇 개의 컨트롤만 앱 바에 배치됩니다.

표준 컨트롤과 일반적인 배치는 시작점일 뿐입니다. 앱에서 가장자리로 수행할 수 있는 작업을 독창적으로 고려해 보세요.

에지 예제

다음 예제에서 앱은 위쪽 앱 바를 관련 동영상 표시에 사용하고, 아래쪽 앱 바를 현재 재생 중인 동영상과 관련된 명령에 사용합니다.

 

앱 바가 포함된 Vevo 앱

 

NatureSpace 앱에서 아래쪽 앱 바는 매우 정교하며 전체 캔버스 너비에 걸쳐있지 않지만 사용자가 현재 트랙을 제어할 수 있는 유효한 명령 화면을 제공합니다.

 

아래쪽 앱 바가 포함된 NatureSpace 앱

 

앱 바 모양은 표준 템플릿의 앱 바와 달라도 됩니다. 브랜드에 맞게 아름답게 디자인할 수 있습니다. 이 Disney 예제에서는 앱 바가 이야기책 모양입니다.

 

아래쪽 앱 바가 포함된 Disney Princess Dress-up Sticker Book 앱

 

관련 항목

탐색 패턴
명령 패턴

 

 

표시:
© 2015 Microsoft