デザイナー：スクリーンのカスタムレイアウトを作成する

デザイナー

Screenbird デザイナーを使用して、デジタルサイネージスクリーン用に完全にカスタマイズされたレイアウトを作成します。テキスト、画像、図形、ビデオ、ライブアプリをビジュアルエディターで組み合わせます。デザイン経験は不要です。

デザインを作成する

  1. サイドバーのコンテンツに移動します。
  2. デザインを作成をクリックします。
  3. キャンバスサイズを選択します：HD ランドスケープ（1920x1080）、HD ポートレート（1080x1920）、4K ランドスケープ（3840x2160）、4K ポートレート（2160x3840）、またはカスタムサイズ。
  4. オプション：テンプレート（情報画面、ウェルカムスクリーン、メニューボード）から開始するか、空白のキャンバスから始めます。
  5. 要素を追加し、調整して保存します。

要素を追加する

デザインに以下の要素を追加できます：

テキスト

テキストフィールドを追加し、フォント、サイズ、色、配置、行間、文字間隔を完全に制御します。システムフォントから選択するか、ファイルライブラリを通じて独自のフォントをアップロードします。

画像

メディアライブラリから画像をドラッグするか、組み込みストック写真ライブラリ（Pexels）から選択します。画像は角の丸み、透明度、回転をサポートしています。

図形

  • 長方形（丸い角の角の半径を調整可能）
  • 円
  • 三角形
  • 線
  • 矢印

すべての図形は、塗りの単色またはグラデーション、境界線、透明度をサポートしています。

ビデオ

URL 経由でデザインにビデオを追加します。デザインがスクリーンに表示されるとビデオが再生されます。

アプリ

デザインにライブアプリを追加します。時計、天気予報、ニューステッカー、YouTube ビデオ、ソーシャルメディアフィード、Google Slides プレゼンテーションなどがあります。40 以上すべての Screenbird アプリが利用可能です。アプリはスクリーンでライブ表示され、デザイン内で直接表示されます。

キャンバスと背景

  • 背景タイプ - セグメント化されたコントロールで単色、グラデーション（調整可能な角度の 2 色）、または画像の間で選択します
  • 背景画像 - 背景として画像をアップロードします（表示：カバー、収まる、または引き伸ばし）
  • グリッド - 正確な配置のためにグリッドを有効にします
  • 定規 - キャンバスの上部と左側に沿ったピクセル定規

要素を編集する

位置とサイズ

要素をドラッグして移動するか、正確な X/Y 座標を入力します。幅と高さを調整するか、比例してスケーリングします。

配置

複数の選択された要素を配置します：左、中央、右、上、中央、または下。3 つ以上の要素の場合は、均等に分配することもできます。

レイヤー

各要素にはレイヤー位置があります。右側のレイヤーパネルを使用して要素を再配置、非表示、またはロックします。ロックされた要素は誤って移動されることはありません。

グループ化

複数の要素を選択してグループ化し、全体として移動およびスケーリングします。

キーボードショートカット

  • Ctrl+Z - 元に戻す
  • Ctrl+Y - やり直す
  • Ctrl+C / Ctrl+V - コピー / ペースト
  • Delete - 削除
  • 矢印キー - 要素を 1px 移動
  • Shift + 矢印キー - 要素を 10px 移動
  • Ctrl+S - 保存
  • スペースキー - キャンバスを移動

AI デザイナー

AI デザイナーはチャットサイドバーで、キャンバスの右下にある AI アイコンから開きます。プロンプトで何をしたいかを説明します（例：「ロゴと「ウェルカム」というテキストを含むウェルカムスクリーンを作成」）。AI が完全なデザインを生成します。結果を後続メッセージで改善できます。会話のようにやり取りできます。AI はフィードバックに基づいて色、テキスト、位置、要素を調整します。

プレビューを表示する

ツールバーの再生ボタンをクリックしてデザインをプレビューします。プレビューはキャンバス内でインラインで再生されます（アニメーションとビデオは所定の位置で再生されます）。フルスクリーンモードではありません。

デザインをスクリーンに送信する

デザインが完成したら、2 つの方法でスクリーンに送信できます：

  1. 直接プッシュ - エディターの「スクリーンにプッシュ」ボタンをクリックし、1 つ以上のスクリーンを選択します。
  2. プレイリスト経由 - デザインをプレイリストに追加し、スケジュール経由で計画します。

ヒント

  • テンプレートを出発点として使用し、独自のテキスト、色、ロゴでカスタマイズします。
  • 背景画像と半透明の図形およびテキストを組み合わせてプロフェッショナルな結果を得ます。
  • ライブ時計または天気予報をデザインに追加してダイナミックに保ちます。
  • 配置と分配を使用して要素をきれいに配置します。
  • デザインはリアルタイムで作業中に自動保存されます。

© screenbird.app