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

ITツール kintone TOP

kintoneアイキャッチ

kintoneプラグインセット 月額利用料40%OFF
こんにちは!Kentarouです!

今回は、

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

を紹介します。

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

 

ラベルをオシャレに!

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

Before

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

After

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

成方法

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

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

2. ラベルを入力

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

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

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

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

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

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

5. 完成!!

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

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

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

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

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

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導入を構築を支援しております。システムを構築する前段階である、業務の洗い出しから課題の抽出、最適な業務フローの構築からサポートいたしますので、まずはお気軽にご相談ください。

 

kintoneアプリ開発のご依頼は株式会社Crenaへ

会社名 株式会社Crena(クレナ)
TEL 043-388-8819
設立 2020年8月
代表取締役 平野 賢太郎 (Hirano Kentaro)
事業内容

クラウドソリューション事業

システム開発事業

ビジネスソリューション事業

URL https://create-new-air.com/

関連記事

kintoneプラグインが1ヶ月使い放題
kintoneプラグイン一覧はコチラ