제품 소식

영감을 얻고 앱을 데스크톱으로 가져오세요

읽는 데 2분 소요
Ivy Knight
선임 디자인 Advocate

모든 폼 팩터에서 세련되고 적응형 Android 앱을 만드는 데 필요한 포괄적인 안내를 제공하는 디자인 리소스의 주요 업데이트를 발표하게 되어 기쁩니다. 이제 데스크톱 환경 안내와 업데이트된 Android 디자인 갤러리를 사용할 수 있습니다.

새로운 데스크톱 환경 디자인 안내

사용자는 휴대전화와 폴더블에서 노트북과 외부 모니터에 이르기까지 이전보다 더 다양한 기기에서 Android 앱을 사용하고 있습니다. '데스크톱 환경'은 앱이 데스크톱과 유사한 모드에 있을 때마다 발생하며, 일반적으로 키보드나 마우스와 같은 비터치 입력 장치 또는 모니터와 같은 다른 디스플레이가 포함됩니다 (연결된 디스플레이 공지사항에서 자세히 알아보세요). 즉, 더 큰 화면을 위해 디자인하고 추가 입력 상태를 수용해야 합니다. 이러한 새로운 디자인 환경은 더 높은 정보 밀도와 멀티태스킹 기능을 통해 사용자의 생산성을 극대화하기 위한 것입니다.

데스크톱 디자인 원칙, 입력 상호작용 안내, 시스템 UI 고려사항을 통해 앱을 최적화하는 데 도움이 되는 데스크톱 환경 안내를 살펴보세요.

image.png

새로운 안내에는 데스크톱 환경의 핵심인 멀티태스킹과 같이 데스크톱 환경을 고유하게 만드는 디자인 원칙을 알아볼 수 있는 기본 안내가 포함되어 있습니다.

image.png

앱이 데스크톱 환경에 있는 경우 시스템에서 제공하는 커서에서 커서를 선택하는 것과 같은 고유한 입력 상호작용을 중심으로 디자인하는 방법과 같은 중요한 상호작용 환경을 염두에 두세요.

시스템 아이콘으로 처리되지 않는 특수 작업의 경우 맞춤 커서 아이콘을 만드는 것이 좋지만 사용자가 페이지에서 쉽게 찾을 수 있도록 해야 합니다.

image.png

데스크톱 환경은 창 모드와 같은 더 많은 멀티태스킹 기능을 제공하므로 앱이 헤더 표시줄과 함께 다양한 크기를 갖게 될 것으로 예상됩니다.

image.png

데스크톱은 모바일보다 훨씬 큰 화면을 가지고 있으며 사용자는 일반적으로 터치스크린의 손가락보다 더 정밀한 마우스를 사용하여 상호작용합니다. 즉, 정보 밀도가 더 높은 UI를 제공하여 사용자의 생산성을 높일 수 있습니다.

image.png

빠르게 시작하고 싶으신가요? 모바일에서 데스크톱으로 이동하고 업데이트된 적응형 디자인 랩과 함께 디자인하는 방법을 알아보려면 둘러보기를 확인하세요. 

차별화된 고품질 앱을 만드는 기준에 관한 자세한 내용은 새로 업데이트된 적응형 앱 품질 가이드라인 및 적응형 개발자 안내를 참고하세요.

아이디어가 필요하신가요? Android 디자인 갤러리를 출시했습니다. 이 새로운 리소스는 여러 업종, 폼 팩터, UX 패턴에 걸쳐 영감을 주는 예시의 살아있는 카탈로그입니다. 영감을 주는 새로운 예시를 계속 추가할 예정이므로 수시로 방문하여 Android 디자인의 최신 소식을 확인하세요.

image.png
작성자:

계속 읽기