作業の進め方
Power Designには、ブランドの基盤を共有する2つの出力パスがあります。固定フレームのHTMLプレゼンテーションと、レスポンシブWebサイトです。Firecrawl経由のブランドURL、同梱のブランドスタイル、または中立的なデフォルトを使用できます。背景、前景、アクセント、フォント、角丸、トーンの参照は、その後それぞれの媒体向けルールに反映されます。
この区別が重要なのは、投影されて読みやすいスライドと、使いやすいWebページでは制約が異なるためです。スライドでは、限られた内容量、セーフゾーン、ひとつの視覚的要点、明確なプレゼンテーションモードを重視します。Webサイトではさらに、レスポンシブレイアウト、セマンティックな構造、キーボード操作、テーマの挙動、フォーム、メタデータを扱います。これらは設計上の目標であり、計測された性能結果ではありません。
想定される成果物
- HTMLプレゼンテーションまたはレスポンシブWebサイト。リンクされたフォントや画像にはネットワークアクセスが必要な場合があります。
- 新しいソースブランドを抽出する場合の、再利用可能なブランドスタイル記録。
- 内容、レイアウト、アクセシビリティについて、スライドまたはWebサイトのチェックリストで確認された出力。
指示からレビューまで
- 01デッキかWebサイトを選ぶ
ルールやキャンバスを選ぶ前に、出力媒体を決めます。
- 02ブランド入力を確定する
許可されたURLからの抽出、既存ライブラリのスタイル、または中立的なベースラインを使用します。
- 03適切なルールブックを適用する
スライドにはプレゼンテーションの制約を、Webサイトにはレスポンシブな操作要件を適用します。
- 04保存して確認する
出力を開き、媒体ごとの挙動を確認し、実際の結果に基づいて改善します。