STYLE PROFILE

手描き風

Hand-drawn

人が手で線を引き、塗り重ねたような表情を残す表現です。ここでは線の揺れや塗りの跡を見せる描き方を扱います。

見本はこの図鑑のためにAIで生成した画像です。

手描き風の代表配色例

色コードと役割をまとめてコピーできます。

背景（`#F1EBDD`）とのコントラスト比
色	役割	比	文字に使う目安
`#3F4649`	文字と構造	8.09:1	本文の文字にも使える
`#7197A0`	主色	2.66:1	文字には向かない
`#D4AD77`	強調色	1.75:1	文字には向かない

比はWCAG 2.2の計算式で求めた値です。4.5:1以上は本文の文字、3:1以上は大きな文字や図形に使える目安です（達成基準1.4.3・1.4.11）。

手描き風のプロンプト例

手描き風でデザインしてください。少し揺れや変化のある線、線を往復させて塗ったような面、線の重なりや塗り残しを見せる仕上げを取り入れてください。

手描き風の主な視覚的特徴

少し揺れや変化のある線
定規で引いたような均一な線ではなく、わずかに曲がったり太さが変わったりする線で描きます。Rough.jsでは、線の粗さや曲がり具合を数値で調整できます。
線を往復させて塗ったような面
面を均一に塗りつぶさず、ジグザグに往復する線や平行な線を重ねて塗ります。マーカーやクロスハッチングで塗ったような手触りが生まれます。
線の重なりや塗り残しを見せる仕上げ
線が輪郭からはみ出したり重なったり、すき間が残ったりした跡を消さずに残します。こうした跡が、描き手の手の動きを感じさせます。

手描き風が向いている成果物

揺れる線や塗り残しを図と文字に揃え、手作りの企画や商品を親しみやすい外観で伝えられる。
- 案内・お知らせ
簡単な手描きの図と区切りを添え、地域や小さな催しの案内を堅すぎない見た目にできる。

手描き風とは

手描き風は、人が手で線を引き、塗ったような跡を残すイラストの表現です。美術の分類では、粗く、習作よりも仕上げの少ない作品をスケッチと呼びます。手描き風は、こうした仕上げ切らない線の表情を、完成した絵の中で生かします。

紙に描いたスケッチを使う場合は、画像を取り込み、ベクター形式の図形や線に変換してなぞる方法があります。デジタルで直接描く場合は、鉛筆ツールやブラシツールが、表情のある自由な線に向いています。

ソフトウェアには、手描きの見た目を再現する機能もあります。動画編集ソフトAfter Effectsのスクリブル（落書き）効果は、ジグザグに往復する1本の線で形を塗り、マーカーやクロスハッチングのような塗りを作ります。図形を描くライブラリーRough.jsは、線の粗さや曲がり具合を数値で指定でき、スケッチ風の平行線で面を埋めます。

建築の分野には、手描き風の画像の受け止め方を調べた研究があります。1996年に発表された、建築家54人を対象とする研究では、CADを使う回答者の53%が、最初の案を施主に見せる方法として鉛筆画風の画像を選びました。案がまだ途中であることがよく伝わる、というのが主な理由です。一方、最終案の提示に選んだ人は8%にとどまりました。

見分けるときは、次の点を確かめてみてください。