#PowerApps アプリの見た目をなんとなく良くする方法7選
概要
Power Platform Day Winter '19 のとあるセッションでの質問で見た目をどう作るのかという質問があったので、具体的なテクニックをいくつかご紹介します。(当方はデザイナーではありませんのであしからず)
https://power-platform.connpass.com/event/149834/
テクニック
色を統一する
Power Apps に限りませんが、大体白、黒+ 3 色程度決めれば何とかなります。
特にビジネスアプリケーションなので、会社のブランドカラーから選ぶとよいかもしれません。
文字の大きさ、位置を統一する
こちらも Power Apps に限った話ではありませんが、見た目の良いアプリデザインの基本ですね。
テーマを利用する
手っ取り早く全体のイメージを変えたい場合はテーマ変更ツールやリボンからテーマを選択して利用するといいと思います。
こちらも併せてご活用ください。
https://github.com/microsoft/powerapps-tools
画像コントロールをうまく使う
iOS 通知をイメージした見た目です。
右が背景の白に対して画像を配置し、左は四角アイコンで作成しています。
何となく統一感がある気がします。
Imageに白い画像を指定しているわけではなく、Image を指定せずに背景色白を入れ、 Radius を指定して角丸にしています。
因みにボタンの色コードは以下になります。
RGBA(1,124,254, 1) // Primary
RGBA(220,220,220, 1) // gray
ギャラリーかデータテーブルか
パフォーマンスや機能が必要ない場合は データテーブル、そうでない場合はギャラリーを選択してください。
アイコンを組み合わせる
カメラ系の画面で使えそうなアイコンの組み合わせです。
全て、アイコンコントロールを利用して作成されています。
パクる (オマージュする)
いいな!って思う見た目のアプリをパクって オマージュしましょう。
Power Apps で 動きはともかく見た目で作れないものはありません。
まとめ
以上手軽にできるテクニック 7 選でした。
ただし、やはり張り切った見た目でも使いにくければしょうがないので、使うユーザー自身が作るか、ユーザーインタビューをして、使いやすいアプリを作りましょう。
今回作成したサンプルはこちらです。
サンプルをDL
Author And Source
この問題について(#PowerApps アプリの見た目をなんとなく良くする方法7選), 我々は、より多くの情報をここで見つけました https://qiita.com/taku_maru/items/9c2abaf55184c2c12964著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .