Webデザイナーの転職について
※当サイトは、アフィリエイト広告を掲載し、収益を得て運営しています。
posted by 和泉潤さん 2013-12-27
こんにちは。
福岡に住む和泉と申します。
私は、来年1月で36歳になります。
以前よりWebデザインに興味があり、
仕事にしたいと思って今年3月に前職を辞め、
独学→職業訓練校でデザインの勉強をしました。
今年11月から就職活動を始めましたが、正社員はもちろん、
アルバイトや短期の派遣でも不採用結果をもらう日々で
もうすぐ2ヶ月が過ぎようとしてます。
年齢の都合もあり、不安になってまいりました。
スキル不足であることは感じております。
ただ、どういう点が不足しているのかが見えず
採用してもらえるレベルがどの程度のものかが
わかりません。
ページデザイン力なのか、コーディングの知識なのか、
素材制作力の不足なのか、それ以外なのか…
現段階の私のレベルは下記のページです。
http://www.geocities.jp/nextbatters/home.html
日々、作れそうなサイトを模写しながら
知識を増やしているところです。
ただ、この年齢とこのスキルから仕事が見つかる可能性があるかどうか
辛口のジャッジをお願いしたいと思ってます。
どうぞよろしくお願いいたします。
福岡に住む和泉と申します。
私は、来年1月で36歳になります。
以前よりWebデザインに興味があり、
仕事にしたいと思って今年3月に前職を辞め、
独学→職業訓練校でデザインの勉強をしました。
今年11月から就職活動を始めましたが、正社員はもちろん、
アルバイトや短期の派遣でも不採用結果をもらう日々で
もうすぐ2ヶ月が過ぎようとしてます。
年齢の都合もあり、不安になってまいりました。
スキル不足であることは感じております。
ただ、どういう点が不足しているのかが見えず
採用してもらえるレベルがどの程度のものかが
わかりません。
ページデザイン力なのか、コーディングの知識なのか、
素材制作力の不足なのか、それ以外なのか…
現段階の私のレベルは下記のページです。
http://www.geocities.jp/nextbatters/home.html
日々、作れそうなサイトを模写しながら
知識を増やしているところです。
ただ、この年齢とこのスキルから仕事が見つかる可能性があるかどうか
辛口のジャッジをお願いしたいと思ってます。
どうぞよろしくお願いいたします。
和泉潤さん
こんにちは。独学!未経験からWebデザイナーになる!!
http://www.be-webdesigner.com/
というサイトの管理人の馬場です。
年末の仕事が立て込んでおり、
お待たせしてしまい大変申し訳ありませんm(__)m
先日ご投稿いただいたお悩み相談の件、
以下、返信しますね！
まず、教えてくださったサイト、拝見しました。
就職に役立てるよう、辛口のジャッジでいかせていただきますね！
（そう明記していただく方が書きやすいです(^-^)）
※サイト内の「DESIGN」からリンクされている、
他３ページも拝見しましたが、
メインは挙げてくださったサイト中心でお話ししたいと思います。
-----------------------------------
■デザイン
-----------------------------------
▼全体
全体にもう少し、デザイン要素がほしいところです。
特に、文字をHTMLでタイプしただけの部分が多いので、
目立つ部分（例えばグローバルナビ等）の文字を画像にしてみたり、
アイコンやイラストなどを入れたりなど、
工夫をされるとよりよくなると思います。
ただ、現状ではデザインされている部分も
クオリティがまだこれからな印象がありますので、
さらに実践をしながら研究して、よりクオリティを高めてみてください。
▼画像
全体的に、写真画像が粗かったり、
白っぽくなってしまっていたりで品質があまりよくないです。
写真が格好いいと、雰囲気も変わってきますので、
よく撮れている画像を、圧縮しすぎずに使われるといいでしょう。
▼画像文字のデザイン
現時点でもっとも改善の余地があるのが
画像の文字デザインだと私は思います。
このあたりが、一般の方とプロとを明確に
分けてしまうと言っても過言では無い部分であり、
現時点ではそれがネックになっていると思います。
一つずつ挙げていきますね。
▽1.フォントの選定
フォントは、デザインの重要な要素なのですが、
その選定がまだ慣れていないように感じます。
加えて、画像として使う文字のフォントは、
できるだけ格好のよいものを選びましょう。
格好のよいもの、と言われても
これは経験が必要なので難しいと思いますが、
少なくとも、使ってはいけないフォントを使わないことがまず第一です。
例えば、現在MS Pゴシックを使われていると思いますが、
このフォントは非常に格好悪いフォントなので、
プロの間ではまず使われません。
できれば、OSに標準で入っているフォント以外の、
有料のフォントを使われると、デザインの幅が広がります。
モリサワフォント
http://www.morisawa.co.jp/
のものがプロの間では一般的に使われており、
品質も高いですが、高いので
ダイナフォント等でもいいと思います。
http://www.amazon.co.jp/s/ref=nb_sb_noss?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&url=search-alias%3Daps&field-keywords=%E3%83%80%E3%82%A4%E3%83%8A%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88
※Macもお使いなら、元々入っている
ヒラギノ角ゴシック・ヒラギノ明朝などを使うだけでも、
サイトの印象が良くなります。
▽2.縦横比
文字を縦に伸ばしている（横を縮めている）部分がありますが、
横幅が足りないなど、特に理由が無い限りは
やらない方がいいです。
▽3.アンチエイリアス
アンチエイリアス（なめらかに表示）無しの画像文字がありますが、
こちらも理由が無い限りあまりやらない方がいいです。
特に太字にアンチエイリアス無しは、
見た目がもっさりしてよくありません。
▽4.その他文字デザイン
ドロップシャドウやグロー、
文字の色使い、写真画像の上にのせる場合の加工など、
まだまだこれからと感じます。
文字デザインは一朝一夕にいかない部分なので難しいですが、
この部分は、クールなサイトを参考にしながら、
少しずつレベルアップしていってください。
-----------------------------------
■コーディング
-----------------------------------
▽文法
まず、正しい文法でかけているかどうかが第一の基準です。
現時点では、ほとんどのページがマイナス点になっており、
大幅な文法エラーがあるようです。
もし採用側がこれを見たら、
コーダーとしてはまず採用されないと思われます。
（ちなみに私の場合は採用の際、検討している場合は
必ず文法チェッカーにかけます）
下記ページを参考に、文法チェックを行い、
それらを訂正してみてください。
http://www.be-webdesigner.com/tips/coding/syntax_checker.htm
※代表的な文法チェッカーである、
Another HTML-lintのオフィシャルサイトが
これを書いている時点でサーバーが落ちているようですので、
もし閲覧できない場合は「Another HTML-lint」で検索してみてください。
Another HTML-lintで、90点以上が理想です。
-----------------------------------
■その他
-----------------------------------
▽サイトの見せ方
応募の際には、こちらのURLを
先方に伝えていらっしゃるのでしょうか？
もしもそうあれば、見せ方にやや問題があります。
応募の際は、練習のようなサイトは見せずに、
きちんと全部のページを作ったサイトを、
できれば３サイト以上は用意するのがベターです。
また、サイト制作の際は、
本番同様にサイトの仕様書を作り、
それも併せて提示するといいでしょう。
仕様書には、例えば下記のようなものが含まれます。
・サイトの目的
・ターゲットユーザー
・テーマカラー
・対応ブラウザ
・etc...
※きちんとした就活用のサイトを別に作られている場合は、
この項目は無視してくださってけっこうです☆
▽就職について
最後にこの部分のお答えですが、
Web制作会社の場合は、現時点では厳しいかと思います。
Web制作会社以外の一般企業のWeb担当、
ということであれば、これまでの職歴が活きれば
可能性もあるかもしれませんね。
ただ、全体にみてまだまだこれからという印象は受けます。
コーディングの方は、文法チェッカーを見ながら直せば
比較的なんとなかなると思いますが、
特にデザイン力の方が足りていないように思います。
できれば、架空のサイトを作られるよりも、
ご自身が楽しいと感じるサイトをデザインしながら学んでみてください。
続けていれば、自然とデザイン力がついてくるはずですよ☆
以上、参考になるところがあれば幸いです。
馬場誠
こんにちは。独学!未経験からWebデザイナーになる!!
http://www.be-webdesigner.com/
というサイトの管理人の馬場です。
年末の仕事が立て込んでおり、
お待たせしてしまい大変申し訳ありませんm(__)m
先日ご投稿いただいたお悩み相談の件、
以下、返信しますね！
まず、教えてくださったサイト、拝見しました。
就職に役立てるよう、辛口のジャッジでいかせていただきますね！
（そう明記していただく方が書きやすいです(^-^)）
※サイト内の「DESIGN」からリンクされている、
他３ページも拝見しましたが、
メインは挙げてくださったサイト中心でお話ししたいと思います。
-----------------------------------
■デザイン
-----------------------------------
▼全体
全体にもう少し、デザイン要素がほしいところです。
特に、文字をHTMLでタイプしただけの部分が多いので、
目立つ部分（例えばグローバルナビ等）の文字を画像にしてみたり、
アイコンやイラストなどを入れたりなど、
工夫をされるとよりよくなると思います。
ただ、現状ではデザインされている部分も
クオリティがまだこれからな印象がありますので、
さらに実践をしながら研究して、よりクオリティを高めてみてください。
▼画像
全体的に、写真画像が粗かったり、
白っぽくなってしまっていたりで品質があまりよくないです。
写真が格好いいと、雰囲気も変わってきますので、
よく撮れている画像を、圧縮しすぎずに使われるといいでしょう。
▼画像文字のデザイン
現時点でもっとも改善の余地があるのが
画像の文字デザインだと私は思います。
このあたりが、一般の方とプロとを明確に
分けてしまうと言っても過言では無い部分であり、
現時点ではそれがネックになっていると思います。
一つずつ挙げていきますね。
▽1.フォントの選定
フォントは、デザインの重要な要素なのですが、
その選定がまだ慣れていないように感じます。
加えて、画像として使う文字のフォントは、
できるだけ格好のよいものを選びましょう。
格好のよいもの、と言われても
これは経験が必要なので難しいと思いますが、
少なくとも、使ってはいけないフォントを使わないことがまず第一です。
例えば、現在MS Pゴシックを使われていると思いますが、
このフォントは非常に格好悪いフォントなので、
プロの間ではまず使われません。
できれば、OSに標準で入っているフォント以外の、
有料のフォントを使われると、デザインの幅が広がります。
モリサワフォント
http://www.morisawa.co.jp/
のものがプロの間では一般的に使われており、
品質も高いですが、高いので
ダイナフォント等でもいいと思います。
http://www.amazon.co.jp/s/ref=nb_sb_noss?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&url=search-alias%3Daps&field-keywords=%E3%83%80%E3%82%A4%E3%83%8A%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88
※Macもお使いなら、元々入っている
ヒラギノ角ゴシック・ヒラギノ明朝などを使うだけでも、
サイトの印象が良くなります。
▽2.縦横比
文字を縦に伸ばしている（横を縮めている）部分がありますが、
横幅が足りないなど、特に理由が無い限りは
やらない方がいいです。
▽3.アンチエイリアス
アンチエイリアス（なめらかに表示）無しの画像文字がありますが、
こちらも理由が無い限りあまりやらない方がいいです。
特に太字にアンチエイリアス無しは、
見た目がもっさりしてよくありません。
▽4.その他文字デザイン
ドロップシャドウやグロー、
文字の色使い、写真画像の上にのせる場合の加工など、
まだまだこれからと感じます。
文字デザインは一朝一夕にいかない部分なので難しいですが、
この部分は、クールなサイトを参考にしながら、
少しずつレベルアップしていってください。
-----------------------------------
■コーディング
-----------------------------------
▽文法
まず、正しい文法でかけているかどうかが第一の基準です。
現時点では、ほとんどのページがマイナス点になっており、
大幅な文法エラーがあるようです。
もし採用側がこれを見たら、
コーダーとしてはまず採用されないと思われます。
（ちなみに私の場合は採用の際、検討している場合は
必ず文法チェッカーにかけます）
下記ページを参考に、文法チェックを行い、
それらを訂正してみてください。
http://www.be-webdesigner.com/tips/coding/syntax_checker.htm
※代表的な文法チェッカーである、
Another HTML-lintのオフィシャルサイトが
これを書いている時点でサーバーが落ちているようですので、
もし閲覧できない場合は「Another HTML-lint」で検索してみてください。
Another HTML-lintで、90点以上が理想です。
-----------------------------------
■その他
-----------------------------------
▽サイトの見せ方
応募の際には、こちらのURLを
先方に伝えていらっしゃるのでしょうか？
もしもそうあれば、見せ方にやや問題があります。
応募の際は、練習のようなサイトは見せずに、
きちんと全部のページを作ったサイトを、
できれば３サイト以上は用意するのがベターです。
また、サイト制作の際は、
本番同様にサイトの仕様書を作り、
それも併せて提示するといいでしょう。
仕様書には、例えば下記のようなものが含まれます。
・サイトの目的
・ターゲットユーザー
・テーマカラー
・対応ブラウザ
・etc...
※きちんとした就活用のサイトを別に作られている場合は、
この項目は無視してくださってけっこうです☆
▽就職について
> ただ、この年齢とこのスキルから仕事が見つかる可能性があるかどうか
> 辛口のジャッジをお願いしたいと思ってます。
最後にこの部分のお答えですが、
Web制作会社の場合は、現時点では厳しいかと思います。
Web制作会社以外の一般企業のWeb担当、
ということであれば、これまでの職歴が活きれば
可能性もあるかもしれませんね。
ただ、全体にみてまだまだこれからという印象は受けます。
コーディングの方は、文法チェッカーを見ながら直せば
比較的なんとなかなると思いますが、
特にデザイン力の方が足りていないように思います。
できれば、架空のサイトを作られるよりも、
ご自身が楽しいと感じるサイトをデザインしながら学んでみてください。
続けていれば、自然とデザイン力がついてくるはずですよ☆
以上、参考になるところがあれば幸いです。
馬場誠
12/06/30 facebookページ開設しました。RSS代わりにも使いたいと思います。
↓もし参考になりましたら、シェアしていただけると嬉しいです(^-^)