WEBデザイン関する勉強方法について検討しています。 現在、フリーランスのイラストレーターとして仕事をしています。

Question

WEBデザイン関する勉強方法について検討しています。

現在、フリーランスのイラストレーターとして仕事をしています。既存のHPは、ソフトを使用して制作しましたが、
リニューアルをしたいと考えるようになりました。

また、今後、本業で自身の世界観を伝えたり、PRしたりするために、
ウェブ上での表現力も身につけていきたいので、
これを機に独学またはオンラインスクールなどで
WEBデザインを学ぶことを検討しています。

新しいHPでは、自身が描いたイラスト（手描きの原画）を使用し、
例えば「扉をクリックすると、扉が開いて、該当ページへ移る」設定や、
日本語版を軸に英語、中国語のページも作成し海外に発信できるようにしたいです。

また、イラストで描いたキャラクターを笑わせたり、
手を振らせたり、動かせるようにもなりたいです。
（HP学習とは別になると思いますが）

独学で書籍＆ネットで学ぶ、スクールに入って学ぶ、
またはDreamweaverなどソフトを習得すること軸にして、
周辺の必要な知識を学んでいくのがよいかなど、
適切な学習方法について悩んでいます。

ご経験のある方や詳しい方のご意見を伺えましたら、
大変有難く思います。

どうぞよろしくお願いいたします。

Answer 1

「扉をクリックすると、扉が開いて、該当ページへ移る」動作は、アニメーション動作です。
おそらく、cssアニメーションで操作するか、javascriptで操作することになります。
もちろん、他の言語でも操作可能ですが、基本的には、どちらかを学ぶことが必要になります。
html5にも、プログラムを作成できる制御文の規定があるようなのですが、どこにあるのは、私は知りません。

「cssアニメーション」や「javascript アニメーション」で調べると良いと思います。
過去には、マイクロメディア フラッシュが使われていましたが、現在は使われていないと思います。

gifアニメーションやpngアニメーションについては、ご理解されているかと思います。使いすぎるとうるさいですが、アイキャッチとして、ホーム・ページ上で動き続ける画像は、効果的なので、ホーム・ページのニューリアルのつなぎに静止画像と差し替えるのも良いかと思います。
アピールサイトでは、閲覧者の動作を要求するものは、避けたほうが良いのではと思います。閲覧者の感性によっては、うるさいだけのページになってしまいます。
たとえば、以下のページは、アニメーションとしてはおとなしいですが、私は、うるさいと感じてしまいます。
https://www.iiyama-pc.jp/sense_infinity/
現在では、アニメやゲームの公式ページでも、ガンガンアニメーションが動くページは少なくなっています。

多国語対応のホーム・ページは、おそらく現在も混沌としていると思います。
かなり前に情報は古いですがCMSでは、WordPressが有名ですが、多言語サイトの構築には、「Joomla!」、「Drupal」が、支援機能が充実していると記述をみたことがあります。

しかし、アニメーションを多用したページでは、CMS上で実現しようとすると、更に複雑化するのでできれば避けた方がよいかと思います。
ja-jp、us-enなどのロケール名で、ディレクトリを作成し、その中に同じページ構造で、ページを作成スタイルが多いのではと思います。

この内容を教えてくれるスクールは、かなり限定されると思います。利用される場合は、かなり事前調査をしてから決断することをお勧めします。

Answer 2

イラストレーターさんの多くはグラフィックデザインがいまいち不得意なことが多いので、独学やスクールで技術的なことは学べても、Webデザインとして微妙なことになることが多いかなと思います。

「扉をクリックすると、扉が開いて、該当ページへ移る」も技術的には可能ですが、それがWebデザインとして良いと言えるのか、というと結構微妙だと思います。ユーザ目線ではかったるいと感じられることが多いと思います。スマホ対応も微妙なことになりそうですし。

グラフィックデザイナーやデザイン事務所と組んで制作を進めるのが一番良い結果を生むのではないかと思います。

Answer 3

ご自身のページ作るくらいなら、独学で大丈夫かと。

Answer 4

そうですね。僕も雇われからフリーランスになりましたが、まだ営業中なんですが、
WEB上でもとにかく下手に見える様なイラストレーターを考えてますね。
無論、下絵は手描きですよ。そこからの世界ですね。
Dreamweaver、Fireworks,Flashも勉強しましたが、今の流行りはもうそんなのじゃ無く手書きだと思いますね。甘く鮮烈的なイメージで僕は考えております。
僕も昔、日本語、英語、ハングル語で構成されるWEBの監修をする機会がありまして、要はPCで動くかどうかを無茶苦茶に動かしてHTMLとJAVAを使えてるをチェックする仕事なんでしたが、まあ、あまり動画は使わない方が良いという結論に達しましたね。
絵の勉強は適当に絵本程度が良いと思いますよ。
後は独学でやって覚えるべきですね。
まあ、僕は天才肌なので、万人にはオンラインスクールをお勧めします。
嫌味ではありませんよ、結構問題が多いから天才肌なんですよ。