Webデザイン勉強中@こもWebデザイン勉強中@こもデザイン面を中心にWebサイトのことを学んでいます。kansaiに行ってきました。互いの能力を最大に生かす方法」というおもしろいセッションがありました。自分なりの解釈でまとめてみました。プロのデザイナーとは?「きれいなものをデザインできる人」ではなく、「ユーザが抱えている問題を形で解決できる人」そのためには、デザインの原則を知っていてデザインができるはもちろんのことですが、その能力以外にも次のような能力が必要というお話でした。それらが人間の気持ちに与える影響を知っている・形が持つ必然性を説明できる制作したそのデザインがなぜその形をしているか、なぜその素材でできているか。開発者は「システムが動くこと」を重視するのに対して、デザイナーは「人間がどのように感じるか」を重視する傾向がある。お互いの視点を理解して、お互いに向いている方向を合わせてゴールを目指したら、お互いの能力を最大限に活かせる......というまとめでした。こもWeb屋さんのお仕事についてメモWeb系の仕事には5種類がある。・WebデザイナーPhotoshopやIllustratorを使いこなして、ロゴやパーツを作成。ショートカットをどれだけ使いこなして早くいいものを作れるかが重要。・コーダー(フロントエンジニア)ブラウザ互換を熟知し、html、CSSを使いこなすオールラウンダー。PCだけで9種類のブラウザに対応しなければならない。Safariやってはいけないこと:IEはくせが強いので、開発中の表示チェックをIEで行うのはダメ。FireFoxあたりで開発中は表示チェックを行い、最終段階でIEでも動くことを確認するくらいがちょうどいい。・フラッシャー(Flashデベロッパー)ActionScriptに特化。最近はhtml5に方向転換??・インフラエンジニアサーバ管理者。サーバは動いていることが当たり前と感じているユーザが多いので、落ちると大変なことになる。人に評価されないポジション。・WebブログラマPHPなどのプログラミング言語を使う。必然的にhtmlやCSSなどの知識も必要になる。プログラミング言語を4.5言語使いこなすことが多い。CSS※CSSは厳密にはプログラミング言語ではないので、0.5扱い???上記の5つ以外にもプロジェクトマネージャーやディレクターなど、統括する仕事もある。最終的に求められるのは、クライアントと話ができる人。......など、勉強になりました。こも今日は、PC版に加えて、タブレット版、スマホ版の画面に最適化したWebページの作り方を勉強しました。それぞれごとにページを作ればいいや......って感覚だったのですが、どうやらそれではSEO対策的に分散してしまうみたいですね。いうことで、CSSによる切り替えをやってみました。1つのhtml、1つのCSSでいろんな画面に対応する方法があるんですね。作るのは割と面倒ですが、理にかなった作り方だと感じました。こもアニメーションが行えるトランジションをやってみました。これが意外に使える!!アニメーションがあるWebサイトって、みんなこれを使っていたんですね、きっと。何秒かけて状態が変化するかや、ディレイも設定できて便利。HTML5+CSS3のすごさを実感しています。