- ベストアンサー
デザインデータのコーディングについての質問
- デザインデータのコーディングについて不安があります。コーディングは得意ですが、デザインを完全に再現することはできないため、どの程度の正確さが求められるのか知りたいです。
- ブラウザ間の微妙なずれにより、デザインと完全に同じにならないことがあります。文字の大きさや行間をブラウザごとに合わせるために行っている調整により、デザインが異なってしまいます。
- TABLEタグを使ったりソフトを利用すれば、より正確にデザインを再現できますが、それを使わない場合、どの程度の正確さが求められるのか、実務で通用するための目安を知りたいです。
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
私は貴殿と同じ立場、デザイナーさんから貰ったデータをHTMLコードにする立場です。 最も私が貰うのは、IllustratorではなくPhotoshopデータですが。 で、画面デザインを正確に再現させる事はまったく考えてません。 デザイン意図をかなり正確に再現させる事に心を砕きます。 少なくともピクセル単位では必ずずれるものなので、当然無視です。 心を砕くのは、『揃える』ということ。 行頭を揃える。 左右余白を同サイズになるように揃える。 フォントサイズを揃える。 色の指定を揃える。 デザイナーさんから上がってくるデータは、その指示であると解釈してコード打ちしています。 あとは、各ページデザインの統一感、それも揃えるです。 さらに言えば、Webの常識に揃えるという事もやります。 独自の芸術的デザインよりも、一般的な事務的デザインの方がユーザーが使いやすいですから。(ま、実際には事務的デザインはダメですが、極論としては事務的デザインの方がマシと言うぐらいの意味で) この場合は、デザイナーさんにダメ出しって形で対応しますね。 あくまで、デザイナーさんから上がってくるデータは画面デザインであり、それをWebデザインに起こすのはコーダーの仕事って感じの分業制です。 ちなみに、デザイナーさんから上がったデータを忠実に再現しようとテンパッた人間が、HTMLにベタッとJPEG画像を貼りつけて、『これで完璧』とばかりにドヤ顔してるのを見たことがあります。文字まで画像(/_;)。 とりあえず怒鳴り散らして修正させましたが、『忠実に再現しなければいけないから、これで完璧なのに』と最後まで納得していませんでした。 私自身がクライアントと打ち合わせをして、企業カラーなどから、そのプロジェクトのメインカラーを決めたりと、デザイナーに指示出しもする、ディレクター兼、コーダー兼、プログラマなんで、どちらかと言えば特殊例かも知れませんが、ご参考まで。
その他の回答 (1)
- 神崎 渉瑠（@taloo）
- ベストアンサー率44% (1016/2280)
> 最近デザインだけデザイナーさんに頼むということをはじめたのですが、このような場合どこまで忠実にデザインを再現できればいいのでしょうか？ それはディレクターに相談すればいいと思います。 もし自分自身がディレクター業務を行うのであれば、自分で決めればいいと思います。 デザイナーが作成したイラレデータをもとにHTMLコーディングをした経験がありますが、 忠実な再現を主とするか、ユーザビリティーを主として加工して良いかはディレクター（デザイナーとコーダをとりまとめをしている人）に依存しますね。 １ピクセル単位で忠実に再現することを要求されれば、１ピクセル単位で忠実に再現することが最重要課題になります。 たとえば装飾文字100%のデザインなら、スライスして貼り付けただけになることもありますし、 最悪のパターンでは、フォントサイズ、フォント名ともに「統一しなければならない」という要求が「絶対条件」で提示された場合は、すべて画像になります。 この場合は、「装飾文字を使う」「フォント名を指定する」というデザイナーが悪いと思いますが、 コンピューターの制限を受けるためできないと説明しても、相手（デザイナー、およびディレクター）が言うことを聞かない場合は、その条件で作るしかないですね。 （でなければ仕事を受けない＝収入がなくなる、ですから。）
お礼
ディレクターさんが決定権ありということですね。 今回の仕事の場合、ディレクターはお客さんなのですが、ＨＴＭＬやデザインのことはわからないので、私が一任されています。自分で決めて差し使えないですが、念のためデザイナーさんと打ち合わせしようと思います。 参考になりました。ありがとうございました。
お礼
やはりピクセル単位ではずれますよね。 「かなり正確に再現させる」という姿勢で行こうと思います。 貴重なご意見、ありがとうございました。大変参考になりました。