見た目(色・ロゴ・文字)
テーマの色、地の色、帯やタブの塗り、書体と文字の大きさを決めます。
アプリ全体の色や文字は、「画面」の左のいちばん下にある「全体」→「デザイン」で決めます。ここで決めたものが、すべての画面に効きます。
色を決める
- 「開発」→「画面」を開き、左の「デザイン」を押します。
- 「アプリの名前」を確かめます。
- 「テーマの色」で丸い色を押します。ボタン・アイコン・会員証の色になります。お店の色がある場合は、色の見本(#8B5A3C など)を押して好きな色を選べます。
- 「地の色」(あたたかい白・すっきり白・真っ白・生成り・うすい緑・黒)を選びます。
- 上の帯の「アプリに反映」を押します。

帯・タブ・会員証を塗る
「塗り」を開くと、次の場所を色・グラデーション・模様・写真で塗れます。
| 場所 | 補足 |
|---|---|
| 画面の背景 | すべての画面の地 |
| 上の帯 | 塗らないときは「白」か「テーマの色」 |
| 下のタブ | 塗らないときは「白」か「テーマの色」 |
| 会員証 | 写真も選べます |
| ボタン |
スマホの見本の上の帯や下のタブを押しても、その場所の塗りが開きます。

塗り方は「なし」「色」「グラデ」「模様」「写真」から選びます。模様は、みずたま・しま・こうし・いちまつ・ななめ・青海波・矢絣・波があります。写真は「ぼかし」や「重ねる色」で、上の文字を読みやすくできます。
文字
「文字」を開きます。
- 「本文の書体」と「見出しの書体」:ゴシック・丸ゴシック・明朝・手書き風 などから選びます。
- 「文字の大きさ」:85〜130% で変えます。お年寄りの多いお店は、少し大きめがおすすめです。
- 「文字の色」。
余白と形
「余白と形」を開くと、「部品の間」「画面の左右の余白」「角の丸み」、部品の面(線・影・線なし など)、ボタンの絵(やわらか・くっきり・線だけ)を変えられます。
画面ごとに変える
ホームなど 1 つの画面だけ色を変えたいときは、左の「ホーム」を押し、右の「ホームの見た目」を開きます。「テーマの色」「背景」「上の帯」を、その画面だけ変えられます。決めないところは全体と同じです。
ロゴ
ロゴの画像は、「設定」→「お店の基本」の「ロゴ」で入れます。アプリの起動の画面・始め方・ホームの上に出ます。正方形に近い画像がおすすめです。
ポイント 色を変えたら、見本の上の明るさのボタンで暗い画面にも切り替えて、文字が読めるかを確かめてください。
実際の画面で、さわってみませんか。
14日間 無料で試す