CSS Nite in OSAKA, Vol.38「CMSをプロトタイプとして使う、ワークフローのすすめ」
2013年11月12日（火）開催 CSS Nite in OSAKA, Vol.38「なくなったわけじゃないけど、Fireworksを使わないワークフローを考えなきゃいけないかも会議」 ●Stage2 【Fireworks VS. Photoshop でバナーを作ってみた】 ●Stage3 ：【Fireworksの現状と二人が思うこれからのツール】 のスライドは、下記をご覧ください。 http://www.slideshare.net/r360studio/cssnite-osaka38-mori-kazue ●Stage1 はざくみパート：【CMSをプロトタイプとして使う、ワークフローのすすめ】のスライドです。 ●概要 「ふわっと」では、一枚画像のデザインカンプを提出してOKが出たらコーディング…という作業工程を、現在、ほとんどしなくなりました。デザインカンプは作らず、最初にCMSを入れてHTMLプロトタイプ（試作品）を作ります。 実際にHTMLで動いているサイトに、ロゴ・写真・バナーなど、必要なパーツを入れ込んで仕上げ、クライアントに確認をとりながら追加・修正をしつつ、詰めて完成に近づけていきます。 この手法をとることで、画像だけでなく、テキストの分量や全体のバランスなど、実際に一枚のデザインカンプでは伝わらない内容を共有することができるようになりました。 CSSで表現可能な部分（ナビゲーションやテキスト装飾など）は、初めからCSSで組み、画像が必要な部分だけ、Fireworksでパーツを作成します。手を止めずに頭の中のデザインをどんどん形にするには、ひとつのツールで軽快にパーツを仕上げられるFireworksが私的にマッチしています。 このような、ふわっとのCMSプロトタイプ制作フローをライブデモでお見せします。 ※デモのCMSは、a-blog cmsを使用します。（http://www.a-blogcms.jp/） ●株式会社ふわっと http://fuwhat.com/
Recommended
More Related Content
Viewers also liked
Viewers also liked (10)
CSS Nite in OSAKA, Vol.38「CMSをプロトタイプとして使う、ワークフローのすすめ」
- 2. 今日のアジェンダ stage 1 CMS をプロトタイプとして使うワークフローのすすめ stage 2 Fireworks vs. Photoshop でバナー を 作ってみた stage 3 Fireworks の 現状と 二人が 思うこれからのツール
- 4. 森 和恵 （もり・かずえ） 「むずかしいことでも、わかりやすく伝 狭間 句美 （はざま・くみ） Web デザイナー＆イラストレーター。 える」をモットーに楽しく学べるセミ ナーを開催。今後は、e ラーニングや などの Web 制作全般、イラストや書 電子出版の形式で、Web 制作を学ぶた 籍の執筆など活動中。 めの教育コンテンツにも注力していく。 神戸を中心に、Web 制作に関わる人 大阪では、ソフト産業プラザ イメディ のための勉強会やセミナーを開催し オ iMedio にて、Web 系セミナーを担 ています。 当。 stage 2 デザイン、コーディング、CMS 構築 はざくみと呼んでください。 stage 1
- 5. stage 1 CMS をプロトタイプとして使う ワークフロー のすすめ
- 7. デモでやること CMS を ワイヤー フレーム代わりに土台として使い 必要 な 画像パーツを Fireworks で作る、 をくり返す
- 8. demo
- 15. CMSならプロトタイプを 流用できる ページ分量 が わかりやすく 原稿 の準備をしてもらいやすい デザインと入力 を 同時に 進められる ピクセルパーフェクト？なにそれ (^q^)