Keynote 20120316

基金訓練講演

ライフガードセンター　柏サテライト2012.03.16

自己紹介

自己紹介

1970年群馬県太田市生まれ

自己紹介

日本大学芸術学部文芸学科　卒業

自己紹介

1993-1997（代理店）

株式会社ディスコ

主に新卒者向け入社案内ツールの制作ディレクション業務

自己紹介

1997-2003（制作プロダクション）

有限会社ぺい株式会社マイティ・マイティ

各種広告のディレクション兼グラフィックデザイン業務

自己紹介

2003-2009（個人経営プロダクション）

合資会社バーン

独立開業

自己紹介

2009-2010

自動車部品商社

一旦、広告制作から身をひいて、営業マンに…。

自己紹介

2010-

WEBプログラミングスクール

自分の経験を活かすため、リハビリを兼ねて講師業。

20年かけて、何を身につけたか

代理店勤務

広告制作のイロハ

DTP黎明期量的ディレクション

Web始まる

制作P勤務

デザインのイロハ

ITバブル期質的ディレクション

（Adobe製品）

代理店勤務



Web始まる

制作P勤務



（Adobe製品）

代理店勤務



Web始まる個人経営信用の重さ

Webサービスの多様化・高度化

制作P勤務



（Adobe製品）

代理店勤務



Web始まる個人経営信用の重さ

Webサービスの多様化・高度化家族の重さ

何でもできるは、結局、

何にもできないと、それほど変わらない。

強い分野を持ったほうがいいです、

たぶん。

制作の心構え

制作の心構え

大衆性を忘れないこと

制作の心構え

大衆性を忘れないこと商業デザインであって、アートではない。

制作の心構え


★マジョリティに受け入れられるか？

制作の心構え


★マジョリティに受け入れられるか？★トレンドを意識しているか？

制作の心構え


★マジョリティに受け入れられるか？★トレンドを意識しているか？★ユーザビリティ、アクセシビリティは？

制作の心構え

正しい段取りで進める

制作の心構え

正しい段取りで進めるきちんとした手順が効率的な作業を生む。

制作の心構え


★サイトのコンセプトは？

制作の心構え


★サイトのコンセプトは？★プロモーション企画は？

制作の心構え


★サイトのコンセプトは？★プロモーション企画は？★予算・工数（納期）は適切か？

制作の心構え

コードを書き始める前に

制作の心構え

コードを書き始める前にこういう作業、後回しにしていませんか？

制作の心構え


✦サイトマップ

制作の心構え


✦サイトマップ✦ディレクトリ構成

制作の心構え


✦サイトマップ✦ディレクトリ構成✦ファイル命名ルール

制作の心構え


✦サイトマップ✦ディレクトリ構成✦ファイル命名ルール✦ターゲット・ブラウザ

制作の心構え


✦サイトマップ✦ディレクトリ構成✦ファイル命名ルール✦ターゲット・ブラウザ✦HTMLバージョン

制作の心構え


✦サイトマップ✦ディレクトリ構成✦ファイル命名ルール✦ターゲット・ブラウザ✦HTMLバージョン✦文字コード

制作の心構え



✦モニタサイズ

制作の心構え



✦モニタサイズ✦アクセシビリティ

制作の心構え



✦モニタサイズ✦アクセシビリティ✦インターフェイス名

制作の心構え



✦モニタサイズ✦アクセシビリティ✦インターフェイス名✦ガイドライン作成

制作の心構え



✦モニタサイズ✦アクセシビリティ✦インターフェイス名✦ガイドライン作成✦コミュニケーション

制作の心構え



✦モニタサイズ✦アクセシビリティ✦インターフェイス名✦ガイドライン作成✦コミュニケーション✦ワイヤーフレーム

いきなりPhotoshop を触るな!!

紙に描け!!

で、カンプ作成パーツ切り出しコーディング!!

が正しい手順です。

オススメ書籍XHTML+CSS

WEB標準の教科書現場のプロから学ぶXHTML+CSS

PHP＋DB（セキュリティ関連）

サイバーテロの技法安全なウェブアプリケーションの作り方

オススメブログWEB全般

かちびとコリス

グラフィック

WebデザインレシピWEBクリエイターボックス

百式Stocker.jp

FireWorksマニア

最後に

無駄な経験なんて、何ひとつありません。

でも、

余分な時間も、意外と少ないので、今のうちに一生懸命、勉強しておいてください。

本日は、ありがとうございました。みなさんのご活躍をお祈りしています。

Keynote 20120316

Career

Transcript of Keynote 20120316