社内コミュニケーションプラットフォームは、あなたの組織の価値観や文化を表現します。Staffbase では、組織のブランドアイデンティティを社内コミュニケーションアプリに反映させるためのさまざまな方法を提供しています。以下のオプションを使用して、スタジオでプラットフォームのブランディングを直接設定・カスタマイズできます。
クラシックUXで利用できるオプションは以下の通りです。
ナビゲーション
ナビゲーションでは、ロゴを設定し、アプリのナビゲーション ヘッダーやイントラネット ナビゲーション ヘッダーのカラーをカスタマイズできます。
ロゴ
組織のコアバリューを強調するロゴをアップロードしてください。ロゴはモバイルアプリとWebアプリ全体で表示されます。正方形または長方形のロゴをアップロードできます。
要件
ロゴサイズ:
- 正方形ロゴ:40 x 40 px
- 長方形ロゴ:120 x 40 px
ロゴ形式:
- JPG
- PNG
- GIF
- TIF
- BMP
- HEIC(iOS高効率形式)
ナビゲーター
ナビゲーターブランディング設定では、ナビゲーター用のロゴを選択し、カラーをカスタマイズできます。
ナビゲーターロゴ
ナビゲーター用のロゴをアップロードしてください。このロゴは、ユーザーがクリックしてナビゲーターを開くアイコンとして表示されます。Webアプリでは右下、モバイルアプリでは下部ナビゲーションバーの上に表示されます。また、ユーザー インタラクション中もナビゲーター内で表示されます。
要件
ロゴサイズ:
- 64 x 64 px以上
- 最大25MB
ロゴ形式:
- JPG
- PNG
一般的な外観
メイン設定
メイン設定では、アプリとイントラネットの両方にメインカラーやメインページのタイトルを設定できます。メインページのタイトルには、組織名、アプリ名、またはイントラネット名を指定できます。
デスクトップの背景画像
任意で、マイファイルまたはローカルコンピュータからデスクトップユーザー用の背景画像をアップロードできます。
おすすめ:画像サイズは1920 x 1080 px以上。推奨サイズと異なる場合、自動的にズームやトリミングされ最適化されますが、画質が低下する場合があります。
背景画像は以下の場所で使用されます:
- 公開エリア
- 公開エリアがない場合はサインインダイアログの背後
- サインイン後のイントラネット全体
追加設定
追加設定では、イントラネットやページ用コンテンツデザイナーに適用できるカスタム CSS を利用できます。より詳細なカスタマイズのためにカスタム CSS を適用できます。 カスタム CSS の設定方法をご覧ください。
新しいUXを有効にすると、以下のオプションが利用できます。
ナビゲーション
ナビゲーションでは、ロゴを設定し、アプリのナビゲーション ヘッダーやイントラネット ナビゲーション ヘッダーのカラーをカスタマイズできます。イントラネットセクションでは、フル幅またはフローティングナビゲーションのオプションも選択できます。
ロゴ
組織のコアバリューを強調するロゴをアップロードしてください。ロゴはモバイルアプリとWebアプリ全体で表示されます。正方形または長方形のロゴをアップロードできます。
要件
ロゴサイズ:
- 正方形ロゴ:40 x 40 px
- 長方形ロゴ:120 x 40 px
ロゴ形式:
- JPG
- PNG
- GIF
- TIF
- BMP
- HEIC(iOS高効率形式)
フッター
フッターを追加して、アプリやイントラネットの下部にカスタマイズしたロゴ、リンク、ソーシャルメディアを表示できます。
ナビゲーター
ナビゲーターブランディング設定では、ナビゲーター用のロゴを選択し、カラーをカスタマイズできます。
ナビゲーターロゴ
ナビゲーター用のロゴをアップロードしてください。このロゴは、ユーザーがクリックしてナビゲーターを開くアイコンとして表示されます。Webアプリでは右下、モバイルアプリでは下部ナビゲーションバーの上に表示されます。また、ユーザー インタラクション中もナビゲーター内で表示されます。
要件
ロゴサイズ:
- 64 x 64 px以上
- 最大25MB
ロゴ形式:
- JPG
- PNG
一般的な外観
メイン設定
メイン設定では、アプリとイントラネットの両方にメインカラーやメインページのタイトルを設定できます。メインページのタイトルには、組織名、アプリ名、またはイントラネット名を指定できます。
コンテンツ要素
これらのオプションは、ページ用コンテンツデザイナー、または新しいUXを有効にした場合に利用できます。
タイポグラフィ
UIフォントで、すべてのテキストやラベルに使用するフォントを設定できます。ブランディングのフォントセクションでカスタムフォントを追加し、選択できます。さらに、コンテンツ内のヘッダーやテキストごとに個別のフォント、ウェイト、サイズを設定できます。
ボタン
プラットフォーム内のプライマリ、セカンダリ、クリティカルボタンの背景色、境界色、テキストの色、境界の半径を設定できます。どのボタンが使用されるかはプラットフォームで事前に定義されています。ボタンスタイルを追加することで、ページ用コンテンツデザイナーで使用する独自のボタンを作成・定義できます。
リンク
リンクのカラーを設定し、太字、斜体、下線、または追加スタイルなしから選択できます。
コンテンツコンテナ
境界の半径
コンテンツの境界をシャープ、セミラウンド、ラウンド、またはカスタム半径に設定できます。このオプションは、ページ用コンテンツデザイナー、または新しいUXを有効にした場合に利用できます。
シャドウ
コンテンツにスモール、ミディアム、ラージ、またはシャドウなしを設定できます。このオプションは、ページ用コンテンツデザイナー、または新しいUXを有効にした場合に利用できます。
コンテンツ幅
イントラネットのコンテンツ幅をワイド、ミディアム、ナローから選択できます。このオプションは新しいUXを有効にした場合に利用できます。
追加設定
カスタム CSS
追加設定では、新しいUXとクラシックUXの両方に適用できるカスタム CSS を利用できます。より詳細なカスタマイズのためにカスタム CSS を適用できます。新しいUX用のカスタム CSS の設定方法をご覧ください。
バックグラウンド
任意で、マイファイルまたはローカルコンピュータからデスクトップユーザー用の背景色または画像をアップロードできます。
おすすめ:画像サイズは1920 x 1080 px以上。推奨サイズと異なる場合、自動的にズームやトリミングされ最適化されますが、画質が低下する場合があります。
イントラネット内で背景画像やカラーが使用される場所:
- 公開エリア
- 公開エリアがない場合はサインインダイアログの背後
- サインイン後のイントラネット全体
追加の参考情報
コメント
0件のコメント
サインインしてコメントを残してください。