みなさんこんにちわ、
アクセスネット情報技研、Webデザイナーの米澤です(*^^*)
明朝体は、サイズを小さくすると読みにくくなっちゃうな〜とよく思います。
※この場合のサイズが小さいとは、10から11pxサイズです。
今回お話する、弊社クライアント様である株式会社タニハタ様は商品と技術の価値がとても高く、WEBサイトでも表現したいと思い、高級感をイメージさせるWEBサイトを提案しました。そんな時に、疑問に思いました。高級感をイメージさせる場合、画像で作る書体は明朝体にしているサイトを多く見かけますが・・・
-------------------------------------------------
「見出しやキャッチコピー画像には明朝体でいいけれど、
メニューボタンなどサイズが小さい書体は、明朝体で本当にいいのかな?
文字がつぶれてしまって読みにくくなってしまうのではないのでは!?」
-------------------------------------------------
と考え。。。ゴシック体と明朝体でメニューボタンを制作し、見えやすさを比べてみました。↓
-------------------------------------------------
■ゴシック体で制作(MSゴシック10px )
■明朝体で制作(MS明朝10px)
※ちなみに、下の濃いメニューボタンはロールオバーした時に表示される画像です。
-------------------------------------------------
う?ん(-_-;)画像を見ると、
明朝体はサイズを小さくすると細い部分が潰れてしまい読みにくいですが、
ゴシック体はサイズを小さくても太さがあるので見えやすいです。
ユーザーは、閲覧しているWEBサイトが
「読みにくい」「見えにくい」と感じるとページを閉じたり、
他のサイトに行ってしまうことがとても多いです。
このような理由で、今回、タニハタ様のWEBサイトでは、
メニューボタンにはゴシックが採用されています。
さらに、メニューボタンの背景に黒を使用しているため
文字を白くし、より「見やすい」メニューボタンにしました。
実際のサイトはこちらです。
↓
株式会社タニハタ様/組子間仕切り欄間(ランマ) 和風衝立製造
http://www.tanihata.co.jp
やはり、WEBサイトでは読みやすさが大切です!(^^)
■アクセスネット情報技研は、
ホームページ企画制作&ソフトウェア開発を行っている会社です。
下記の運営サイトも、ご参考にしてください!!
e-創業どっとこむ:http://www.e-sougyou.com/
システムインテグレータ:http://www.sys-intg.net/
無料メルマガ購読サイト:http://www.e-sougyou.com/magazine/index.htm
インターネット活用の秘訣:http://www.e-sougyou.com/plan/hiketsu/chapter1/no_001.htm
ありがとうございました!
投稿者 anjgmt888 : 22:27 | コメント (0) | トラックバック (0)


みなさんこんにちは!東京・大阪・富山で活動しているIT経営コンサルタント、