개요

Power Platform Day Winter '19의 한 세션에서의 질문으로 외형을 어떻게 만들 것인가라는 질문이 있었으므로, 구체적인 테크닉을 몇개 소개합니다. (우리 쪽은 디자이너가 아니기 때문에 미안해)
htps : // Pop rp pt t rm. 곤파 s. 코 m / 에ょ t / 149834 /

기술

색을 통일하다

Power Apps에만 국한되지는 않지만 대부분 백색, 검정색 + 3색 정도를 결정하면 어떻게 됩니다.
특히 비즈니스 어플리케이션이므로 회사의 브랜드 색상에서 선택하면 좋을지도 모릅니다.

문자의 크기, 위치를 통일

이쪽도 Power Apps에 한한 이야기는 아니지만, 외형이 좋은 앱 디자인의 기본이군요.

테마 활용

손쉽게 전체 이미지를 바꾸고 싶다면 테마 변경 도구와 리본에서 테마를 선택하여 이용하면 좋다고 생각합니다.


이쪽도 아울러 활용해 주세요.
htps : // 기주 b. 코 m / 미 c 로소 ft / 뽀뽀 ps-와 ls

이미지 컨트롤을 잘 사용

구체적인 예를 하나 소개합니다.


iOS 알림을 이미지한 외형입니다.
오른쪽은 배경의 흰색에 이미지를 배치하고 왼쪽은 사각형 아이콘으로 만듭니다.
왠지 통일감이 있는 것 같아요.
Image에 흰색 이미지를 지정하고 있는 것은 아니고, Image 를 지정하지 않고 배경색 흰색을 넣고, Radius 를 지정해 모퉁이로 하고 있습니다.
덧붙여 버튼의 색 코드는 이하가 됩니다.

RGBA(1,124,254, 1) // Primary
RGBA(220,220,220, 1) // gray

갤러리 또는 데이터 테이블

성능이나 기능이 필요하지 않은 경우 데이터 테이블을 선택하고 그렇지 않으면 갤러리를 선택하십시오.

아이콘 조합

구체적인 예를 하나 소개합니다.


카메라계의 화면에서 사용할 수 있는 것 같은 아이콘의 조합입니다.
모두, 아이콘 컨트롤을 이용해 작성되고 있습니다.

박하다 (조심한다)

좋아! 라고 생각하는 외형의 어플을 팩하고 오마쥬합시다.
Power Apps에서 움직임은 어쨌든 외형으로 만들 수 없는 것은 없습니다.

요약

이상 간편하게 할 수 있는 테크닉 7선이었습니다.
다만, 역시 뛰어난 외형이라도 사용하기 어려우면 어쩔 수 없기 때문에, 사용하는 유저 자신이 만들거나, 유저 인터뷰를 해, 사용하기 쉬운 앱을 만들어 봅시다.

이번에 작성한 샘플은 이쪽입니다.
샘플을 DL