前回、動画編集の話をしました。
以前に比べて、非常に便利になったと。
リニア編集（アナログ）からノンリニア編集（デジタル）、
つまり手作業からパソコン作業への移行です。

こういったことが、動画の世界だけでなく、紙の世界などでも同じことが起きています。
たとえば、昔は印刷工の方々が写植といって手作業でハンコのようなものを、ひと文字、ひと文字選んで印画紙に文字を写真のように焼き付けていました。
今では写植の代わりがキーボードでちょちょいとできます。

以前に比べてすべてが便利です。日々便利になっていきますね。

でも、こうして便利になっていくって事は、
同時に誰でもプロの仕事が出来てしまう状態になっていってるということです。

悪い例えかもしれませんが、
パソコン機器を揃えて、アドビさんのアプリケーション揃えてしまえば、
明日から誰もが立派なクリエイターです。

プロとアマの境界線がぼんやりしてきた時代になったっということです。

誰もが制作の手段を得られ、すべてが便利な（簡単にできてしまう）時代、
プロとしてのデザイナーの役割ってなんでしょうか？

問題提起しておきます笑
自分にも。

塚越

２月のバレンタインデーオープンを目指し、
新規サイトの制作に忙しいオオタです。

さて、
前回はデザイナーの『仕事の中身』のハナシとして
「プレゼン」をテーマに語ったワケですが、
今回のテーマは「案出し（アイデア出し）」。

これは他の職種の仕事（特に企画系）にも
共通して言える過程ともいえますが、
デザイン業においても、それは同じで、
「この案件をどういう風に作るか。落とし込むか。」といった
最も大事な骨組みを作る過程だと考えます。

では、
「どのようにしてアイデアを考えるか。出すか。」ですが、
やり方としては、『テーマに対して合致したアイデアをひとつ考え、
その比較として２，３別のアイデアを提示する』とゆーやり方。

これはプレゼンにおいても使うワケですが、
案出しにおいても共通で、
あるひとつのテーマに対し、
いかにそのテーマに合致したアイデアを考えれるかとゆーことに
かかってくると思います。

私の場合、
その工程は『 言葉（ワード） 』『 ビジュアル 』『 関連性（関係性 』から
アイデアを考えていくます。

例えば、
「アルコール0％の缶ビール」とゆー商品を売り出す場合、
[ 缶ビール ]→[ お酒 ]→[ 酔っぱらう ]とキーワードを掘り下げ、
[ アルコール0％ ]→[ 酔わない ]ともう一方で考え、
これらのキーワードを組み合わせて
[ 酔っぱらわないから、車の運転や妊娠中でも大丈夫 ]といった
最終的な草案につながっていくのだと思います。

それに加え、
ビジュアルのアイデアを考える場合は、
これら（↑）で出たキーワードをもとに、
それに関連したイメージを構築してゆけば、
結果として、
「商品＋コピー＋ビジュアル」といった
『広告』が出来上がるワケです。

もちろん、逆のパターンもあります。
商品のイメージからビジュアルが先に出て、
それにあったコピーを考える。といったよーな。

まま、
いろいろオハナシしてきましたが、
個人的には、この「案出し」とゆー過程が
大好きです。
自分の考えたアイデアがもとで
ビジュアルや、
広告や、
キャンペーンや、
それに伴うギブアウェイなど、
想像するだけでワクワクします。

このブログを読んで、
いまデザイナーとして転職する方、
これからデザイナーを目指す方が
「なるほど！」と感じていただけたら。
と思う、今日この頃。

それでは、また次回。

とりあえず最近の案件で、あったモバイル系のSEO対策についてふれてみたいと思います。

経費がかからず、管理しやすいことからPCさいとの下層にモバイルサイトサイトを作成するケースが多いことでしょう。検索エンジンにモバイルだと認識させるのには手間が必要です。例えばキャリア別にDOCTYPEが違かったりとか面倒です。またPCでの検索でモバイルサイトの方が上位表示されてしまったりするケースがあるなど、色々問題があります。しかし一度対策が分かってしまうと結構簡単で、単純にPC用とモバイル用のクローラーがクロールする時点で振り分けてしまえばいいわけです。robots.txtというやつですが、これでGooglebotとGooglebot-Mobileで振り分けます。細かな設定などは検索すればすぐにでてきますので、必要な場合は調べてみてください。他にも振り分け方はありますが今回はこのくらいで。

内部や外部のSEOはまず初期設定をしなくては話がすすまないということですね。

先日から、就職説明会で流す動画の制作をしています。
本来Webデザイナーとして使用するアプリケーションから離れて、
映像用のアプリケーション、『プレミア』と『アフターエフェクト』を使用しました。

プレミアは7,8年前（ずいぶん昔）ぐらいに使用してた経験あるので、
なんとなく覚えていましたが、明らかに便利になっていました。
昔に比べて映像編集もずいぶん楽だなぁーと感心しました。

7,8年前というと、ちょうどノンリニア編集（デジタル編集）というのが出てきた頃で、それより数年前はリニア編集（アナログ編集）が主流でした。リニア編集とは要は、マスターテープを巻き戻したり、早送りして再生し、同時に編集テープを動かし録画していくというものです。例えるなら昔、音楽を録音するために、カセットレコーダーにテープを2つ入れて、再生ボタンと録画ボタンをいっせいのせで同時に押すってやつです。（ブログ読んでいる方が平成生まれなら、理解できないかもですけど、、）

なので、いったんパソコンに動画を取り込み、思うがままにドラッグ&ドロップで、編集していくノンリニア編集は感動ものでした。

今やそれ以上に便利となり、パソコンのスペックも上がり、すぐフリーズすることもなく、スムーズな動画制作が可能になりました。世の中どんどん便利になりますね。

年が明け、いよいよ本格的に
新規サイトの制作に入ったオオタです。

さて、
前回は年末とゆーことで番外編でしたが、
その前にオハナシしたデザイナーの仕事の進め方について、
テーマごとに分けて語ったわけですが、
今回からは仕事の内容。
今回のテーマは「プレゼン」。

社内であろーと、
社外であろーと、
デザイン業においては、必ずといっていいほどあるプレゼンですが、
何社かの企業が競って、ひとつの案件を勝ち取る
「競合プレゼン」となると、かーなーりハードルがあがってきます。

では、「競合プレゼン」と「その他のプレゼン」の大きな違いは何か？
それは、『すごーく密に、理由づけされたデザインでなければならない。』
と、ゆーこと。

もちろん、
デザインの基本としては、法則や理論に裏付けされた
商業美術ではあるのですが、
「その他のプレゼン」に属する社内プレゼンなどは、
「プレゼン相手＝社内の人間、関係の良好なクライアント」なので、
何回もプレゼンをしているうちに、
相手の好みや、評価のポイントなどを考慮し、
アイデアやデザインを提案することができます。

それに対して「競合プレゼン」では、
「プレゼン相手＝社内の人間、関係の良好なクライアント」だとしても、
自分だけが相手に対してプレゼンするワケではないので、
相手の好みや、評価、価値観さえ覆す
素晴らしいアイデアを提示されてしまう可能性がでてきます。

それに加え、
自分の実力や、属する会社の規模によって
自分たちよりはるかにクオリティの高いもの（単に完成度が高い場合もありますが）
が、提案され、
クライアントによっては、見た目の良さ・新鮮さだけで
決定されてしまう場合もあります。
まあ、見た目重視の商売なんで仕方ないですけど（笑）

まず、
『仕事の仕方』編でもオハナシしましたが、
全体の大きな流れをおさらいしておきましょう。
「ブリーフ（仕事にもよりますが、この段階からカメラマンが参加する場合もありま
す。）」
↓
「ブレスト（ブレインストーミング）＆案出し」
↓
「ラフ作成」
↓
「プレゼン（数回）」
↓
「作成（＆場合によっては、撮影）」
↓
「印刷＆校正」
↓
「納品」

この（↑）途中に何回があるのが、
今回オハナシしました「プレゼン」とゆーやつです。

クライアント（プレゼンする相手）によっては、
十数回とプレゼンしたりもします。（最大で）
もちろん、仕事の規模にもよりますが、
こだわりを持ったクライアントとデザイナーが仕事すると
予定より長くなが～くかかったりもします。

まあ、余談ではありますが、
プレゼンしたものを評価（仕事に）してくれるのは、プレゼン相手なんですが
必ずしもデザイナーの苦労を理解していただける
相手ばかりじゃないとゆーのが現実でしょうか。

このブログを読んで、
いまデザイナーとして転職する方、
これからデザイナーを目指す方が
「なるほど！」と感じていただけたら。
と思う、今日この頃。

それでは、また次回。

今年一発目です。よろしくお願いします。
大分SEOの業務も体になじんできたかなと最近思います。
今年の目標はSEOを中心に【レベルアップ】を達成します。
ということで、早速今回のブログの内容に移ります。

皆さん、SEOというとサイトを作ったあとに修正を加えるの
がメインだと思われがちですが、実は製作する時点で考えて
いくのが重要だそうです。

製作時の流れとしてはまず、サイト全体のテーマを決め、上位
表示したいキーワードと、市場調査との整合性により「ビッグ
キーワード」「ミドルキーワード」「スモールキーワード」を
検討し、そのキーワードに合ったサイト構成にします。
その結果、個々のページがランディングページとして最適化され
た状態で公開することができます。

サイトができた後に修正をしようとすると、ほぼ画像でできてい
るものなどは、リニューアル並の修正が必要になったりなど二度
手間になります。
特にやめたほうがいいのは画像をテーブルに差し込んでページを
作っているなどです。
テーブルレイアウトは読みにくいですし、画像もクローラーには
認識できません。よって検索エンジンには、なんのさいとなのか
まったく分からなくインデックスすらされないという最悪の結果
になりかねません。
まずはスタートが大事ってことですね。

今年も、もうすぐ終わりですね。
つい最近までサクラが咲いていたかと思えば、もう雪が降る季節になってしまいましたね。
今年最後のデザイナーブログです。

よくチェックしているWebCreatorsのサイトに興味深い記事が掲載されていました。

■CSSだけでリボンのようなデザインをつくりたい■
http://www.mdn.co.jp/di/articles/2295/?page=2

Webでよく見られる巻きつきリボン。
普通は画像を使用して表現するのですが、それをCSSだけで表現してしまおうという試みだそうです。

作成方法の説明は上記URLに掲載されているので割愛させて頂きますが、CSSだけでここまで表現が
できるのだな、と関心してしまいました。

CSS3のためIEとOperaでは角丸やドロップシャドウが反映されないのが残念ですが、利用してみる価値は
大いにありそうです。

Webデザイナーとしては、こういう細かいテクニックをしっかり身につけていきたいですね。
それでは、また来年にお会いしましょう。
よいお年を！

山賀

私ごとですが、携帯の機種変更をしました。
DocomoのGALAXY S でスマートフォンデビューになりました。

色々と便利な所はあるんだと思いますが、つい昨日「あ！」と思ったのはEvernoteで
す。

自分の席から遠い席にあるデスクトップPCのリカバリをする事になったのです。

まず手順と注意を自分のPCでググり把握。
でもちょっと他のこと考えてるとせっかくググった内容忘れてしまいそう。
紙に印刷するほどの内容でもない。
ノートPCを起動して持っていくのも面倒。
GALAXYで同じページ出せばいいけど、不慣れなタッチパネルでやるのも何かめんどく
さい。

そうです、ここでEvernote。

デスクトップで検索した覚えておきたい手順をevernoteに保存。
GALAXYのEvernoteアプリですぐ同期。
GALAXY片手に迷うことなくリカバリ作業。

なんだかとても気持ちよい瞬間でした。
シンプルで使えるツールっていいですね。

スマートフォンとEvernote、いいコンビです。

本日が今年最後のブログ担当日でした。
よいお年をお過ごしください。

砂坂

社内で説明する機会があったので
今日はDreamweaverのコードヒントのお話です。

Dreamweaverにはデフォルト設定で
コードヒントを表示する機能があります。

この機能はとても便利なのですが、
普段使わないようなCSSプロパティなどが含まれているため、
たまにイラっとくる事も...

自分は以前、納期に追われている際に
widthと書こうとしたらwidowsが出てきて
キレかけた事があります。

そんなカルシウム不足の方の為に
今回はコードヒントを弄る方法をご紹介...

まず、コードヒントを制御している
XMLファイルを引きずり出します。

「Mac OSⅩ CS5の場合」
Users/ユーザー名/Library/Application Support/Adobe/ Dreamweaver CS5/ja_JP/Configuration/CodeHints/

※編集前に必ずバックアップをとっておいて下さい。

今回はwidowsをコードヒントから
永久追放してみ対と思います。

ファイルを開いたら
label="widows"
で検索をかけて下さい。

下記のソースが引っかかるはずです。

<menuitem label="widows" value="widows:" icon="shared/mm/images/hintMisc.gif" />

上記ソースを丸々コメントアウトして下さい。

<!--
<menuitem label="widows" value="widows:" icon="shared/mm/images/hintMisc.gif" />
-->

CodeHints.xmlを保存したら
Dreamweaverを再起動...

これでコードヒントにwidowsが出なくなったはずです。
興味のある方は是非試してみて下さい。

Yahoo!がGoogle化してからもう2週間が経ちます。最初はスパムを消す
くらいで、なんとか対応できましたが、日々アルゴリズム更新されて
きて、最近はちょっと苦しいかもです。外部だけでなく内部も非常に
複雑なっているのを感じます。
一般的にスパムで普通にインデックスから消されているものもあれば
これはスパムだろ！と思われるものが上位表示されていたりなど。
今後は最低でも点と点ではなく、全体を見れるようにという、随分と
レベルの高い調査を求められそうです。
なので、少しでも原因究明の時間を短縮したく、よいツールがないかを
探しています。

現時点でこれはいいと思うツールです。
http://devo.jp/seo_list/?tab100909

ぉお！と言いたくなるくらい豊富にそろっています。
これでまぁまぁ一通り今までの対策はなんとかなるかもです。
是非おためしください。

前回担当していたものがひと段落し、
新しいサイト制作へ着手しかけてますオオタです。

さて、
前回よりデザイナーの仕事の進め方について、
テーマごとに分けて、「紙媒体」について
語ったわけですが、
今回のテーマは「撮影」。

『え？撮影ってカメラマンの仕事じゃないの？』と
思われるかもしれませんが、
実はデザイナーが関わる部分も結構あるワケで、
そんなデザイナー的観点からみた「撮影」について
今回は語ろうかと思います。

まず、
今回のテーマを語る前に、
前回オハナシしました
全体の大きな流れをおさらいしておきましょう。
「ブリーフ（仕事にもよりますが、この段階からカメラマンが参加する場合もありま
す。）」
↓
「ブレスト（ブレインストーミング）＆案出し」
↓
「ラフ作成」
↓
「プレゼン（数回）」
↓
「作成（＆場合によっては、撮影）」
↓
「印刷＆校正」
↓
「納品」

と、まあこんな感じなんですが、
カメラマンを交えた仕事の場合、
だいたい「ラフ作成」か「作成（撮影）」に
撮影がある場合が多いかと思います。

では、実際に
どのようにデザイナーは、撮影に関わるのか？
それは、
例えば、ひとつの広告の撮影があるとします。
基本的には、デザイナー側が
自分で簡単に合成したイメージを
忠実に再現してもらう場合が、ほとんどかと思いますが、
場合によっては、撮影しながら、
どんどんとイメージが、デザイナーの、カメラマンの、
双方のアイデアによって、変更されていく場合が多いと思います。

こうして撮影を通してデザイナーは、
何かイメージを、アイデアを考える時、
実際に広告を作り上げる際の、仕上がりや作業工程を考えながら
作業していく術を身につけていくのだと、思います。

まあ、余談ではありますが、
昨今の不景気で、広告の仕事に必ずしも「撮影」があるとは
いえないのが実情だと感じます。

え？撮影しないで、どうやってビジュアルを準備するかって？
そうなると写真素材をレンタルしているサイトや
素材CD集なんかから、自分のイメージしているイメージ素材を集めてきて、
合成するしかないんですけどね（笑）

まま、
普段あまり身体を使わないデザイナーとしては、
撮影の仕事は、外に行ったり、
お手伝いで重い機材を運んだり、
新鮮で面白い工程ではあるんですけどね。

このブログを読んで、
いまデザイナーとして転職する方、
これからデザイナーを目指す方が
「なるほど！」と感じていただけたら。
と思う、今日この頃。

それでは、また次回。

みなさん、どうもこんにちわ。

J-Payment WEBデザイナーの山賀です。

年末も近づいてきて、慌しい雰囲気が街を包んでいるような気がします。

日本では旧暦12月を師走といいますが、まさにそんな感じの雰囲気です。

年末といえば年賀状。

我が家ではいつも年末になると年賀状量産の体制をとるようになります。

私はほとんど出さないのですが、父が前の会社の関係上、200枚近くの年賀状を作成しなければならないからです。

父も母もパソコンはさっぱり...なので私がいつも担当になります（汗）

年賀状を作るとき、裏面のデザイン部分は既存の冊子を購入してきて選んでいます。

デザイナーなのに自分でデザインしませんｗ

私は数通ですが年賀状を出すあてがあるので、今年はオリジナルのデザインで年賀状を出したいな～と思っています。

うちの会社の年末休暇は他の会社に比べて、比較的ゆとりがあるので、その際にでもじっくり制作しようかなと考える今日この頃です。

それでは、またお会いしましょう。

山賀