職業人講話

今日来て下さったのは、製作会社に務めているNさん。
以下お話のメモ。

仕事

  • 最初のデザインは1日〜2日で作る(psdから書き出し)
  • スピードは何に対しても要求される
  • CSSで大事なのはIE6対策、スマートフォン対策

よく使われるツール

Photoshop,Fireworks
  • レイヤーの概念
  • ショートカット
  • 基本ツール
  • ソフトを使って何を作れるか
  • デフォルトの機能でどこまでできるか
Illustrator
  • ロゴ
Dreamweaver
  • zen-coding使用

Webデザイン練習法

  • キャプチャを撮って、それを再現していく
  • サイトをよく見る
  • 1pxにこだわる
  • PSDファイルをDLして勉強する

デザイン全般

  • デザイナーにはデザインの意図を話せる必要がある
  • デザインはレイアウトと配色
  • 最近のWebサイトを毎日見る
  • ポスターにしても、なぜかっこいいのか、なぜその配色なのか考える
  • 好き勝手作ってるだけではデザインとは言えない
  • Webの流行に敏感になる

勉強法

  • 自分で明確な目標を立てる(作りたいもの、やりたいこと)
  • それに必要な勉強だけして制作していく
  • 上記を繰り返していく
  • 最初から壮大なものを作らず、簡単にできそうなものから少しずつステップアップしていく
  • Woredpress, Javascript, PHPも順を追って勉強していく

PNG-8

  • 透過GIFに近い(GIFは色テーブルを使って色数を減らしておく)
  • PNG-24は透明にチェックを入れるとPNG-32になる(透過)
  • PNG-8で透過にするとGIFより軽くなりIE6でも見られる
  • 写真はPNG-24にした方がいい

ほか

  • Chromeデベロッパーツール F12(alt + command + I)
  • SettingsのOverridesからユーザーエージェントを変えられる
  • IEの確認はIEの開発者ツールで、ブラウザモードとドキュメントモード両方変更してチェック
  • OOCSS(オブジェクト指向CSS
  • SASS