人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

http://lovemusic2.web.fc2.com/
このサイトを見て、感想を教えてください。

●質問者: you-li
●カテゴリ:インターネット ウェブ制作
✍キーワード:サイト 感想
○ 状態 :終了
└ 回答数 : 28/28件

▽最新の回答へ

[1]やや技術よりの話を書きます。 ElekiBrain

まず、paddingの設定はちゃんとしたほうが読みやすいかもしれません。また、フレーム処理についてはSEO対策に対する懸念など、さまざまな問題を内包していますので、できるだけ用いないほうが良いでしょう。

ボックスやテーブルには角丸を使用してみるとアクセントになり、より見やすくなるでしょう。趣味のページのようですから、ちょっとしたGIFアニメやFlashなどがあればより遊び心を感じますね。

タイトル『lovemusic』はもっと大きくしても問題ないと思います。むしろ、左のメニューを使ってサイトを閲覧する人が多いでしょうから、大胆にタイトルを飾ったindex.htmlを作成する方がインパクト大でしょう。

まだまだあと思いますが、気づいたら書いてみたいと思います。


[2]見た目の話。 sakura19749

ぱっとみ、すごい見にくい感じでした。ごちゃっとしてるというか。


[3]>1 お、だいぶわかりやすくなりましたね Kumappus

以前はぱっと見、全然なんだかわからなかったのですが、これなら何がしたいサイトかとりあえずわかりますね。

ただ、ElekiBrainさんもおっしゃっているように、タイトルはもっと大きくした方がよりわかりやすいですし、SEOを考えないにしてもフレームを使う意味があんまりないような気がします。むしろ各ページにトップにそれぞれの場所に飛ぶボタンを横並びに置いておくなどのほうがいいでしょうね。フレームの分が邪魔で有効な表示スペースの幅が減っちゃってますし…。


[4]印象が薄いです takumi_o

視覚的にシンプルと言うより印象が薄く感じられます。

Musicと冠していますがMusicという印象も感じられません。

視覚的な面でMusic色を出しては如何でしょうか?

また、文章中で強調したい部分はstrongタグ等で強調しメリハリを持たせた方がよいと思われます。

やはり文章が綺麗に揃えられている分デザインの弱さが目立ってしまうのでデザインを強化することをお勧めします。


[5]>2 そうですね。 you-li

もうちょっと整理してみようと思います。


[6]>1 ありがとうございます。 you-li

とりあえず、フレームを使わずにやってみようと思います。

他に何かありましたらよろしくお願いします。


[7]>3 ありがとうございます。 you-li

この間はありがとうございました。

そして今回もありがとうございます。

そうですね。

とりあえずタイトルを大きくして、フレームをはずします。

あとElekiBrainさんがおっしゃられたようにGIFアニメも作成してみようと思います。


[8]>4 デザインの強化 you-li

そうですね。

もっと音楽っぽいデザインにした方がいいですかね。

音符を使うとか・・・


[9]仮ですが you-li

フレームをなくしてみました。

感想をよろしくお願いします。


[10]>8 そうですね〜 takumi_o

音符、五線紙などは堅めな印象になりやすいので曲線的に用いてみると良いと思います。

濃いめの背景で楽器をシルエット化したイラストを配置して背景画に使ってみるのも良いかも知れません。

繊細な楽器イラストなどは扱いづらいですのでアイコン風味のパターン化されたモノを使うのが良いでしょうね。


[11]>10 ありがとうございます you-li

参考にさせていただきます。


[12]せっかくなので・・・ takodam

http://www.mincon.org/entry/yuushuu_design.html

文字ばかりのHPよりも、デザインも凝った方が良いと思います!


[13]>4 特にタイトルが gto701634

タイトルのロゴの印象が薄いとおもいます。


[14]一瞬出会い系かと思いました。 rosepourri

loveという文字が目に入って

一瞬出会い系かと思って画面を消しそうになりました。

タイトルなんか、もう少しわかりやすいのに

替えて見てはいかがでしょう?


[15]>4 同じく hinama_kouzi

薄い・・・

私的表現だったら「軽い」ですね

もうちょっとサイトに重みをつけたら

いいと思います。

今後の更新頑張って下さい。


[16]>13 タイトルロゴ you-li

もうちょっと派手にしたほうがいいですかね。


[17]>15 ありがとうございます。 you-li

やっぱりもう少し派手にしてみようと思います。


[18]>14 そうですね(笑) you-li

とても参考になりました。

タイトルに作詞・詩・曲投稿サイトと入れようと思います。


[19]>12 ありがとうございます。 you-li

リンクありがとうございました。

参考にさせていただきます。


[20]>3 私も技術的な話を。 susie-t
padding:5px;
letter-spacing:1px;
line-height:1.3em;

[21]>20 ありがとうございます。 you-li

ためしてみます。


[22]色があるといいなぁ aiaina

もう少し色があるといいとおもいます


[23]ホームページの名前 Waki

Love、music。

より

Love, music.

でないとちょっと気持ち悪い。


[24]ここをクリックしてみよう miule

てな感じの好奇心がわきません。第一印象に「なんか面白そうなコンテンツだな」って思わせる仕掛けがほしいです。


[25]主役 kakekomijosha

メインのページがどこにあるかがわかりにくいです。

強調したり、説明を加えるとよいかと思われます。


[26]コンテンツの分けすぎ? chocolon

「BBS」と「ご意見ご感想」と「相互リンクサイト募集掲示板」って

全部分けてリンクを作らなくても

BBSで「ご意見ご感想」や「雑談」や「相互リンク募集」って

できるんじゃないでしょうか?

いっぱいありすぎるてわかりにくい気がしました。

たくさんコンテンツがあると、ぱっと見はにぎやかだけど

細かく分けすぎるとわかりにくいかもです。


[27]>6 再度拝見いたしました。 ElekiBrain

大改造になる可能性がありますが、できれは、ボックスの表現をテーブルからDIV要素+CSSなどに変えてみてはいかがでしょうか?

コンテンツの隙間が詰まりすぎで少し見づらくなってしまっているのが残念です。もしこの方法を用いないのであれば、borderを1px加える、あるいはセルごとのスペースを空けるなどで対処したほうが良いかもしれません。

また、あえて画面一杯使わずに、マージンをしっかりととり、縦長のコンテンツにしたほうが良いと思います。デザインは非常に大切ですが、まずは見栄え、アクセシビリティを重視してください。必ず閲覧者も増えるはずです。

また、フレームを使わないことにより、メニューが上部に移動しましたが、厳密な境界線がほしいと思いました。メニューとメインコンテンツが混在するのはやはり見づらいものです。他の境界線についても同様です。ただし、飽きさせないために、タイトルごとにgifなどで色付けするすることが肝心かと思います。ただ単に線(hr)を引くだけではやはり変化の乏しいものになるでしょう。テーブルに背景色や画像を指定することをお勧めいたします。

これは提案ですが、背景画像はもっと深い青の画像(海など)を使い、テーブルとの色の転調(背景とコンテンツの差)を狙うといいかもしれません。アブクが入っている画像などが綺麗かと思います。クリスタル風でも良いかもしれません。

最後に、透き通った感じを出したいならば、


myOpacity{

filter:alpha(opacity = 50);

opacity:0.5;

-moz-opacity:0.5;

}


とCSSに設定すると、設定した要素が透過表示になり、綺麗です。

ただし、表示がややもたつきますが。(各数字はalphaが100%表記、opacity、-moz-opacityは0?1表記。ご覧の通り小数点以下も可。)


[28]皆さんありがとうございました。 you-li

また何かありましたら聞かせていただきます。

貴重なご意見ありがとうございました。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ