모델 기반 앱의 현대적이고 새로운 디자인

모델 기반 앱은 새 디자인 사용해 보기 기능이 최종 사용자에 의해 활성화되면 현대적이고 새로워진 디자인을 갖습니다. 새로운 디자인은 최신 Microsoft Fluent 디자인 시스템에 맞춰 글꼴, 색상, 테두리, 그림자 등을 포함한 업데이트된 스타일을 제공합니다. 업데이트된 디자인은 모델 기반 앱을 사용하기 쉽게 만들어 사용자가 목표를 빠르고 효율적으로 달성할 수 있도록 합니다. Fluent 디자인 시스템은 일관성, 품질 및 Microsoft 전체 플랫폼 일관성을 제공합니다. 또한 확장성을 위한 견고한 기반을 제공하고 향후 다크 모드를 지원할 수 있습니다.

현재 기본적으로 켜져 있는 현대적이고 새로워진 디자인 기능은 다른 기능보다 느린 일정으로 출시될 예정입니다. 추가 정보: 기본적으로 일반 공급 출시 관리.

현대적이고 새로워진 디자인에 포함된 사항

현대적이고 새로워진 환경에서 제공되는 사항은 다음과 같습니다.

• 상승하거나 플로팅 모양을 만들기 위해 그림자와 더 밝은 배경색을 사용하는 것을 포함하여 양식, 보기 및 대시보드 페이지의 스타일이 업데이트되었습니다. 플로팅 모양은 섹션을 시각적으로 구분하는 데 도움이 되며 주요 콘텐츠에 주의를 집중시킵니다.
• 양식, 비즈니스 프로세스 흐름 및 대화 상자의 새로운 Fluent 기반 컨트롤입니다. 이제 대화 상자의 높이가 콘텐츠에 따라 자동으로 조정됩니다.
• 보기 및 표준 대시보드 페이지의 읽기 전용 그리드를 대신하는 새로운 Power Apps 그리드입니다.
• 개인 또는 조직의 브랜딩에 맞게 앱 헤더 색상을 사용자 지정하는 새로운 메커니즘입니다. 추가 정보: 최신 테마 사용
• 현대적이고 신선한 경험을 가능하게 하는 새로운 디자인을 사용해 보기라는 최종 사용자 설정입니다.

명령 모음

플로팅 명령 모음은 일관된 간격, 둥근 모서리 및 입면을 통해 Microsoft 365 환경에 맞춰집니다. 다음 예에서 명령 모음이 페이지 상단의 별도 섹션에 어떻게 있는지 확인하세요.

보기 페이지

보기 페이지는 새로운 명령 모음을 사용하고 고도 변경을 활용하는 업데이트된 그리드 영역을 통해 사용자의 주의를 끌 수 있습니다.

보기 페이지의 가장 중요한 변경 사항은 읽기 전용 그리드에서 최신 데이터 탐색 환경을 위한 무한 스크롤 기능을 제공하는 Power Apps 그리드 컨트롤로 전환된 것입니다. 이 표는 기본 양식 및 대시보드의 하위 표 및 관련 표에도 나타납니다. Power Apps 그리드 컨트롤은 필터링 사용 속성을 사용하여 인라인 편집도 지원합니다. 제작자는 Power Apps 그리드 컨트롤을 사용하도록 편집 가능한 그리드를 수동으로 구성할 수 있습니다.

다음 예는 현대적이고 새로워진 디자인의 보기 페이지를 보여줍니다.

양식 페이지

양식 페이지는 새로운 명령 모음을 사용하고 머리글, 탭, 섹션 및 비즈니스 프로세스 흐름을 새로 고쳤습니다. 빠른 보기, 카드 양식, 헤더, 사이트맵 및 타임라인 컨트롤에도 스타일 업데이트 기능이 있습니다.

다음 예는 현대적이고 새로워진 디자인의 양식 페이지를 보여줍니다.

필드 컨트롤

텍스트 입력, 작업 입력, 조회 및 확인란 컨트롤과 같은 필드 컨트롤은 Fluent 구성 요소를 사용하여 빌드 및 설계됩니다. 향후 업데이트에서 Fluent 디자인을 사용하여 더 많은 필드 컨트롤을 현대화할 예정입니다.

양식의 필드에 대한 컨테이너인 필드 섹션은 보다 간소화된 디자인을 갖습니다. 이제 아이콘이 필드 레이블 오른쪽에 있습니다. 깔끔한 레이아웃을 위해 일부 중복 아이콘이 제거되었습니다. 입력 및 오류 메시지 스타일도 Fluent 디자인을 기반으로 새로 고쳐졌습니다.

다음 예는 현대적이고 새로워진 디자인의 필드 집합을 보여줍니다.

대시보드 페이지

독립적인 하위 표와 차트가 있는 시스템 대시보드 페이지가 새로운 명령 모음을 사용하도록 업데이트되었으며 양식 및 보기 페이지의 섹션과 유사한 스타일을 갖습니다. 최신 환경이 활성화되거나 월별 채널을 사용하는 경우 시스템 대시보드 그리드는 새로운 Power Apps 그리드 컨트롤을 사용합니다. 새 그리드는 기본적으로 활성화되어 있지 않습니다.

알려진 제한 사항

모델 기반 앱의 현대적인 새로워진 디자인에는 다음과 같은 몇 가지 제한 사항이 있습니다.

브라우저 외부의 현대적이고 새로워진 디자인

모바일 앱 및 메일 앱은 현대적이고 새로워진 디자인을 지원하지 않으며 프리뷰 또는 일반 공급에 포함되지 않습니다.

테마 전환 또는 다크 모드 활성화

테마 전환이나 다크 모드 활성화는 현재 지원되지 않습니다.

클래식 테마 존중

현대적이고 새로워진 디자인으로 인해 Power Apps는 더 이상 클래식 테마 사용자 지정를 따르지 않습니다. 그러나 앱 헤더의 색상을 재정의하여 조직 브랜딩을 현대적이고 새로워진 디자인과 일치시킬 수 있습니다. 자세한 내용은 앱 헤더 색상 변경을 참조하세요. 현대적이고 새로워진 디자인에 대한 다른 테마 사용자 지정 옵션은 아직 사용할 수 없습니다.

사용자 지정 아이콘

SVG 아이콘만 지원됩니다. PNG와 같은 다른 형식을 사용하는 경우 탐색에 해당 형식이 표시되지 않고 대신 기본 아이콘이 나타납니다.

FAQ(질문과 대답)

Power Apps Component Framework/사용자 지정 코드 구성 요소에서 현대적이고 새로워진 디자인 사용

사용 중인 최신 테마가 Power Apps component framework 구성 요소에 전달되어 최신 테마로 구성 요소를 스타일링할 수 있습니다.

사용자 지정 페이지에서 현대적이고 새로워진 디자인 사용

최신 컨트롤은 사용자 지정 페이지 및 현대적이고 새로워진 디자인과 함께 사용할 수 있습니다. 최신 테마는 현재 사용자 지정 페이지에 상속되지 않습니다.

앱 헤더의 색상 변경

현대적이고 새로워진 디자인을 유지하면서 조직에 맞게 앱 헤더의 색상을 변경할 수 있습니다. 자세한 내용은 최신 테마 사용을 참조하세요. 현대적이고 새로워진 디자인에 대한 다른 테마 사용자 지정 옵션은 아직 사용할 수 없습니다.

현대적이고 새로워진 디자인으로 작업

현대적이고 새로워진 디자인에 대한 피드백 제공

모델 기반 앱에서 현대적이고 새로워진 디자인을 사용한 후 Power Apps 커뮤니티 포럼에서 그것에 대해 어떻게 생각하는지 알려주세요.

옵트인 일반 공급 출시 관리

모델 기반 앱의 현대적이고 새로워진 디자인은 일반적으로 다음 릴리스 채널에서 사용할 수 있습니다.

• 2023년 8월 월간 채널
• 2023년 릴리스 웨이브 2 기준 반기별 채널

일반적으로 사용 가능해지면 최종 사용자에게 새 디자인 사용해 보기 설정이 표시되어 현대적이고 새로워진 환경을 활성화할 수 있습니다. 사용자는 언제든지 이전 사용자 인터페이스(UI)로 다시 전환할 수 있습니다.

현대적이고 새로워진 디자인 켜기

최종 사용자는 앱 헤더에서 새 디자인 사용해 보기 설정을 활성화하여 앱에서 모델 기반 앱에 대한 현대적이고 새로운 디자인을 활성화할 수 있습니다. 언제든지 다시 전환할 수 있습니다.

이전 UI로 되돌리기

예, 최종 사용자는 새 디자인 토글을 꺼서 이전 UI로 다시 전환할 수 있습니다. 제작자는 앱 설정을 업데이트하여 새로운 디자인을 비활성화할 수도 있습니다.

현대적이고 새로워진 디자인을 비활성화하는 방법에 대한 자세한 내용은 앱 디자이너에서 모델 기반 앱 설정 관리를 참조하세요.

관리자는 솔루션 탐색기를 사용하여 모델 기반 앱의 새 디자인 값을 아니요로 설정하여 조직의 모든 앱에서 새 디자인 설정을 비활성화할 수 있습니다. 이렇게 하면 새 디자인 토글이 숨겨지고 현대적이고 새로워진 디자인이 적용되지 않습니다.

1. https://make.powerapps.com/ 시작

2. 솔루션에서 하나 이상의 모델 기반 앱이 포함된 기존 솔루션을 엽니다.

3. 기존 추가 > 더 보기 > 설정을 선택합니다.

4. 새 디자인을 검색합니다.

5. 모델 기반 앱의 새 디자인을 선택합니다.

6. 추가를 선택하여 솔루션에 추가합니다.

7. 솔루션 탐색기에서 모델 기반 앱의 새 디자인을 선택합니다.

8. 환경 값 설정을 아니오로 업데이트합니다.

9. 저장을 선택합니다.

10. 모든 사용자 지정 사항을 게시합니다.

    참고

    2023 릴리스 웨이브 2를 사용 중이고 새 디자인을 끄고 싶다면 새 디자인 사용해 보기 설정을 업데이트하세요.

기본적으로 일반 공급 롤아웃 관리

모델 기반 앱의 현대적이고 새로워진 디자인은 다음 릴리스 채널에서 기본적으로 제공됩니다.

• 2024년 4월의 월간 채널
• 2024년 릴리스 웨이브 1 기준 반기별 채널

일반 공급되면 최종 사용자는 기본적으로 활성화된 새 디자인 설정을 통해 현대적이고 새로워진 환경을 볼 수 있습니다. 사용자는 언제든지 이전 사용자 인터페이스(UI)로 다시 전환할 수 있습니다. 반기 채널의 경우 4월부터 몇 주에 걸쳐 천천히 출시될 예정입니다. 제작자와 관리자는 이 기능이 앱에 출시되는 것을 확인하는 데 지연이 있을 것으로 예상해야 합니다.

내 앱의 현대적인 디자인을 활성화하고 토글을 제거합니다.

제작자와 관리자가 "Always On" 최신 환경을 켜려는 시나리오에서는 새 디자인 항상 켜짐 앱 설정을 설정하여 이를 활성화할 수 있습니다. 이를 통해 앱의 모든 사용자에게 현대적이고 새로워진 디자인을 제공하고 최종 사용자가 새 디자인을 끌 수 있는 헤더 스위치 기능을 제거합니다.

관리자는 솔루션 탐색기를 사용하여 새 디자인 항상 켜짐 값을 예로 설정함으로써 조직의 모든 앱에서 새 디자인 항상 켜짐 설정을 활성화할 수 있습니다. 이렇게 하면 새 디자인 토글이 숨겨지고 모든 사용자에게 현대적이고 새로워진 디자인이 제공됩니다.

1. https://make.powerapps.com/ 시작
2. 솔루션에서 하나 이상의 모델 기반 앱이 포함된 기존 솔루션을 엽니다.
3. 기존 추가 > 더 보기 > 설정을 선택합니다.
4. 새 디자인 항상 켜짐을 검색합니다.
5. 새 디자인 항상 켜짐을 선택합니다.
6. 추가를 선택하여 솔루션에 추가합니다.
7. 솔루션 탐색기에서 새 디자인 항상 켜짐을 선택합니다.
8. 환경 값 설정을 예로 업데이트합니다.
9. 저장을 선택합니다.
10. 모든 사용자 지정 사항을 게시합니다.