うらおブログ(移転しました)スマートフォン用の表示で見るやねうらおブログ(移転しました)この広告は、90日以上更新していないブログに表示しています。2009-03-18プログラマが1ヶ月でWebデザイナーに転身する方法webサイトを構築していると、プログラマはWebデザイナーと共同作業をしなければならない。高度なRIAを実現しようとすると思っているようにWebデザイナーに素材を作成してもらうだけでもとても骨の折れる作業だ。そこで、一層、「すべてのプログラマはWebデザイナーになればいいんじゃね?」と思った。今回は、私の実体験に基づき、「プログラマが1ヶ月でWebデザイナーに転身する方法」というのを考えてみた。HTML,CSSを覚えようまず、HTMLとCSS。)のすべてに目を通せとは言わない。ブラウザ間で挙動が違うのでそれぞれのタグがどのブラウザで使えるのか一覧がまず欲しい。JavaScript辞典。このハンドブックは見やすいのでお勧め。使うタグに関してはすべて覚えよう。覚えていると作業の効率が違う。あと、Web標準の教科書―XHTMLとCSSでつくる“正しい”Webサイト。この本よりCSSについて詳しく書かれている本というのは実在しないと思う。Webデザイナーならせめてこの本の内容ぐらいは理解していて欲しい。JavaScriptプログラマならJavaScriptはすぐに習得できるはずだ。プログラマからWebデザイナーに転身するなら、是非、JavaScriptを身につけよう。それが大きなアドバンテージになる。JavaScriptに関して必読書は2冊だけ。―「良いパーツ」によるベストプラクティスのみ。後者は、JavaScriptの悪い部分を使わなければ、JavaScriptはとても良い言語だということを私に教えてくれた本。あとは、prototype.jsとかscript.aculo.usのソースを読むこと。それくらいでJavaScriptは卒業。C++/Javaなどで鍛え上げたプログラマなら勉強開始後2,3日あればたいていのことは出来るようになる。3.0Flashも作るだろうから、ActionScriptもマスターしておいたほうが良い。JavaScriptだけでは何かと限界がある。3.0はJavaScriptを少し改良した程度の言語だ。コマンドラインで入力してコンパイルするなら、無料の開発環境で出来る。JavaScriptをマスターしたあとなら習得にそれほど時間はかからない。ActionScriptの入門書は不要。レイアウトの基礎を学べデザイナーと言うからには、デザインセンスが問われると思いがちだが、Webデザインに限って言えば、決してそうではない。これには、いくつか基本的な法則がある。その法則を守りさえすれば、レイアウトに関しては及第点。SERIES)と編集デザインの発想法―動的レイアウトのコツとツボ570だ。前者は、レイアウトって感性でやるもんじゃなく、論理なんだなぁと私に教えてくれた本だ。後者は、レイアウトをする上で必要となるセオリーがいっぱい載っている本。この2冊は広告やチラシを作るときなんかにも参考になる。配色デザイン配色に関しても、いくつかのセオリーがある。センスの良い人はセオリーなんか学ばずとも感性でなんとかやってしまうのだろうけど、デザインセンスのない人は、セオリーで足場を固めよう。配色デザインの本は多数出ているのでこの本にこだわる必要はないと思う。写真・フォントWebデザインをする上で写真などがあると訴求力が違う。写真は写真の素材サイトなどで購入する。素材集などいろいろ買い集めておくと表現の幅が変わってくる。これもいろいろ集めておくと見栄えのいいものが出来る。写真は、ダウンロード販売をしているサイトがいくつかあって、そういうところを利用したほうが素材集をいくつも購入するよりは安くで済むと思う。20000は結構お買い得だと思うのだけど、いまどきのWebサイト用として使うには画像の幅が足りないことがあるのが少し残念。Vista対応版がお買い得。Photoshop/IllustratorPhotoshopなんかなくてもGIMPでボタン素材などは作れると言えば作れるのだが、プロとして仕事をするつもりならGIMPを習得するのは全く無駄な時間になると思う。・Webデザイナーとして就職したときに、「Photoshop使えません」では話にならない。・お客さんからpsd,epsなどのデータを渡されて、「編集できません」とか、「読み込めません」では話にならない。・Photoshopなら入門書や解説書など情報が豊富だし、有償・無償を含めてプラグインも豊富。そんなわけでPhotoshopを避けて通れないと思う。出来ればIllustratorも習得しておきたい。ロゴデザインの本は多数出版されていて、いろんなロゴをさっと作れるようにしておくとWeb用のボタン素材などを作るときに役に立つと思う。ロゴを作る過程でPhotoshop/Illustratorのテクニックも学べるので一石二鳥。Books)は、いまどきのWebサイトでよく使われる画面パーツを作るテクニックがいろいろ載っていて参考になった。ユーザビリティユーザビリティを高めるのは、Webデザイナーだけの仕事ではなく、プログラマも協力する必要がある。(Ajaxを用いて画面を更新するなどは、Webデザイナーがプログラマを説得してやってもらうことではなく、プログラマが設計段階で考慮すべきことである。)それゆえ、ユーザビリティに関する書籍は、Webデザイナーだけではなく、プログラマも理解しておく必要がある。Web制作者が身につけておくべき新・100の法則。使いやすさで成果を上げるプロのワザの2冊だが、この本を特にお薦めするわけではない。私が1ヶ月間、Webデザインを勉強してみた感想いままでWebデザイナーに頼んでいた仕事を自分でやってみて、まあ自分でもある程度のことは出来るんだなという感触を得た。自分にWebデザインの知識があれば、サイト作りにあまり妥協をしなくて済むようになるし、Webデザイナーに説明するときもスムーズに話が進む。Web系プログラマは、みな等しくWebデザインを学ぶべきだと思う。詳解HTML&CSS&JavaScript辞典←こんな本間違っても買うなよ。CSS辞典」のほうがよいと思う。リファレンスレベルでもHTMLとCSSの記述の厚みが違う。JavaScript辞典」のほうを詳解させてもらいました。本の内容自体は、どちらの本も正直言ってあまりいい類の本だとは思わないのですが、各ブラウザでの対応状況が一覧になっているので自分で試す労力を考えれば一冊持っておくのは悪くないと思いました。なんでこんなとこでtable使ってんの?見出しの"■"もおかしいなぁ。HTMLを基礎の基礎から学びなおしたほうがいいと思うけど...。こんなまとめ記事書いて天狗になってる場合じゃないよ。)を使って更新してるので、そのへんはご勘弁を。BOOKS)を買ったものの、こちらは積ん読なので紹介しませんでした。何かいい本があれば教えてください。デザインは(ある程度までは)セオリーだと私も思います。「おかしくない」ものはすぐできるようになる。デザインはセンスいらないけど、経験は圧倒的に必要。すごいデザインは作れない。2009/03/18それは、全く、その通りですね。関連エントリーこのブログは釣り堀です。こんなの踏んじゃった。電子書籍になるに至るまでの話ブログちょっとだけ移転のお知らせ時代はまだゲームセンターあらしに追いつかないのかやねうら王、電王戦バージョン提出しました将棋の神様のレーティングはいくつなのか?月別アーカイブはてなブログをはじめよう!yaneuraoさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。