運用・管理 4 / 4
ブランド(自社の顔にする)
Formiaの画面に、自社の名前・ロゴ・基調の色を設定する手順を説明します。上の帯、ログイン画面、公開フォームでの見え方、保存前の見本の確認、スペースごとの色とロゴも紹介します。
約3分で読めます
Formia マニュアルの目次(章と記事の一覧)
アプリをつくる
入力項目ガイド
Formiaの画面は、自社の名前とロゴ、色に合わせられます。社員やお客様が、自社のシステムとして使えるようにするための設定です。この記事では、ブランドの設定の手順を説明します。
設定する場所
設計モードの「管理」›「組織」›「ブランド」を開きます。設定を変えられるのは、組織の設定を変える権限のある人です。右に見本が出るので、保存する前に、利用者の画面でどう見えるかを確かめられます。

決められるもの
| 設定 | 出るところ |
|---|---|
| 表示名 | 上の帯、ブラウザのタブ、ログイン画面、公開フォームのロゴの横 |
| ロゴ(明るい画面用・暗い画面用) | 上の帯、ログイン画面、公開フォームの上。設定しなければFormiaのロゴ |
| ファビコン | ブラウザのタブのアイコン。なければロゴ、それもなければFormiaの絵 |
| 基調の色 | ボタン、選択中の表示、上の帯の線 |
| 明暗 | 端末に合わせる・明るい・暗い |
| 角の丸み・詰まり具合 | 部品の角の丸さと、入力欄・ボタンの高さ |
利用者は、自分のメニューから、明暗を自分の端末だけで変えられます。
手順
- 「ブランド」を開きます
- 表示名を入力します
- ロゴを選びます。明るい画面用と、暗い画面用を別々に設定できます
- 基調の色を1つ選びます
- 明暗、角の丸み、詰まり具合を選びます
- 右の見本で、見え方を確かめます
- 保存します(
⌘Sでも保存できます)
変えた欄には「変更あり」の印が付き、まだ保存していない変更の数が上の帯に出ます。見本の部品(ロゴ・左のメニュー・入力欄・ボタン)を押すと、左のその設定の欄へ移ります。
色の選びかた
色は、1つだけ選びます。濃淡の段階や文字の色は、自動で作られます。10色を選ばせると、読みにくい組み合わせになりやすいからです。黄色のような明るい色を選ぶと、ボタンの文字は黒になります。
スペースごとの色とロゴ
人事・経理・CRMなど、スペースを分けて使っているときは、スペースごとに、利用する画面の色とロゴを決められます。決めなければ、組織のブランドが使われます(スペースで分ける)。
公開フォームでの見え方
公開フォームの上にも、組織の表示名とロゴが出ます。お客様に見える画面なので、公開してから、ロゴや表示名の見え方を確かめてください。公開フォームについては、公開フォームを作るを見てください。
インストール時の設定との関係
設置のときの環境設定(FORMIA_ORG_NAMEとFORMIA_ORG_LOGO)は、ブランドで何も決めていないときの代わりとして残ります。ブランドを設定すれば、そちらが優先されます。