そうか、単にデザイナーと言うとグラフィックデザイナーのことなのか、へー・・。

そんなちょっとしたモヤモヤを抱えつつ読んでみたわけなんですが、デザインをするときの流れが具体的にまとまっていて、とてもよかったです。

WEBと紙との違いはあるので、印刷の説明などWEBデザイナーに必要ない部分もありますが、それを差し引いても役立ちますね。

本自体のページレイアウトもイラスト満載で読みやすいです。

現在は小売店でアルバイトをしていますが、せっかく働くのであれば、WEBデザイナーに役立つようなアルバイトをしたいと思っています。高時給は希望していません。

WEBデザイナーに関連したアルバイトは要資格というものが多く、どんな職種を探したらいいのか困っています。何でも結構ですのでアドバイスをいただければ嬉しいです。

PhotoshopやIllustratorでデザインしたものはアバウトな大きさではないのに、コーディングを進めていくと本当にざっくりしている印象です。
デザインが精密な程、HTMLがずさんなものに思えて仕方ありません。

最終的にCSSで細かくレイアウトするにしても、デザインしたものがHTMLで完璧に再現できないことや、WEBサイトは文字のサイズなどが可変するので、デザインが完璧に固められないことにしっくりきていません。
デザインを考える事は大好きですが、HTMLだけはなじめないのです。
デザインとコーディングについて、どのように考えればよいのでしょうか？

また、サイトの内容を軽くする必要があるならば、デザインもあっさりしていた方がよいのでしょうか？

PhotoshopとIllustratorでは、こんなことができるのか。
いや、こんなことをするには、PhotoshopまたはIllustratorを使えばいいのか。
そういう基本的なことを教えてくれます。

よく、デザイナーは引き出しを増やせと言われます。
引き出しとは、アイデアの幅・バラエティのことですが、WEBデザイナーになろうとしてすぐは、どうやって増やしたらいいのかもわからないもの。

仮に、カッコイイアイデアが浮かんだとしても、それを実現化するのにどうしたらいいのかわからない。
そういったときに、ソフトでどのような画像が作れるか把握できていることは、大切なんですね。

PhotoshopとIllustratorの操作はわかった（がんばればわかる）、でも何を作ったらいいのかわからない！という方は、講座を受けると思ってこの2冊をセットでみっちりやることをおすすめします。

※今回は質問数が多かったので、回答と質問を織り交ぜて書いています。

A1プログラマーのことをコーダーとも言いますが、コーダー＝WEBプログラマーではありません。
WEB業界ではHTMLやCSS等を使って、WEBサイトをインターネットブラウザ上で表示できるようにする人のことをコーダーと言います。
対して、プログラマーはPHPやJAVAといったプログラミング言語の技術を持っている人を言います。

A2必要なスキルにつきましては必要な技術リストをご参照ください。

A3そうとは限りません。WEBクリエーターという言葉は「WEB制作をする人」として広い意味でも使われますが、個人的にはアーティスト色を強く出している人と感じます。
しかし、逆にデザイナーの方がアーティスト色が強い表現だととらえる人もいるようで、解釈が分かれるところです。

A4入口に入る（就職活動ができる段階）までで、1年もあれば十分だと思います。

A5デザイン力が優れていれば可能です。

A6人脈と営業力と経営力です。
期間につきましては、会社勤めをしないまま最初からフリーランスになられる方もいます。

残念なことには、文章が読みにくかった。
1文が長く、言いたいことがとらえにくい。横文字（マーケティングや広告の業界用語？）が多い。文字も小さい。

「おわりに」に著者が「執筆は困難を極め・・」と書いているのを読んだとたん、腑に落ちました。
『視覚マーケティング実践講座』は読みやすかったのに、なぜなんでしょう？

「トーン・アンド・マナー」という言葉が核になっていますが、それが何なのかパッとわからなかった。

見落としてしまったのかもしれませんし、読むのに非常に時間がかかってしまったので、書いてあっても忘れてしまったのかも。
頻繁に出てくるのに、よくわからないので、もやもやしてしまいました。

辞書で調べてみたところ（読んでる途中で調べればよかった）、トーンはtone＝物事全体から感じられる気分・調子、マナーはmanner＝態度・礼儀とのこと。

こちらのブログでわかりやすく説明してありました。

インターネット・アカデミー|スタッフブログ: どんな風にみられたいか。

トーン・アンド・マナーとは、企業や商品、サービスがまとう”雰囲気”や”世界観”のことです。

<中略>

Webデザインには、企業や商品の視覚的にわかる自己紹介といった要素が含まれます。

私たち人間で言えば、ファッションや髪形である程度その方の好みや人となりが見えることがありますよね。

それがデザインの方向性、トーン・アンド・マナーなのです。

さわやかに見せたいのか、誠実そうに見せたいのか、はたまた楽しそうに見せたいのかなど、「こう思われたい」というイメージを、配色やフォントなどを通して形にしていきます。

この本のAmazonでの紹介には「デザイナーではない人でもデザインを正しく使えるようになるための『考え方』をお教えします」とあります。

しかし、大企業のデザインを発注する立場の人という、非常に限られた人に向けて書かれているように感じるのです。

「デザイナーではない人」とだけ区切るならば、もう少しこの本の“トンマナ”を考えて、素人にもわかりやすく・とっつきやすい本にした方が良かったのではないかと思います。

とはいえ、著者の「視覚マーケティング」という提唱には非常に興味がありますので、『視覚マーケティングのススメ』も読んでみるつもりです。こっちから読むべきだったのかも。

デザイン業界の方は読んでおいた方が良いと思いますが、読書の苦手な方はご注意を。

＋α の作品を作る

ポートフォリオを作るで、作品サイトを最低3サイト、できれば5サイト程度作りましょうと書きました。
しかし、それは応募に必要な最低レベルであり、スタートラインに立ったという段階です。
そこから勝ち抜くには、何かしら面接官を「ほう」と思わせるものを入れるべきです。

＋α になる技術で書いたプログラミングやFlashも有効ですし、最近ではMovableTypeやWordPressなどのCMSをカスタマイズできると重宝されます。

イラストやアナログな立体作品なども好印象。“WEBだけでなく、広くデザインに関心がある”というのは歓迎されますね。
写真はレベルの高さがないと難しいですが、頻繁に出かけて写真を撮っていたり、Flickrをコミュニケーションも含めて活用していると、活発な印象を与えられます。

アピールできるもの：技術力、行動力

ポートフォリオの切り口を変える

WEBデザインだけに力を注ぎたいと思うなら、WEBサイトをたくさん作ることです。
色んなジャンルのサイトを作るだけでなく、1つのサイトにつき複数のデザインを見せる。タイトルロゴのバリエーションを作ったり、バナーもセットで作る。

実際、仕事の現場では3つ程度のデザインを提案することは珍しくありません。実務に近い見せ方をすると、「この人はすぐに実践で使えるようになるかも」という印象を与えられます。

また、面接日が決まってから面接まで1日以上あるなら、その会社が過去に制作しているサイトを見て、同じ傾向のサイトを作るのもおすすめです。
1日ではたいしたものはできないでしょうが、やろうとする意志を見せることが大切なのです。
もちろん、ポートフォリオにさりげなく混ぜたりせず「今日のために作りました」と言うことを忘れずに。

アピールできるもの：発想力、実務力

人柄アピール

WEB上に履歴書的な自己PR用のページを作り、ブログやTwitterなどのURLを貼る。
自分がどのようにWEBに関心を持ち、アンテナを張り、勉強や就職活動に取り組んでいるのかを見てもらうのです。

WEB制作会社の人たちは、当たり前ですがWEBが好きです。ですから、同じようにWEBが好きな人と一緒に働きたいと思っています。
（WEBだけじゃダメという人もいますが、その場合でも、WEBに対する関心はもちろん高く、＋α として他のことにも好奇心を持って欲しいということです）

日常的な事柄は、人となりがわかる程度には織り交ぜても構いませんが、人柄やモラルを疑われるようなことは書かないように。

将来的にもバレバレになるので、プライベートを守りたい場合はおすすめしません。
ただ、WEB業界で生きていく上では、インターネット上に自分を提示しておくことも必要ですので、就活段階から実行しておいても良いでしょう。

アピールできるもの：コミュニケーション力、情報収集力

私が行ってレポートしたいところですが、残念ながら予定が入ってるんだよなあ・・・。

Webクリエイター向け、受かる応募書類の書き方伝授！12/5（土）Webクリエイター向け無料セミナー開催
株式会社翔泳社と株式会社デジタルスケープが共催で、12月5日（土）Webクリエイター向けキャリアアップセミナーを開催する。講師はキャリアカウンセラーの中村かおり氏。

時期：2009年12月5日（土）

10:00～11:00：Webプロデューサー／ディレクター向け

14:30～15:30：Webデザイナー／コーダー向け

場所：デジタルスケープ セミナールーム（東京都渋谷区道玄坂1-10-8 渋谷野村ビル7階）
費用：無用