css nite in osaka,...

なくなったわけじゃないけど、Fireworksを使わないワークフローを考えなきゃいけないかも会議

今日のアジェンダstage1 CMSをプロトタイプとして使うワークフローのすすめ

stage2 Fireworks vs.Photoshop でバナーを作ってみた

stage3 Fireworksの現状と二人が思うこれからのツール

Fireworksがまるっとわかる教科書を執筆しました

この二人がお届けします

stage1stage2

「むずかしいことでも、わかりやすく伝

える」をモットーに楽しく学べるセミ

ナーを開催。今後は、eラーニングや

電子出版の形式で、Web制作を学ぶた

めの教育コンテンツにも注力していく。

大阪では、ソフト産業プラザ イメディ

オ iMedio にて、Web系セミナーを担

当。

Webデザイナー＆イラストレーター。

デザイン、コーディング、CMS構築

などのWeb制作全般、イラストや書

籍の執筆など活動中。

神戸を中心に、Web制作に関わる人

のための勉強会やセミナーを開催し

ています。

はざくみと呼んでください。

森 和恵（もり・かずえ）

狭間 句美（はざま・くみ）

stage1

CMSをプロトタイプとして使うワークフローのすすめ

現状、Fireworksをワークフローでこう使っています現状、Fireworksをワークフローでこう使っています

のご紹介のご紹介デ　モデ　モ

デモでやることデモでやることデモでやること

CMSをワイヤーフレーム代わりに土台として使い必要な画像パーツを Fireworksで作る、をくり返すCMSをワイヤーフレーム代わりに土台として使い必要な画像パーツを Fireworksで作る、をくり返す

demodemo

サイトマップ ワイヤーフレーム カンプ コーディング CMS実装

まず、CMS　のメリットまず、CMS　のメリット

サイトマップ ワイヤーフレーム カンプ コーディング CMS実装

まず、CMS　のメリットまず、CMS　のメリット

サイトマップ CMS実装画像作成

公開HTMLCSS 調整

ヒアリングヒアリング

フィードバックフィードバック

まず、CMS　のメリットまず、CMS　のメリット

なんかよさそうじゃないですか？

ハイ、結構ラクできてます

どんな感じになるの…？という不安も早い段階で解消できるどんな感じになるの…？という不安も早い段階で解消できる

動くものを見せて具体的にイメージしてもらえる

大抵最初の予定と違ってくるもの作りながら変えていける大抵最初の予定と違ってくるもの作りながら変えていける

デザインやレイアウトなどは相談しながら対応

ページ分量がわかりやすく原稿の準備をしてもらいやすいページ分量がわかりやすく原稿の準備をしてもらいやすい

CMSならプロトタイプを流用できるCMSならプロトタイプを流用できる

ピクセルパーフェクト？なにそれ (^q^)ピクセルパーフェクト？なにそれ (^q^)

デザインと入力を同時に進められるデザインと入力を同時に進められる

デザイナーだからこそ柔軟に一緒に作っていけるって、いいよねデザイナーだからこそ柔軟に一緒に作っていけるって、いいよね

デザインは後回しにするという考え方

stage1

ありがとうございましたhazakumi質問・感想ください