http://good.s13.xrea.com/51ch/
このサイトを見て、思ったことを率直に教えてください。
「ここがいい」、「ここが悪い」など、具体的に示してくれるとありがたいです。
ちょっと背景画像を加えただけで、ものすごく垢抜けましたね。
シンプルな背景画像がとてもいい感じです。
背景関係でひとつ提案するとすれば、
白と透過色のドットを交互に並べた市松模様の画像を用意して、
それを文字の背景にこっそり設定してやると、
さらに背景と重なった文字が読みやすくなるかもしれません。
タイトルロゴ部分も、以前の物が
バナー広告っぽく見えたかどうかは別問題として、
枠が無くなっただけで、ずいぶん伸び伸びとしたデザインになりました。
これも成功だったと思います。
さて、「Posted by・・・・」についてですが、
これは見せたく、ということなのでしょうか。
だったらこの部分は display:none にしてしまっても良さそうな気がします。
この程度の部分なら、display:none を使っても、
おそらくSEO的に問題が出ることは無いと思われます。
というか、普通のHPでも「最終更新:何月何日」
なんて書くくらいですから、
ポスト日時は出していい項目だろうと思うんですけどね。
どんなもんでしょうか。
ちょっと背景画像を加えただけで、ものすごく垢抜けましたね。
シンプルな背景画像がとてもいい感じです。
背景関係でひとつ提案するとすれば、
白と透過色のドットを交互に並べた市松模様の画像を用意して、
それを文字の背景にこっそり設定してやると、
さらに背景と重なった文字が読みやすくなるかもしれません。
タイトルロゴ部分も、以前の物が
バナー広告っぽく見えたかどうかは別問題として、
枠が無くなっただけで、ずいぶん伸び伸びとしたデザインになりました。
これも成功だったと思います。
さて、「Posted by・・・・」についてですが、
これは見せたく、ということなのでしょうか。
だったらこの部分は display:none にしてしまっても良さそうな気がします。
この程度の部分なら、display:none を使っても、
おそらくSEO的に問題が出ることは無いと思われます。
というか、普通のHPでも「最終更新:何月何日」
なんて書くくらいですから、
ポスト日時は出していい項目だろうと思うんですけどね。
どんなもんでしょうか。
白と透過色のドットですか。
一度背景を真っ白にしたらとてもつまらなかったので、止めていたのですが、これならいけるかもしれません。
枠については、元々うちの環境では表示されなかったので見落としていたのでした。
display:none;については最初そうだったのですが、レイアウト的にせせこましくなったので、白文字にしてます。これは見えた方がいいのかな?
Mac OS XのSafariで閲覧していますが特に問題なく見えています。
さて、まず一点目。
背景を明るくして薄くした方がいいと思います。文字がかぶっているところで少し読みにくくなっています。さらに背景を固定してやるとさらにかっこ良く見えるようになると思います。
二点目
CSSにおいて文字を見えなくするために背景色と文字色を同じに指定しているようですが、IEでも文字を選択すれば見えてしまいますし、スクリーンリーダーなどを使っている人にとっては迷惑かもしれません。そこでCSSでdisplay:none;を指定して隠すことをお勧めします。
あとは左のサイドバーをもっと広くしてもいいかもしれません。これはこちらのディスプレイが標準的なものより大きなものを使用しているからも知れませんが。
うちもSafariなんで、その辺はバッチリわかります。
文字のかぶりは、背景を少し付ける方法で乗り切ろうと思います。
背景を固定ですか、試してみようと思います。
display:none;はわかってはいるんですが、レイアウトを崩さないうまいCSSの使い方がどうも。
サイドバーの大きさですか。うちはG3iMacで激狭なので気にしたことがなかったですが、もう少し大きくした方がいいのかもしれません。
ぱっと見で言わせていただきますと・・・
と言ったところでしょうか?
1. もう少し文字情報を詰めます。
2. 大きいですか?フォントの大きさは通常にしてあるんですが。ただ、他のブログと比べると大きいかもしれません。
3. PR邪魔ですかね?一番上にしてコンテンツと切り分けた方がいいですか。
4. ?1行でまとめた覚えはないのですが。
これは僕の趣味かもしれませんが、sidebarは左側にした方がいいのではないでしょうか。
少しcontentとの間が空きすぎてて、sidebarが右側に追いやられているように見えてしまいます。
現代の日本人は左から物を読むので、左に詰まっている分には違和感を感じないと思うのですが。
左の方がいいですか。
やってみます。ありがとうございます。
行間が適度にあいており、また、全体的にスマートに収まっていて大変見やすいと思います☆ また、メニューが右側にあるというのも、本文が読みやすくてたいへん良いです。
記事が、見れないというのがすこしきになります。見れないなら表示しなくてもいいのでは??と思ってしまいますが、まぁ流せる程度です(^^)
http://good.s13.xrea.com/51ch/archives/2006/03/ps3.php
PS3の延期はざんねんです(__)
メニューは右側が良い...
どっちがいいんでしょうか?
記事が見れない?見れませんでしたか?サーバーが悪いのかな?
わりといいんじゃないでしょうか。明るくて。
でも、リンクがみな普通の文字のリンクなのはすこしさびしい。
メインとなるいくつかのコーナーへの各入口は画像などにして、
クリックするようにすれば、一段と映える、それっぽくなると思います。
画像でリンクですか。
アイコンを追加して、リンクを張ってみます。ありがとうございます。
左右ペインを分けるものを”空間”にするのはどうかと?スペースがもったいない。シンプルに,という思惑かもしれないが,限られたスペースをいかに綺麗に区切れるかが作者の腕の見せ所。
画面サイズを最大限に使えるよう、設置してみましたが、画面が大きいと、逆にスペースが多すぎるようですね。うちは狭いので、参考になります。
Ie6(最新)のみで確認です。
私見
・画面横幅を小さくしたときにメニューと本文が被ります。最小横幅を持たせてください。できれば、記事+右メニューをセットとし中央寄せ
・見出し、サブ見出しの文字の大きさに差をつける。
・本文の文字が大きいと感じます。
⇒今は文中も文字は比較的小さめに固定するのがはやりです。ブログテーマからも高齢者が関心を寄せることもないと思うので…。
・タイトル画像をH1で囲むのはもったいない。h1定義でフォントサイズを落とし、タイトル名表示したものを画像の上下どちらかに配置します(SEO)。
・記事中にデジカメで撮ったサムネイル画像(写真背景に白系は×)を入れてみてください。全体ぐっと引き締まる感じに出来ると思います。
いいところ
・Adsenseの配置とさりげなさは好きです。記事に溶け込む感じ
・右メニューもいいと思いますよ
※ブログサーフィンしイメージするブログに近いものを探すのが近道だと思います。なんちゃってWebデザイナーからの意見でした。
幅は、大きすぎると隙間だらけでみっともないし、小さすぎると重なるので、800px固定サイズにしようと考えています。
見出し、小見出しの大きさは変えるべきですね。
それと、本文の文字を小さくしてみます。こっちの方がいいかな?
h1については、改善しないといけませんね。
デジカメでのサムネイルは準備中です。
非常に見やすい、好印象のページです。
わたしはプロのデザインですが、その観点で言えば、図示されているのが望ましいです。
>光デジタル出力・・・入
>ドルビーデジタル・・・入
>DTS・・・入(対応している場合)
>音声トラック自動選定モード・・・入
たとえばこのパートに、キャプチャー画像などが入っていると、非常にイメージがわき、やってみたいと思えるページになります。
ただ、結構ハードルが高くなってしまいますので、個人ページであればこれで合格点だと思います。
画面をデジカメでとって、UPします。
背景色の白と、3本のコードの白が同化しててなんだかよくわかんない感じがします。
そのコードの、はっきりした黄色と赤色の割に、タイトルの「PS2」や、小見出しの飾りになってる線の色が穏やかなので、色のバランスが悪いと思います。
背景は同化させようと考えているので、見え辛いくらいの方がいいと思っています。
確かに、色のバランスは悪いかもしれませんね。赤はちょっとマズいかな。
白と透過色のドットですか。
一度背景を真っ白にしたらとてもつまらなかったので、止めていたのですが、これならいけるかもしれません。
枠については、元々うちの環境では表示されなかったので見落としていたのでした。
display:none;については最初そうだったのですが、レイアウト的にせせこましくなったので、白文字にしてます。これは見えた方がいいのかな?