デッサン力とWebデザイン

Webデザインをやるのにデッサンなんて必要あるの?そう思っている人も多いと思います。確かにPhotoshopを使えば写真を手書き風に加工したり、イラスト風にすることも可能です。アイコンだって商用で使えるアイコンはたくさん出まわっていますね。それでも私は「デッサン力は必須ではない」けれど「あった方が絶対にいい」と思っています。そんなデッサンについて書いてみます。


アンケート結果

[poll id=”2″ type=”result”]

こっそり行ったアンケート第二弾!一位は「自信はないけど描ける」という答えでした。2位以下は近差でしたが、「無理!」という人が一番少ないですね。この答えからも見えてくるデッサン力の必要性。あれ、そもそもデッサンってなんなんでしょ?

デッサンとは

デッサンとデザイン

デッサンとは、目で見た物体の形状や質感、陰影をモノクロで忠実に描写することです。デッサンを勉強すると言うことは見る力を養う事と同じで、実際に「描く」ことより、物体を「見る」能力とイメージを形に「表す」能力だと言われています。

Webデザインに関係あるの?

アンケートの結果にもあるように、20%のデザイナーさんが全く描けないと回答しました。確かに描けなくても仕事はできます。ではなぜデッサンをすすめるのか?

デッサンをするメリット

デッサンをするメリットは観察力がつき、物体の細部までとらえられるようになる、という点です。デッサン力をしっかりと身につけていれば、物体の形・質感を豊かに表現でき、PCやMacを使った表現にも説得力が出せるようになります。薔薇の曲線の美しさやデジカメのツルツルとした質感を表現する方法がつかめてくるはず。作りたいイメージを具体的に形にしていくスキル、画面の中でのバランスをとる力がアップし、デザインのポテンシャルも向上するでしょう。

こんな独創的な作品もデッサンの基礎がしっかりしているからこそ。

良いデザインを観察するクセがつく

私は初めてデッサンが好きになったのは6歳の時(お絵かきではなくデッサン)。デザインの世界(Webに限らず)に興味を持ち始めて早10年。10年間欠かさずやっている事といえば良いデザインを見たときに、「なぜこのデザインに惹かれたのか」を考えることです。Web上で、街中で、どこでも「良いな」と思うデザインに出会ったら立ち止まって細部までじっくり観察し、研究します。すると「背景に画用紙のような質感を使って温かみをだしてる」「ボタンに1pxのラインを加えてくっきり見せている」「メニューバーのグラデーションとわずかな影が立体感を出している」とそのデザインの魅力をより深く理解でき、自分のデザインのアイデアとして引き出しにしまっておけます。

クライアントとの打ち合わせで

ちょっとしたラフ画をその場で描いてみせる事ができます。デッサン力があれば線だけで描かれたワイヤーフレームとは違い、使用する素材・写真の具体的イメージも含んで説明する事ができます。ワイヤーフレームだけではイメージを膨らませにくかったりしますが、少しイラストを加えるだけでクライアントの反応も違ってきます。つまりデッサン力があれば目の前にモチーフがなくても、頭の中にあるモノ・アイデアを描き現す事ができるようになります。

アイコン・ロゴ

世に出回っている数多くのアイコン素材を使用しても、なんの問題もありません。それでも時にWebサイトにあう素材が見つからない場合もありますよね。そんな時に自分でサッとイラストを描き、アイコンを作成できれば、イラストレーターに外注する手間も省けます。そして何よりもロゴ。こればかりは素材を使うわけにはいきません。世界にただ一つの、そのWebサイトの顔ですから。

拳がモチーフのロゴ

拳がモチーフのロゴ



望遠鏡と星をモチーフに簡略化してロゴに。

イラスト・絵画を使ったWebデザイン

こんな素敵なサイトを外注なしで作成できたら素敵ですよね!

N.Design Studio

http://www.ndesign-studio.com/

SoftFacade

http://wow.softfacade.com/

Webデザイン: 細部まで描かれたベクターイラストが魅力

XHTML Cafe

http://xhtmlcafe.net/

Webデザイン: 水彩画風イラストがかわいWebサイト【XHTML Cafe】

meomi

http://www.meomi.com/

DNA to Darwin

http://www.dnadarwin.org/

Pixelblast

http://pixelblast.net/

Pieoneers

http://www.pieoneers.com/

Webデザイン: イラストを使ったWebサイト

Miki Mottes

http://www.mikimottes.com/

Sofa

http://www.madebysofa.com/

R.I.P Cube Club

http://www.cubeclub-chemnitz.de/

ブラン

http://www.bla.jp/

PSYOP

http://www.psyop.tv/

Hull Digital Live 09

http://www.hdlive09.co.uk/

RED NOSE DAY

http://www.rednoseday.com/

Starbucks Coffee At Home

http://www.starbuckscoffeeathome.com/

Webデザインとは少し違いますが、タブレットとマウスでこんな風に3Dデザインできるみたいです…もう何がどうなってるのか教えてほしい…。

継続することが大切

一日一枚、何か身の回りのモノをデッサンしてみましょう。下手でもいいんです。よく観察し、形にしようとする事が肝心です。本格的に習いに行けば、指導してくれる先生もいるし、他の生徒のデッサンをみて刺激を与えられるでしょう。デッサン力がないとデザインができないということはありませんが、行き詰って壁を感じてしまうかもしれません。難しく考えず楽しんで続ければ、いつかやっててよかったと思える日がくると思います。

シェアする

コメント

ニュースレター

Web制作の最新情報やWebクリエイターボックスからのお知らせ、中の人の近況等を定期的にお送りいたします。 ぜひご登録ください!もちろん無料です! :)