• 締切済み

デザインガイドがほしい

plutoの回答

  • pluto
  • ベストアンサー率100% (1/1)
回答No.4

みなさん良いお答えをお持ちなので恐縮ですが、私も答えてみさせてくださいませ。 一般に640、480のモニタでIE,NNの4までのバージョンを開いたときの共通表示可能範囲はマージンを含んで563、270pix(Hotwired参照)です。ということは563ピクセル内に一行や最小限必要なものが収まったほうがより多くの人が快適に閲覧できます。また、文字の大きさはウィジウィグ(832、642として)に対して画面解像度で最大1.98倍(640、480)最小0.52倍(1280、960の時)に見えるのでその差の中で見やすい大きさを選ぶべきでしょう。私は12pt(fontsize="3"デフォルトですか、、)にしています。ただスタイルシートの時はMacとWinではポイントの解釈が違うのでpxを単位にしたほうがいいと思います。段組や行間の工夫で読みやすさがまたちがってくるので組み見本をHTMLで作っていろいろためされてはいかがでしょうか。 長々とゴメンナサイ。

参考URL:
http://www.hotwired.co.jp/webmonkey/99/43/index3a.htmlhttp://www.hotwired.co.jp/webmonkey/99/43/index3a.html
ukh
質問者

補足

具体的な資料のご提供、ありがとうございます。 まさにそういう数値としての資料をさがしておりましたので助かります。 印刷物と違いモニターという光源で見るので、見易さを念頭に、画像に含むフォントサイズは15pt程度を目安にデザインを依頼致しました。 フォントサイズについては、今後更新していくうえで試行錯誤していきたいと思います。ありがとうございました。 デザインを依頼致しました。

関連するQ&A

  • iモード用サイトのデザイン的余地

    tableは使えない、 フォントサイズも変えられない、 背景に画像も使えないと、 デザインの幅がかなり狭い (逆に言うと、楽ちんな) iモード用サイトですが、 そこに デザイナーさんのセンスを投入するだけの デザイン的余地はあると思われますか? 実際にデザイナーさんに依頼して ずっと良くなったとか、 そういうお話があれば教えて下さい。 よろしくお願い致します。

  • webデザインこれが普通?

    たまにコーダー作業を請け負いますが、きっちりと座標、位置、サイズをあわせたデザインカンプでその通りに作れば、ちゃんとコーディング可能なデータを回してくるデザイナーさんと、ガイドの位置もずれていたり、サイズ配置座標も数ピクセルずれているデータを回してくるデザイナーさんがいます。 後者を雰囲気デザインと個人的に呼称してます。 もちろん雰囲気デザインですから、設計書がついてくることはありません。 雰囲気デザインの場合、結局何度も問い合わせたり、手直ししたり、ひどい場合には突き返したりして、ものすごくイライラします。 皆さんの周りには、後者のような雰囲気デザイナーはweb業界ではどの程度の割合居ますか?どう対応していますか?

    • ベストアンサー
    • HTML
  • webデザインのフォントサイズについて

    こんにちは、現在WEBサイトを作っています。 macとwinでフォントの種類やサイズなどの表示が変わるのは分かっていたのですが、同じmacでも画面が大きいデスクトップと画面が小さいノートパソコンで文字サイズが全く違うので、困っています。同じサイズで表示させるにはどうしたらいいでしょうか。 (現時点ではレスポンシブデザインはしていません。これから別にスマホ用のサイトを作る予定です。) ちなみに、フォントサイズは、ピクセルで指示しています。 分かる方いらっしゃったら、どうぞ宜しくお願いします。

    • 締切済み
    • Mac
  • ウェブアートデザイナーで年賀状作り

    はじめまして。 ホームページビルダーについている、ウェブアートデザイナーで画像を加工したり文字を入れたりしています。 年賀状もウェブアートデザイナーで作って印刷しようと思っているのですが、キャンパスのサイズをどのくらいにすればハガキサイズになりますか? 幅と高さのピクセルの数値を教えてください!

  • 写真のサイズの調整、どうすれば?

    データを読み込んだ写真のサイズの変更について質問です! 写真館で撮った写真のデータをCD-Rで受け取りました。 就職先データで提出しなければならないのですが、そのデータのサイズに指定があります。 指定は、幅240ピクセル、高さ300ピクセル、となっています。 受け取ったデータの大きさは、幅827ピクセル、高さ1122ピクセルです。 これを指定の大きさに変更するにはどうすればよいのでしょうか? 「ペイント」で、サイズ変更の垂直方向、水平方向の%を変更できますが、整数でしか入力できないようで240ピクセル×300ピクセルにできませんでした。 おわかりになる方、回答を宜しくお願い致します!

  • WEBデザインについて

    デザインを専門に学んだことの無い私が、WEBサイトのバナーやレイアウト、ロゴなどを制作するのと、デザイン専門の学識があったり、クリエイターの専門学校などで学んだ人とは、何に差があるのでしょうか? 自分の作ったバナーを自分で比べてみると、フォントの違いや、細かな幅などがやっぱり違うような気がします。私はバナーを作るときはフォトショップですが、プロのWEBデザイナーは、イラストレータから素材を起こしたりして作るのでしょうか?どなたか、辛らつな意見でも頂ければ大変うれしいです。

  • ペイントで画像をつなげる(やり方)

    サイズ1280×960の画像を縦に2枚つなげてヤフオクの最大サイズ(450×600)で出品したいです。私の場合・変形→キャンパスの色とサイズ→幅1280高さ1920ピクセルでつなげた物が(400×600)になってしまいます。どうやればよいのでしょうか?

  • AVIファイルのサイズを小さくしたい

    ブログにデジカメで撮った映像を掲載しようと思ったのですが、ブログにアップできる動画のサイズがオーバーしていました。 アップしたい動画は、AVIでサイズが6.86MBあります。ブログにアップできる最大サイズは5MBなのでこれ以下にしたいのですが、何か良い方法は有りますでしょうか? 詳細情報が何を記入してよいか分かりませんので、とりあえずなんでも情報を記入しておきます。 幅320ピクセル 高さ240ピクセル ビットレート88kbps ビデオデータ速度227kbps よろしくお願いします。

  • イラストレータ 同一フォントの選択方法

    イラストレータ9.0で、同一フォントを一気に選択してサイズ変更をしたいのですが方法がわかりません。同一色、同一線幅などは「編集」「選択」でできるようですが...。かなりのデータのフォントサイズを変更しなくてはいけなくて困っています。フォントは線は無しで、一行にサイズの違うフォントも打っています。ご存知の方はぜひ教えて下さい。

  • 印刷用データの画像解像度が低すぎると・・??

    会社の雑誌広告を依頼しましたら「完全データで入稿して下さい。」と言われた為、フォトシャップCSとイラストレーターCS(Win)で作っています。 参考本やサイトで調べたりして作っているのですが、画像解像度は350~400とよく書かれています。 しかし、手元の写真資料で元サイズが小さい物もあり、幅34mmで写真を使いたい場合、フォトショップで画像解像度を設定すると、 ・ピクセル数 幅134pixel 高さ102pixel ・ドキュメントのサイズ 幅34.04mm 高さ25.91mm 解像度100pixel/inch となり、解像度が低いです。この解像度ではやっぱり印刷しても粗かったり、ぼやけたりするのでしょうか? また写真資料が16点あり、元サイズがバラバラなので、解像度も100pixel/inchや400pixel/inchなどバラバラです。これもよくないのでしょうか? 初めてだけに、とても心配です・・。 宜しくお願い致します。