Quantcast
Channel: 初心者タグが付けられた新着記事 - Qiita
Viewing all articles
Browse latest Browse all 21081

#PowerApps アプリの見た目をなんとなく良くする方法7選

$
0
0

概要

Power Platform Day Winter '19 のとあるセッションでの質問で見た目をどう作るのかという質問があったので、具体的なテクニックをいくつかご紹介します。(当方はデザイナーではありませんのであしからず)
https://power-platform.connpass.com/event/149834/

テクニック

色を統一する

Power Apps に限りませんが、大体白、黒+ 3 色程度決めれば何とかなります。
特にビジネスアプリケーションなので、会社のブランドカラーから選ぶとよいかもしれません。

https://colorhunt.co/

文字の大きさ、位置を統一する

こちらも Power Apps に限った話ではありませんが、見やすいデザインの基本かと思います。

テーマを利用する

手っ取り早く全体のイメージを変えたい場合はテーマ変更ツールやリボンからテーマを選択して利用するといいと思います。
image.png

画像コントロールをうまく使う

具体的な例を1つご紹介します。
image.png

iOS 通知をイメージした見た目です。
右が背景の白に対して画像を配置し、左は四角アイコンで作成しています。
何となく統一感がある気がします。
背景色に直接白い画像を指定しているわけではなく、空の画像に背景色白を入れ、 Radius を指定して角丸にしています。
因みにボタンの色コードは以下になります。

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

ギャラリーかデータテーブルか

パフォーマンスや機能が必要ない場合は データテーブル、そうでない場合はギャラリーを選択してください。

アイコンを組み合わせる

具体的な例を1つご紹介します。
image.png

カメラ系の画面で使えそうなアイコンの組み合わせです。
全て、アイコンコントロールを利用して作成されています。

パクる(オマージュする)

いいな!って思う見た目のアプリをパクってオマージュしましょう。
Power Apps で 動きはともかく見た目で作れないものはありません。

まとめ

以上手軽にできるテクニック 7 選でした。
ただし、やはり張り切った見た目でも使いにくければしょうがないので、使うユーザー自身が作るか、ユーザーインタビューをして、使いやすいアプリを作りましょう。

今回作成したサンプルは後程公開予定です。


Viewing all articles
Browse latest Browse all 21081

Trending Articles