kintoneをシンプルなのにオシャレにする方法3選！

こんにちは！Kentarouです！

今回は、

kintoneをシンプルなのにオシャレにする方法3選！

を紹介します。

ちょっとひと手間必要なものもありますが、劇的にkintoneがオシャレになりますので、是非お試しください。

 

ラベルをオシャレに！

1つ目にご紹介するのがラベルをオシャレにする方法です。
これは簡単なのでオススメです！！

Before

3つとも、ラベルの役目は果たしていますが、ちょっと素人っぽいデザインですよね。

After

ラベルをちょっといじってみました！どうですか？シンプルでオシャレになっていませんか？
しかも、変更するのはラベルだけなのでデータや環境が壊れることはありません！！

作成方法

1. ラベルフィールドをフォームに追加

[ラベル]フィールドをフォームにドラッグアンドドロップする。

2. ラベルを入力

ラベルを次のように入力する。

[半角スペース][半角スペース] ラベル名

3. 1個目の[半角スペース]の背景色をつける

1個目の半角スペースを選択し、背景色をつける。アプリデザインテンプレートと同色の下から2番目の色がオススメ！

4. ラベル名の文字色をつける

ラベルを選択し、色をつける。アプリデザインテンプレートと同色の下から2番目の色がオススメ！

5. 完成！！

完成です！簡単でしたね！

6.いろんなデザインのラベルを作ってみよう！

以下のように同じ内容のアプリであっても、ラベルフィールドによる見出しや注意書きがあるだけで、一気に見やすく・使いやすくなります！

↓コチラのブログで、『無料』でラベルのアイデア集（アプリンプレート）を配布しています。ご活用ください。

ラベルフィールドの活用でkintoneアプリをスタイリッシュに！ ラベルアイデア集も配布します

デザインテーマにあわせたアイコン背景色に！

kintoneではアプリごとに次の６つのデザインテーマからデザインを選択できます。

デザインテーマにあわせたアイコン背景色にすることでかなりオシャレになります。

アイコンの作成方法は以下のブログを参考にしてください！

kintoneポータル画面をスッキリ見せる「シンプルアイコン」を作ろう！サイズから作成ツールまで徹底解説

Before

デザインテーマが「グリーン」なのに、アイコン背景色が「黄色」。そして、アプリ名とアイコンの絵が全くあっていない。
アプリ毎にアイコンを作るのは正直めんどくさいですが、イケてないですね・・・

After

アイコン背景色をデザインテーマ (グリーン) にあった色  (深緑)に。そして、アプリ名にあったアイコンの絵にしてみました。
如何ですか？いい感じになっていませんか？

作成方法

デザインテーマにあったアイコン背景色を次のように組み合わせます。

初期設定

デザインテーマ色：#d4d7d7■
背景色：#d4d6d6■

レッド

デザインテーマ色：#b83d3d■
背景色：#b83d51■

グリーン

デザインテーマ色：#638c0b■
背景色：#798c0b■

ブルー

デザインテーマ色：#448aca■
背景色：#449fc9■

イエロー

デザインテーマ色：#f1c40f■
背景色：#f29f0f■

ブラック

デザインテーマ色：#313131■
背景色：無彩色のため無し

※画像は近日公開予定・・・

（おまけ 1）アプリアイコンを整理する方法

kintoneアプリを整理整頓！Notionを使ったkintoneアプリ管理！

（おまけ 2）会計事務所必見！！アプリアイコンを無料でプレゼント！

会計事務所で使えるkintoneアプリアイコンを『無料』プレゼント！！

ポータルテンプレート「classic-app」を使ってポータル画面をカスタマイズ！

3つ目にご紹介するのがポータルテンプレート「classic-app」を使ったポータル画面のカスタマイズです。

Before

ポータル画面の初期設定では、アプリが1列に表示されており、見た目がちょっと良くないですね。

After

ポータルテンプレート「classic-app」を使ったポータル画面のカスタマイズしてみました。
全然違いますよね。しかも、ポータル画面をカスタマイズすることのメリットはオシャレになることだけではありません。アプリがグループ毎に整理されることで簡単に使いたいアプリを開くことができます。
アプリグループ毎の色とグループアイコンの色を統一させると、シンプルなのにオシャレになりますよ！

作成方法

このポータル画面カスタマイズをするためには、ポータルテンプレート「classic-app」を使う必要があります。設定方法については、『kintoneのポータル画面をスッキリさせる方法』をご参照ください。

最後に・・・

株式会社Crena（クレナ）では、中小企業様を中心に、低コスト&短納期でのkintone導入を構築を支援しております。システムを構築する前段階である、業務の洗い出しから課題の抽出、最適な業務フローの構築からサポートいたしますので、まずはお気軽にご相談ください。