AppSheetでは様々な画面表示をさせることができ、公式HPでサンプルを見ることができます。
今回はAppSheetで使われる画面の説明や、各画面の一部を抜粋しお見せいたします。
目次
AppSheet基本画面
一般的なアプリ画面です。基本機能はすべて備えており、アプリの操作に慣れない方でも見やすい画面構成となっています。
![AppSheet基本画面](https://step-up-appli.com/wp-content/uploads/2021/01/画面基本サンプル-1024x483.png)
データ一覧を表示するビュー
データ一覧を表示するビュー画面です。データの種類によって見やすいビューを選択してください。
![AppSheet画面サンプル1](https://step-up-appli.com/wp-content/uploads/2021/01/画面基本サンプル1-1024x488.png)
イメージを使用したビュー
Instagrumのようなイメージを押し出したビューや、カレンダー、マップ、チャートの表示もできます。マップは表示しているイメージのほか、GoogleMapの表示も行うことができます。
![AppSheetサンプル画面2](https://step-up-appli.com/wp-content/uploads/2021/01/画面基本サンプル2-1024x489.png)
ビューの組み合わせ(ダッシュボード)
上記のビューを組み合わせたダッシュボードを作成できます。タブレットやデスクトップなど画面が広い場合にも対応できます。ダッシュボードはレスポンシブ対応しておりますので、デバイスに合わせた設定などは基本的に必要ありません。
![](https://step-up-appli.com/wp-content/uploads/2021/01/画面基本サンプル3-1024x469.png)
まとめ
エディター上からボタン1つで変更できるので、思いついたらぱっと変更することが可能です。
ここで紹介したのは一例です。細かくデザインすることはできませんが、設定とアイデア次第で自分に合った画面を作成することが可能です。いろいろ試してみて下さい。
私はUI/UXのデザイン経験がありませんので、ほかのノーコードツールのように細かくデザインできるよりも、ある程度自動でデザインしてくれるAppSheetが好きです。
下記の公式サンプルアプリから画面の詳細設定も見れます。ぜひAppSheetに登録してご覧ください。
コメント