公開日: / 更新日:

どんなデザインにしたいかを言葉にする

いよいよ、オリジナルのテーマ作りに入ります。その前に、どんな見た目にしたいのかを言葉にしておきましょう。

といっても、デザインの専門用語を覚える必要はありません。ふだんの言葉で、思い描いている雰囲気を伝えれば十分です。

【広告・スポンサーリンク】

コンセプトだけでも形になる

実は私は、ゲームのサイトのテーマを作らせたとき、デザインについてはまったく指示をしませんでした。伝えたのは、ゲームのポータルサイトだというコンセプトだけで、あとは丸投げです。

それでも、できあがったテーマはコンセプトをきちんと汲んだ、納得のいく仕上がりでした。

色や雰囲気といったデザインの直しは、していません。あとから頼んだのは、ボタンの位置や間隔といった、配置の直しが中心です。

私の場合は、どんなサイトなのかを伝えただけで、それに合う見た目ができあがりました。ブログの企画書を書いてあれば、それがそのまま、コンセプトを伝える材料になります。

好みがあるなら言葉にして足す

一方で、見た目に好みがあるなら、それも言葉にして伝えましょう。たとえば、次のようなことです。

  • 雰囲気: 「〇〇のような感じ」と、たとえで言えるか(場所、お店、本や雑誌など)
  • 色: 背景の色と、アクセントにしたい色
  • 文字: 見出しの書体(明朝体かゴシック体か)、文字の大きさ、行間
  • 写真や画像: たくさん使うのか、ほとんど使わないのか
  • 読まれ方: パソコンとスマホ、どちらで読みやすさを優先したいか

全部を決めなくてもかまいません。私がゲームのサイトでコンセプトだけを伝えたように、決めきれないところは Claude Code に任せる手もあります。

ハナさんの場合

本を紹介するブログを始めるハナさんの場合は、ブログ部門の CLAUDE.md で、どんなデザインにしたいのかがすでに決まっていました。

企画書に書いた見た目が、そのまま CLAUDE.md の決まりとして入っていたのです。

【見た目】
・図書館や古い喫茶店のような、落ち着いた雰囲気。
・生成りの紙のような背景に、深い緑。見出しは明朝体。
・文字は大きめ、行間は広め。スマホで読みやすく。
・表紙画像は使わない。文字が主役。

そこでハナさんは、これをそのまま Claude Code に伝えることにしました。企画書を書き、ブログ部門を作っておいたおかげで、見た目のことを改めて一から説明する必要はありません。

この見た目でテーマを作らせた様子は、こちらの記事で紹介しています。

関連記事:テーマの作り方1 ゼロから言葉だけで作らせる

\ この情報をお友達にシェア! /
サムリ
在宅で働くフリーランス。2026年9月、右も左も分からない状態から Claude Code を使い始め、フォルダを部門に見立てた自分専属の AI チームを育てています。使い始めて2日でサイトを1つ作り、その4日後に Kindle 本を出版しました。プログラミングの経験がない人に向けて、仕組みと付き合い方をまとめています。
サムリ

準備編が本になりました[PR]

あなたの夢をかなえる!Claude Code 専属AIチーム構築法

このサイトの準備編を、頭から通して読める1冊にまとめ、Kindleで出版しました。

書き下ろしのまえがき・あとがきも収録しています。

Amazonで見る

Claude Code 活用術とは?

Claude Code 活用術
プログラミング経験がなくても大丈夫。Claude Code を、道具ではなく、育てる社員として捉え、あなただけの AI チームを持つ方法をまとめたサイトです。チームづくりの準備から、ブログやゲーム作りなどの実践まで、順に紹介します。