グラフィックデザイン

AIワークフローのソーシャルカルーセルデザイン

縦長の7枚のカードで、特大サイズの中国語見出し、番号付きの習慣、変化するカラーフィールド、締めくくりのステートメントを用いて、AI編集ワークフローを説明します。

OpenDesignテンプレート配布
公式

OpenDesign Communityのライブラリで配布されています。テンプレートでは、上流ソースとしてHTMLAnythingが宣言されています。

AI編集ワークフローの改善をテーマにした7枚構成のソーシャル向けエディトリアル7 画面
特大サイズの暗い中国語見出し、赤い強調、保存バッジ、ページマーカー、スワイプの手がかり、HTMLAnythingのフッターを備えたピーチ色の縦長カード。
5つのAI編集習慣 — 表紙スクリーンショット 1 / 7

ソーシャル向けエディトリアルの用途

  • ソーシャル向けエディトリアルデザインモバイルで順番に読むための、簡潔なナラティブを構築します。
  • AIワークフロー教育具体的なビジュアル例を通して、実践的な編集習慣を説明します。
  • カルーセルコンテンツシステム説明内容を変化させながら、繰り返し登場するカードの一貫性を保ちます。
  • 中国語のエディトリアルレイアウト短い説明文や、ときどき登場するラテン文字の技術用語と並べて、中国語のディスプレイ見出しを配置します。

7枚構成レイアウトの特徴

  • 7枚構成のナラティブ準備に関するアドバイスから5つの習慣を経て、結論へと進みます。
  • エディトリアル・タイポグラフィ特大サイズの中国語見出しで、各カードのテーマを明確にします。
  • 視認できる読み取りの手がかりページ番号とスワイプラベルで、スワイプナビゲーションを実装せずに順序を示します。
  • 反復されるエディトリアル構成一定した余白とフッターマーカーで、異なる7つのカラーフィールドをつなぎます。

5つの習慣、7枚の縦長カード

OpenDesign Communityのライブラリで配布され、上流元としてHTMLAnythingが宣言されているこのグラフィックには、AI編集の習慣を扱う7枚の縦長カードが含まれています。表紙では特大サイズの中国語見出しによって5つの習慣を紹介し、その後に5枚の番号付き説明カードが続き、最後のステートメントで構成を締めくくります。これは静的なソーシャル向けエディトリアルデザインであり、AI製品のインターフェースや検証済みのパフォーマンスレポートではありません。

表紙では読者に投稿の保存を促し、締めくくりのカードではツールを蓄積することよりも、スムーズなプロセスが重要だと主張します。この始まりから終わりまでの弧によって、各カードに固有のエディトリアル上の役割が与えられます。注意を引き、5つのアイデアのうち1つを伝え、最後にメッセージを要約する役割です。作品内の商品への言及や性能に関する記述は、独自に検証されたワークフローの成果ではなく、提供されたサンプルコピーのままです。

冒頭のカードでは、ピーチ色のフィールド、特大サイズの中国語タイトル、01 / 07のマーカー、下部のスワイプの手がかりを使い、カルーセルの読み取りパターンを確立しています。
冒頭のカードでは、ピーチ色のフィールド、特大サイズの中国語タイトル、01 / 07のマーカー、下部のスワイプの手がかりを使い、カルーセルの読み取りパターンを確立しています。

カルーセルの用途

この形式は、各アイデアにそれぞれ視覚的な間を設ける必要がある短形式の教育コンテンツに適しています。中央の5枚のカードは、会話型プロンプトから形式の参照、再利用可能なテンプレート、差分ベースの修正、ローカルセッションへと進みます。この進行は、読者のメンタルモデルを変える段階から、反復作業の構造を変える段階へと移行します。その一方で、大きな習慣番号によって各テーマを単独でも識別しやすくしています。

このデザインは、ワークフローを説明するクリエイター、編集上の規約を文書化するチーム、順序立てた画像レッスンを計画する教育者を支援できます。5枚の番号付きカードが固定されたナラティブの背骨を提供しますが、各カードには主要な考えを1つだけ載せる必要があります。詳細な但し書きや補足根拠には、より多くのカードまたは別の形式が必要です。提供されたHTMLではこれらのカードが縦方向に積まれていますが、表紙のラベルが示唆するスワイプ動作は実装していません。

ワークフローのレッスン

複数段階の編集作業を、個別に読める5つの学習場面へ変換します。

クリエイター教育

力強い見出しと、カードごとに1つの具体例または指示を組み合わせます。

チーム向けガイダンス

作品を実際に動作するツールとして提示することなく、繰り返し使う規約を見える形にします。

構成と読み順

ソースでは各カードを幅1080px、アスペクト比3:4として定義しています。現在のキャプチャでは、この縦長の比率を2160×2880ピクセルで保っています。補足段落の最大幅は24chで、はるかに大きな見出しとは明確に区別されています。この階層によって各習慣をすばやく識別できますが、但し書きに使える空間は少なく、コピーを変更する際には意図的な改行が必要です。

最初のカードでは、小さな「⚡ 建议收藏 · 干货预警」ピル、対象読者への呼びかけ「AI 工具党 · 必看」、大きく積み重ねたタイトル、下部付近の「滑动看 →」によってシステムを確立しています。01 / 07のマーカーは右上に置かれ、ハンドルと「5/11」はフッターに表示されます。これらの繰り返される端部マーカーにより、読者が説明文に到達する前から、作品が一連の構成であることを認識できます。

2枚目から6枚目までは番号付きの構成を維持します。「01 放弃 完美 prompt」はプロンプト作成をSQLではなく会話として捉え直し、「02 让 AI 看见 你的格式」はmarkdownまたはCSVの参照を導入します。「03 用模板, 别每次重写」は再現性へと軸足を移し、「04 二次编辑 跑 diff」はより小さな修正単位を説明し、「05 复用 本地 session」で実用的なリストを締めくくります。各見出しは短い行に分割され、テーマを変化させながら一貫した縦方向のリズムを生み出しています。

色の変化は構成の一部です。ピーチ色の表紙に続き、クリーム、グリーン、ラベンダー、ピンク、ウォームイエローの説明カードが並びます。これらのフィールドに合わせて暗い文字を変化させ、ダークブラウンの締めくくりのカードではクリーム色の文字とゴールドの強調に切り替えています。一定した端部マーカーとタイポグラフィが、異なるパレットをつなぎます。締めくくりにあるフォロー、保存、シェアのラベルはソーシャルメディアの行動喚起に似ていますが、動作する操作ではなく、描画されたテキストです。

冒頭のカード

保存を促すメッセージ、特大サイズのタイトル、ページマーカー、スワイプの手がかりで、続きを読むよう促します。

説明カード

番号、見出し、コンパクトな本文構成を繰り返し、各習慣を1つのまとまりとして読めるようにします。

締めくくりのカード

5項目のレッスンを、ツールの数よりもプロセスを重視するという簡潔なステートメントに変換します。

5つの習慣、5つの強調点

順序は単なるリスト以上の意味を持ちます。最初の説明では、最初から完璧なプロンプトを作るという期待を退けます。2つ目では、markdownまたはCSVを貼り付ける前に、具体的な形式の参照を提示するよう読者に求めます。3つ目では、うまくいった指示をテンプレートに変えます。4つ目では、修正を既存HTMLに対するdiffとして扱います。5つ目では、既存の作業コンテキストを再利用する方法としてローカルセッションを示します。カード全体を通じて、プロンプトの枠組みから形式、再利用、修正、継続性へと進みます。

短いアドバイスの中に、いくつかの主張が圧縮されています。サンプルでは、すぐに使えるデザインシステムを9つ提供するとし、diff編集によってトークンを80%節約でき、ローカルセッションには限界費用がなく、リモートAPIよりはるかに高速だと説明しています。アーティファクト内には、これらの記述を裏付ける測定値、比較条件、接続されたサービスはありません。これらは提供された宣伝用コピーとして扱うべきであり、OpenDesignの機能や検証済みの成果として受け入れるべきではありません。

機能の境界

これは、OpenDesign Communityを通じて配布され、上流元としてHTMLAnythingが宣言されている静的な7枚構成のグラフィックサンプルです。AIエディター、ローカルセッションマネージャー、テンプレートライブラリ、diffエンジン、APIワークフロー、スワイプナビゲーション、ソーシャル公開機能は実装していません。フォロー、保存、シェアはイベントハンドラーのない表示用ラベルです。HTMLが示すのはタイポグラフィ、色の変化、ナラティブの順序であり、描かれた製品および性能に関する主張を再利用する前には、別途検証が必要です。

OpenDesignでAIワークフローのソーシャルカルーセルデザインを作成する方法

  1. OpenDesignをダウンロードしてインストール

    デスクトップアプリをダウンロードしてインストールし、セットアップを完了してください。デザイン用のプロジェクトを作成します。

    OpenDesignをダウンロード
  2. 7枚構成のナラティブを定義する

    スタイリングの前に順序を決めます。冒頭の呼びかけ、番号付きの5枚の習慣カード、締めくくりのステートメントで構成します。中央の各カードには実用的なアイデアを1つだけ置き、読み順が明確に保たれるようにします。

  3. エディトリアル・タイポグラフィシステムを構築する

    3:4の比率、特大サイズの中国語見出し、斜体の習慣番号、簡潔な補足コピー、一定したページおよびフッターマーカーを使用します。フィールドはピーチ、クリーム、グリーン、ラベンダー、ピンク、ウォームイエローで変化させ、最後はダークブラウンにクリームとゴールドの文字で締めくくります。1色または1種類の見出しサイズが全体の構成に合うと決めつけず、各カードで中国語の改行を確認します。

    推奨プロンプト

    AI編集の習慣をテーマにした、静的な3:4縦長のソーシャル向けエディトリアルカードを7枚作成してください。保存バッジ、対象読者への呼びかけ、赤い強調を含む特大サイズの中国語見出し、ページマーカー、視覚的なスワイプの手がかりを備えたピーチ色の表紙から始めます。続く5枚の番号付きカードでは、会話型プロンプト、望ましい形式の参照、再利用可能なテンプレート、差分ベースのHTML修正、ローカルセッションの再利用を扱います。フィールドはクリーム、グリーン、ラベンダー、ピンク、ウォームイエローの順に使い、暗い文字、大きな斜体番号、左揃えの短い段落を配置します。最後はダークブラウンにクリーム色のディスプレイ書体、ゴールドの強調、フォロー・保存・シェアのラベルを組み合わせます。一貫したフッタークレジットを含めてください。これらのラベルは視覚的な手がかりであり、動作するソーシャル操作ではありません。性能および製品に関する主張は例示的なものだと明示し、接続されたエディター、測定済みの削減効果、公開連携はないものとしてください。

  4. 根拠と境界を整える

    markdown、CSV、テンプレート、HTML、diff、ローカルセッションなどの具体例は、それを導入するカードに結び付けておきます。トークン削減や速度差などの主張は、別途根拠がない限りエディトリアル上の記述として確認し、目に見えるデザインと提案された動作の違いを保ちます。

  5. エクスポートして共有リンクを取得

    完成したデザインをエクスポートし、OpenDesignの「共有」機能を使って共有リンクを取得してください。別のブラウザウィンドウでリンクを開き、意図したバージョンとそのアセットが正しく表示されることを確認してから送付してください。