コーディングのお仕事。

webデザインに慣れていないDTP系のデザイナーさんに
webデザインを依頼すると
とんでもないものが出てきたりする。

何がとんでもないのかと言いますと・・・

まず、最初の設定からおかしかったりする。

web上の画像は72dpiか96dpi。
webというのは、画面を通して、見るものですね。
ディスプレイは72dpi〜96dpiです。
出力先が72dpi〜96dpiなのだから、72dpi〜96dpiなんです。
それより大きくしても、意味が無いです。

とりあえず、72dpiで作るとまず間違いないですね。
私は、デザインの制作に取りかかる際に
72dpiで設定して作り始めます。

先日、他人が作ったデザインの
コーディングを頼まれたんですが
150pdiで作られてましたね。。なぜに150dpi？！
そこに何の根拠が！？
しかも、横幅が1800px！
webのデザインで、これは有り得ません。。。


印刷だったら300dpi〜350dpiかと思いますが
それは出力先が紙だから。
手に取るもの（A4とかの紙）だから単位はセンチ/ミリで表現しますが
webは画面上ですから、単位はピクセルです。

印刷物のデザイナーさんは、そのへんがよくわかってなかったりします。


webのデザインは、
「画面（等倍）で見えているサイズそのまんま」が
そのサイズとなるわけですから、
それを踏まえて、デザインしていただかないと困るのです。

先日の、横幅1800px 150pdiのwebデザインは
当然、デカすぎるから横幅950pxで修正してほしい、
こんなのじゃコーディング出来ない、と頼んだわけですが、
そしたらナント、戻ってきたのは、縮小しただけｗでした。

拡大・縮小すると、境界がブレたりしますよね。
フォントの大きさなども、縮小しただけで
いいわけがないですね。

たとえば、
1pxのラインがブレて2pxくらいになってたり
ボタン等の長方形の縁がぼやけてたり・・。

そういうのは、汚いだけでなく
コーディングをするうえで、非常にウザいです。
キレイに整えないと、コーダーが困ります。
汚いラインをキレイに整えるのは、
コーダーの仕事ではありませんよ？

「一体、どこに目を付けてデザインしてるんですか？」
と・・・
ちょっと申し訳ないけど、その神経を疑いたくもなります。


あと、フォントのサイズもDTP系の人はちょっと違いますね。
画像として扱う場合でも、
webであんまり小さくすると文字が潰れて読めません。
テキストで表示させる部分は、
アンチエイリアスを「なし」に設定していただくと
よりわかりやすい。

ご丁寧に、すべての文字をアウトライン化してたりしますが
アウトライン化するのは
画像にする文字だけでいいのです。
テキストで表示させる部分をアウトラインにする必要はありません。
というか、アウトライン化されると困ります。


すべては、
「今、アナタの、その画面で見えているモノ、そのまんま」

自分が今作業をしているその画面。

だいたい、Macなら72pdi、Windowsなら96dpiでしょう。
その画面（等倍表示）が、そのままのサイズでwebページになると考えれば
おのずと、どれくらいのサイズが適当なのか
だいたいわかるでしょう。
わからない場合は、いろんなサイトを見てみるとよいです。
一般的には、横幅は900px〜960pxが多いかなと思います。


コーディングする時は、
デザインに忠実に、コーディングするのが当然です。
じゃあ、汚くなっているラインとか
ボタンの汚い縁とか、そのままでいいんですかと。

そんなわけはなく、
汚い所は直さなきゃいけない。
というか
汚く作るな！です。
縮小したただけで済ますな！です。



なぜにDTP系の人が拡大・縮小しただけで済ますのか考えたら
イラレで作ってる感覚だからですね。たぶん。

ベクター感覚だから、拡大・縮小して端々が汚くなるなんて想像もできない？

ピクセルがわからないから？
1px単位で見れないんですね。
1pxのラインが、2pxくらいにブレてしまっていても、
それが気にならない。
もしくは、1pxが汚くても"そんなものだ"と思っている？

残念だけど、webをするなら
ビットマップを扱うソフトを使うべきだし、
1pxの汚さを見逃すのは、webデザインの世界では出来ない子。

データ上は問題ない、印刷すればキレイ。
それはイラレのお話。
webデザインが分かってない。。

私がデザインしたものは
ラインがブレたものなど、ないです。
1px単位でちゃんと合わせますし、揃えます。
端々の意図しないぼやけ、ズレ、ブレ、などは、
私が一番気を使うところでもあります。


結局、ぼやけて、ブレて、汚いデザインは
そのままじゃ使えないから
結局、コーダーがデザインをキレイに直しているわけで・・

webデザインも出来ますと言って、
そのままじゃ使えないものを制作して、
お金もらって、それでいいのかしら？


これだからDTP系の人のwebデザインは・・・

と、コーダーに迷惑がられない様に、
気を付けてほしいところですね。

よく使うjQuery

jQueryが主流になってきて
早・・数年？

仕事でもよく使います。
というか、絶対使いますね。

仕事でよく使うjQueryも
それはもう色々なんですけれど
どういう機能を求められることが多いかというと

１、画像が自動的に切り替わるもの
２、画像が自動的に切り替わりつつ、スクロールのボタンが付いているもの
３、サムネイルクリックで拡大表示（Liteboxよりおしゃれなもの）
４、ボックス（div）の高さを揃えるもの
５、スムーズスクロールは必須
６、twitterやfacebookなどのSNSボタン設置
７、ボックス（div）全体をクリックしてリンクする

などなど。

探せば色々とあるので
その都度、使いやすいものを選べばよいですね。

気付いたらもう7月・・・

ブログ全く更新してなかった。。。
ツイッターやらfacebookやらmixiやら
コレ以外のブログやら、、
アレコレと手出し過ぎて(^_^;)
結局、どれもこれも疎か。。。orz

イカーン！！

実を言うと、、このブログ以外に
ブログが3つ（笑）
近頃更新したのはそのうちの1つだけ。。

twitterのほうはもう一個アカウント持ってて
こちらはどっちも比較的よくつぶやいてます。

mixiはつい先日、数か月ぶりに更新ｗ

facebookは放置（笑）


というかねー
書くことないんだもの(^_^;)

仕事のほうは今ちょっと暇なんで
時間的余裕はいつもよりあるのにね〜。
たまにはこちらのブログも更新しなきゃだな〜。

またまた・・・

忙しさにかまけて、またまた放置状態にしてしまいました(^_^;)

いけませんねぇ。。。


1月は案外暇ではあったんですが
2月になって非常に忙しく・・
なかなか時間がなかったりしまして
3月もどうかな〜・・

やっぱりちょっと忙しいかもな雰囲気で
現状は5件ほどの案件を掛け持ち。

暇は怖いので（笑）忙しいことは結構なことなんですけど
身の回りのことが疎かになるので
もっと自分の周辺のことに気を使わないといけないなと反省中。。

今いちばん欲しいのは自転車デスが
4月にならないと買えないな・・
自転車買ったら、天神まで自転車で行くんだｗ

運動不足解消、ダイエットになるし
ちょっとは身体が若返るかも！？

まあ、リアルにいい年なんですが（笑）
それ以上に体力低下が著しいので・・
こういう仕事してるからこそ
もっと運動しなきゃですね。。

引っ越ししました。

引っ越しと言っても、家の引っ越しじゃあなくって、
サーバの引っ越しです。

サーバのお引っ越しが完了！
ってことで
リニューアルしようとサイトも新しく作ってたんですけど
間に合いませんでした。。。

とりあえず、、サイトは今までのまんまで、、
ひとつ変わったところは
FLASHやscreensaverのダウンロードに
メアドが必要なくなったということかな〜。

zipファイルを直接ダウンロードできるようになっています。

リニューアルのついでに、
素材も精査して、配布をやめるものと
そのまま配布を続けるものとに分けようと思ってます。
素材の数が減りますが・・・
サイトを立ち上げて１０年になるので
古い素材は配布を中止する予定です。

あと、FLASH素材に同梱しているその他のファイルも
書き換えるべきところが山ほどあるので・・
リニューアルはかなり先になりそうな予感。。

そうこうしてて時間が経ってしまったら、デザイン変えたくなるかも（笑）