デザイン要件・ビジュアルコミュニケーション

無料のブランド素材使用チェックツール.

色、余白、使用ルールからの具体的な逸脱。

文書化されたブランドガイドラインに照らして素材を確認し、根拠付きの具体的な修正点を見つけられます。

Chrome拡張機能とアカウントが必要です。
毎月25回の無料自動化タスクを全ツールで共有。ブラウザー接続先の提供元の制限が適用されます。

準備するもの

素材の配置と提供されたブランドガイドライン。

ここから開始

自分用に調整できるタスクです。

ここでコピーし、準備ができたら WebAct に貼り付けてください。

このページではプロンプトを準備します。タスクは WebAct で実行します。

01

タスクを自分用に調整しましょう。

上のプロンプトを確認し、目的と重要な要件を追加してください。

02

WebAct に持ち込みましょう。

WebAct を開き、タスクを貼り付けて元資料を提供してください。下書きや説明には Chat から始め、承認したブラウザー操作やファイルが必要な場合は Task を使います。

03

役立つ部分を確認しましょう。

結果は編集可能な下書きや分析として使ってください。判断の根拠にしたり共有したりする前に、提供した事実と想定読者に照らして確認します。

実践ガイド

ブランド素材の使い方を確認する方法。

ブランド素材は提供されたガイドラインと照合して確認します。余白、色、比率、配置の具体的な違いを報告し、提供画像だけでは確認できない要件はその旨を示してください。

作業手順をタスクに合わせましょう。

提供された素材やレイアウトを具体的なブランドルールと比較し、各差異と根拠を記録します。クリアスペース、比率、色、配置を別々に確認します。スクリーンショットから推測せず、元ファイルや測定が必要な要件を示してください。

用意するもの
素材の配置と提供されたブランドガイドライン。
得られるもの
色、余白、使用ルールからの具体的な逸脱。

入力と結果を確認しましょう。

説明用の入力と出力 · 実際の WebAct 実行ではない学習用サンプル

入力項目サンプル個

Guidelines require clear space equal to the logo icon width; supplied layout places text at half that distance.

完成例

Clear-space issue: adjacent text is about half the required distance from the logo.
Move it outward to meet the supplied rule and recheck the final-size layout. Verify color values from source files if the image cannot establish them.
この例をダウンロード

この入力をプロンプトに読み込み、WebAct にコピーして試してください。結果は掲載例と異なる場合があります。

判断のポイントとトラブル対処。

スクリーンショットだけでロゴが承認済みの正確な色値を使っていると証明できますか?

画面表示や圧縮により見た目の色が変わります。厳密な準拠が必要なら元ファイルの値を確認してください。

見た目には中央にあるロゴがガイドラインに違反するのはなぜですか?

クリアスペースや配置のルールは視覚的なバランスと異なる場合があります。実際の規則と基準単位に沿って測定してください。

自分の資料で試しましょう。

タスクのプロンプト内の例を自分の資料に置き換えてください。必要な要件を残し、タスクを WebAct にコピーします。

タスクを調整してコピー ↑
始める前に

WebAct の利用。

プロンプトと例はここで利用できます。タスクは Chrome 用 WebAct 拡張機能で実行してください。

このツールは無料ですか?

このページのプロンプトは無料でコピー・編集できます。WebAct で使うには Chrome 拡張機能をインストールし、アカウントを作成・認証して、利用可能なブラウザー版 ChatGPT セッションを接続してください。Free プランには、ユーザーが開始する自動化タスクが暦月ごとに25回含まれ、全ツールで共有します。通常のブラウザー Chat は別枠で、提供元の制限が適用されます。

共有コンテキストの説明はこちら: プライバシーポリシー モードの選び方はこちら: Chat または Task.

プロンプトから実際の作業へ

タスクを自分のページへ。

WebAct をインストールし、元資料を加えて結果を自分用に調整しましょう。

WebActをインストール