喫茶LAPON-β

お知らせです。
今年に入って数ヶ月の間、コメント欄がロシア語のスパムで
荒れてしまいましたので、コメントの投稿に
reCAPTCHA認証を追加いたしました。
こちらで少し様子をみたいと思います。

崩れた英数字が表示されていますので、
下のフィールドに文字列を入力した後、コメントの投稿をお願いいたします。

＊文字列が読みにくい時は入力フィールド右側のボタンを利用できます＊

• 再読み込みボタン・・・文字列が更新されます。
• 音声ボタン・・・文字列を読み上げます。

ちょっと、システムの方とお話していた時の話。

HPって情報の質や商品、サービスが大事だよね。どんなにデザインが素晴らしかったとしても、中身が空っぽだったら誰も見ないし、もし商品を買ってくれてもサービスが悪かったらリピーターにはなってくれないもんね。みたいな話をしたんですね、その時のシステムの方の一言。

「デザインの素晴らしさは検索に反映されないしねぇ」

この一言を聞いて「たしかに！」と思ったのですね。
googleさんで画像検索のサービスもありますが、でもこれは画像であって、goodなデザインは検索されないし。

てことは、どんなにいいデザインでも、検索でヒットしないから必要無い..？？それじゃ、デザイナーが一生懸命作ってるデザインて無駄なのかな？

と一瞬脳裏を過ぎつつ、イヤイヤそんなことない。だって例えば、どんなにいい事が書いてるHPでも、フォントサイズ10pxの行間0なんてものはきっと誰も読まないわ！。と思い直したのです。

だから、やっぱり、コーダーは意味のあるコーディングをして、デザイナーは訪れた人のハートをワシ掴みにするデザインをして、HPのオーナーは情報の質を高める。これできっとみんなハッピーだわ！と思いました。

人によってマスクのかけ方って違いますよね。頂いたデータを見ては「ほうほう。こんな方法があるのか」とチラ見したりしています。

で。複雑な形をマスクする時はどうしてもパスも複雑になり時間かかるわっ、めんどいわっという状態になります。自動選択ツールを使っていらない部分を削除する方法もあるのですが、輪郭がガビガビになる時もありNOで、それをを防ぐために輪郭をぼかしたりもするんですがぼかしの調節が難しかったりします。しかもこの方法だと後から修正ができないので一から何度もやり直すこともあるんですね。ただでさえ作業が遅いのにここに時間をかけるわけにいかない！ここはなんとかスピードアップを目指したいところ

そしたら、なんともgoodな記事を発見！それがFireworksだけでできる、カンタンきれいな画像切り抜き術 | Fireworksマニアです。FWを使って4種類のマスクの方法を紹介しています。特に私がヒットだったのが、
--
3.わざわざ手で書かずに、カンタンに切り抜き用パスを作成する
--
「自動選択ツール」でいらない部分を選択→「選択範囲の反転」→「マーキーをパスに変換」で、パスができるので後はマスクするだけ。しかもパスデータなので後から修正もできちゃう。超便利！超楽ちん！（詳しくはリンク先をご覧下さい）

これを知っているのと知らないのでは作業効率が全然違うと思うんです。さらに「4.色の差の少ない画像のときにもカンタンに切り抜き用パスを作りたい！」も便利ですね。今度からマネッコしよう思います。

私は制作なので、お仕事＝ディレクターさんから仕事もらう！なんですが、でもディレクターさんがどんなお仕事をしているのか？て実はよく知らないんですね。制作以外全部とは聞きますが、だから制作以外ってなんだよっ！という。今回フレームワークを作る機会があり、参考にしたサイトがディレクターという仕事を絡めつつwebの仕事についても書いてあってとても面白かったのでご紹介しますね。（読んだのは作業が一段落したあとですよ！）

あるプロジェクトの立案からリリースまで（前編）
あるプロジェクトの立案からリリースまで（後編）

で。ディレクターさんがどんなお仕事をしているのか？は上記を読むとだいたい書いてあって、一言に「制作以外全部」とはいいつつ・・・こんなにやることあるの？とビックリしちゃいました
--
■まずはビジネスモデルの理解から
■プロモーション施策の設定
■WEBにおいての案件定義
■ベンチマーク調査
■検索マーケット調査
■サイトコンセプト設定
■コンテンツマップ作成
■ディレクトリマップ作成
■ワイヤーフレーム作成
■素材集め
■デザインテーマ定義
■成果物の監修
■クライアントの要望を反映or説得
■ディレクターチェック
■テストアップ+クライアントチェック
■リリース
--
私が関わっているのは「デザインテーマ定義」の部分なのでほんの一部ですね。それにしても素材集めやディレクトリマップ作成もディレクターさんのお仕事なんですね。考えてみればそりゃそうか、という気もしますが。。。

このブログを読んでいると、このディレクターさんはお客さんや制作を大切にしてるんだなぁ。というのが伝わってきます。そして堅苦しい内容でも易しく書いてくれているので読んでいてとても楽しいです個人的に下記のリンクもおすすめです。

WEBディレクターの「いっぱい仕事してる。」は結構危険
ディレクターは「御輿の上の人」だと思う
クライアントの無茶振りをデザイナーにうまく伝える方法
「面白い！」と"思わせる人"こそディレクター
サイトは見た目から作ってはいけない

最近K兄さんのお仕事の様子を見ていると、1pxって大きいんだなぁ、と思うんですね。例えば、幅500pxのコンテンツなのにデザインでは501pxになってた！とすると、中身も1pxズレてるわけで、てことはコーディングするには1pxの調整が必要で、画像もいちいち1px修正して書き出さなきゃで、これって超コーダーの負担！！！

で、今まで私の作ってきたファイルはどうだったかなぁ、と考えると・・・。1pxなんて可愛いもので5pxとかズレてたかも～と、怖くなりました。

「webデザインは1pxにどこまでこだわれるかなんだよ」って聞いたことありますが、1pxにこだわるのは見た目の美しさだけではなく、コーディングのしやすさも関係あるんだなぁ。と思ったのでした。気をつけようっと