タスクを説明する
Claude は、画像の読み取り、デザインリファレンスの解析、コードの生成といった機能を活用し、複数の形式にわたって希望するスタイルを反映したビジュアル素材を迅速に生成できます。 Claude は、アイデアや手書きのスケッチ、ブランド関連資料を、編集・印刷可能なカスタムアセットや QR コードに変換します。
必要な制作物を Claude に伝え、ブランディングガイドラインをアップロードすることで、ビジュアルアイデンティティに沿った仕上がりを実現できます。
私のコーヒーショップ「Morning Ritual」のために、次の 2 点が必要です。
1. 名刺(3.5 インチ × 2 インチ):
2. 名刺とデザインを統一したチラシ(18 インチ × 24 インチ)
私がアップロードしたブランディングガイドライン文書に一致します。 タイポグラフィ、色、スペーシングを正確に遵守します。 デザインは、夜明けを想起させる雰囲気を基調とし、柔らかな水彩調の円や紙の質感、有機的な広がりを取り入れた、プレミアムで手作り感のある表現とします。 要素が重なったり、ページ外にはみ出したりしないよう確認します。 作業内容を評価・検証し、これらの基準がすべて満たされていることを確認します。 デザインに改善の余地がある場合は、満足のいく完成度に達するまで改善を重ねます。
Claudeにコンテキストを与える
ブランドガイドライン文書は、視覚的な一貫性を維持するための具体的な詳細を Claude に伝えます。 これには、タイポグラフィの指定(フォント、サイズ、ウェイト)、カラーパレット(16 進コードおよび各色の使用条件)、スペーシングのルール(余白、パディング、階層構造)、美的方向性(ムード、スタイル、デザイン原則)などが含まれます。
必要なコンテキスト
ブランドまたはスタイルガイドラインをアップロードすることで、Claude はビジュアルアイデンティティ(タイポグラフィ、色、スペーシング、全体的な美的表現)を正確に反映できます。
この場合、スタイルガイドは PDF としてアップロードされます。
任意のコンテキスト
より高品質なファイルを作成するため、拡張思考を有効にします。
Claude は、ブランディングガイドラインに一致するファイルを生成し、そのまま印刷に出したり、編集したりできます。
Morning Ritual の制作物は、ブランディングガイドラインに沿って作成します。
成果物:
すべての素材には、柔らかく分散した円を用いた水彩調の表現、触感を想起させる紙の質感(ペーパーグレイン)、そしてレタープレス調の奥行きを生み出すレイヤードタイポグラフィが施されています。 暖かみのあるブラウン(#5F4738、#8B7355)とクリーム色の背景(#F9F7F3)を基調に、テラコッタとベージュのアクセントを取り入れています。 要素の重なりはなく、全体に適切な余白を確保し、印刷対応の仕様を完備しています。
デザインコラボレーションの後、チャット全体で共有された洞察を基に、参照用ドキュメントを作成するよう Claude に指示します。 これにより、会話内容が再利用可能な知識として整理され、今後 Claude と作業する際の参照資料として活用できます。
これまでの会話内容と直近で作成した資料を基に、包括的なブランドガイドラインドキュメントを作成します。内容には、正確な HEX コードと使用ルールを含むカラーパレット、タイポグラフィの仕様(フォント、サイズ、ウェイト、スペーシング)、水彩調およびレタープレス調の美的原則、紙の質感(ペーパーグレイン)の表現方針、そして手づくり感のある品質を維持するための指針を含めます。 これを保存し、今後の会話では元のファイルの代わりに参照できるようにします。
既存の印刷物をデジタル化し、オンラインでの存在感を高める新しいデジタルコンテンツの制作を Claude に依頼します。
これらの印刷物と同じ雰囲気(水彩調の円、紙の質感風のテクスチャ、レイヤードタイポグラフィ)を再現した HTML ページを作成します。 含める内容:ロゴ付きのヒーローセクション、価格付きのメニュー、所在地と営業時間、そしてカードと同じエレガントな質感。 次に、Netlify または GitHub Pages にデプロイする方法を説明します。
最初のプロンプトに確認事項を含めます。「要素が重ならないこと/塗り足しを除く仕上がり範囲からはみ出さないこと/すべての文字がセーフマージン(安全余白)内に収まること/QR コードの周囲に十分なクリアスペースを確保すること」 これにより、Claude は最初の試行で作業内容を徹底的にレビューし、改訂の必要性を軽減します。
言葉で説明する代わりに、ブランドのスタイリングドキュメントや、合わせたいデザインのスクリーンショットをアップロードします。 Claude に「このビジュアルの方向性に合わせてください」と伝えることで、タイポグラフィのスタイル、色の関係性、余白のリズム、全体のムードといった美的要素を迅速に把握します。 視覚的な例は、テキストでは表現しにくい微妙なニュアンスを捉えることができます。
これらの資料を十分に磨き込んだ後、ワークフローを再利用可能なスキルに変換します。 特定のブランディングアプローチを反映したスキルの作成について Claude と相談し、そのスキルにスタイルガイドラインや参照ドキュメントをアップロードします。 今後のデザイン依頼では、再度説明することなく、この専門知識が自動的に適用されます。
.png)