• 締切済み

HPデザインの悩みです。

あるTVゲームのHPの管理人をしているんですが、 HPデザインというものに困り果てています。 (管理人歴は半年といったところでしょうか・・。) トップデザインはHPの「顔」ですから良くしたいのは どの管理人でも同じ事でしょう。 しかし、「あまりにも」時間がかかりすぎて、 結局のところ不本意なデザインとなってしまいます。 トップページ一つ作るのに、15時間ほどかかりました。 訳あって、HPのアドレスは公開できませんが、 物凄く悩んだ末、書きこませていただきました。 http://www.yin.or.jp/user/moriya99/atoz/index.htm ↑AtozHP作成体験 http://www.gun.dyn.to/~hp60/index.html ↑個人計算機倶楽部 http://www.annie.ne.jp/~sheepers/komain.html こういうページを参考に頑張りましたが、 やはり見ていてグッタリしてしまい、 参考になりませんでした。 シンプルかつ軽くて、お客様の目線から見て、 目に優しく、読みやすい・・・・・贅沢ですね。 他の方に聞いても皆さん誉めていただけるのですが、 自分では不本意です。 皆そう思っている、悩んでいるのは貴方だけではない! とそう思う方も多い事かと思います。 しかし、無理を承知でお願いします。 皆さんはどうやって自分のHPを「かなり」満足のいく トップにしたでしょうか? 「満足した」HPを出来ればそこで終わりかと思います。 進歩もしないし・・・。 今まで何千というサイトを見てきましたが、 なかなかヒントが見つかりません。 真似になってしまいます。 まあ・・デザインは真似から、とも言いますが・・・。 やはりHPデザインは「参考書」など買って一から 勉強すべきでしょうか・・・。 何かアドバイスをお願いします。

みんなの回答

  • blue_leo
  • ベストアンサー率22% (541/2399)
回答No.3

どうしても似たデザインになってしまうのは最初は仕方がないんじゃないですかね。 私がデザインで心がけているのはHTMLありきではなく紙にラフデザインを書いてみて そこからHTMLに当てはめていくという作業をすることです。 マンネリは防げると思いますよ。 またデザイン先行型のページが多すぎるのも困ったものです。 うっとおしいmidi、フラッシュがないと先に進めない、noframeの記述をちゃんとしない、 画像にaltのパラメータを書いていない、javaを切ると動作しないなどなど。 機種やプラグイン依存もほどほどにということです。 顔は薄味が好まれると個人的には思っています。

fukatyan
質問者

補足

ご回答ありがとうございます。 なるほど、紙からですか。 見てもらう方を考えたページにしなくてはダメですよね。 やはりブラウザも考えないといけませんね。 やれるだけ頑張ってみますね。

noname#8250
noname#8250
回答No.2

私もサイト管理者の端くれですが... 最初からかっこいいものはできあがらないと思います。結構有名なサイトだって前は汚いレイアウトだなって感じたことありましたし。あなたがおっしゃるように人のまねをしながらオリジナリティを追求しデザインを完成させてみてはいかがでしょうか? 基本としてコンテンツがわかりやすくレイアウトされていること。初めはシンプルでも構わないと思います。あとは遊びに来た方々の意見を聞いたりしてコンテンツを増やしながらそれに見合ったレイアウトを自分なりに考えていく...。 顔だけかっこよくても中身が何もないのならサイト自体盛り上がりませんからね...サイトが大きくなると特にゲームのようなサイトはイラストを描いてくれる人が出てきたりするようですから時間をかけてゆっくりとレイアウトを完成させてみてはいかがでしょうか。 がんばってくださいね。

fukatyan
質問者

補足

ご回答ありがとうございます。 そうですね、最初から良いものは難しすぎますね。 真似をしてでも、アレンジしたり工夫をこなし 経験をつむのが良い方法でしょうね。(^^; 少しずつ変えて行くのが良い方法かも知れませんね。 顔とは言っても、HPは中身勝負ですよね。 頑張ってみます。

  • tweetie
  • ベストアンサー率26% (975/3649)
回答No.1

HPに限らず、デザインの基礎などを勉強することは有効だと思います。デザインやレイアウト如何によって、視線をどう誘導するか、効率的に内容を把握させるかなどのテクニックは、思われている満足いくデザインに置いて、多少は有効なのではないかと思います。 視覚心理なども知識として持っていると、おもしろいかもしれません。ただ効果が如実には現れにくい物でもあるので、自己満足と言われればそれまでなのですが、こころがまえとして、私はそういう知識を持ち合わせるのは良いことかなぁと考えます。 あとはもう・・・センスというか、もって生まれたものも絡んできますので・・・具体的な改良方法は思いつかないのですが・・・。例えば自分のカラーとは全く退局のものを物を想定してみると、見えない部分が見えてきたりする、という、色んな事に当てはまる定義を試してみるのも手かも・・・。すみません。実際にそういうデザイン的なことを手がけたことが少ないので、あまり身になるアドバイスではないかも知れませんが・・・。 納得いく物を作りたい、という追求する姿勢、それがまずあることが大事だと思うので、きっと良い物が出来ると信じてます。頑張って下さい。

fukatyan
質問者

お礼

ご回答ありがとうございます。 なるほど、心理ですか・・・・難しいですね。 やはり積み上げて行かないと、 簡単には良いものは出来ませんね。 センスとは、厳しい言い方ですね。(^^; そうですね、違った考え方をすれば自ずと 違ったデザインも見えてくると・・・。 それが満足のいきそうなデザインだったら嬉しいですね。 そうですね、思えばいつかかないますよね。 ありがとうございました、頑張ってみます。(^^)

fukatyan
質問者

補足

ご回答ありがとうございます。 なるほど、心理ですか・・・・難しいですね。 やはり積み上げて行かないと、 簡単には良いものは出来ませんね。 センスとは、厳しい言い方ですね。(^^; そうですね、違った考え方をすれば自ずと 違ったデザインも見えてくると・・・。 それが満足のいきそうなデザインだったら嬉しいですね。 そうですね、思えばいつかかないますよね。 ありがとうございました、頑張ってみます。(^^)

関連するQ&A

  • HPのデザインについて。

    HPのデザインで、どうしてもこれを使いたい!というデザインがあります。…が、どうやって作るのかがわかりません; HPビルダーを所有しています。 パソコンスキルはあるほう…だとは思います。 説明しづらいデザインなので、参考素材サイトをはらしていただきます。 http://www.pw-design.jp/material/index.html このようなボタンを作りたいのですが…。

  • HPのデザイン

    こんにちは。最近、HPを作り始めたんですが、トップページのデザインで困っています。 (文字で説明するとわかりにくいと思いますが)上下に、すきまなく、バーのようなものをデザインとして表示させたいのです。 <p>や<div>なら、一番上一行ならできることはわかったのですが、ページの一番下にも、同じように「バー」を置くにはどうすればよいでしょうか。 できれば、左右にもしたいと思っているので、柔軟性のある指定方法が知りたいです。 この説明で、お分かりになるでしょうか^^; よろしくお願いします。

  • FC2のHPについて

    クリックありがとうございます>< FC2のHPについてなのですが、 「index.html」でトップページを設定したあとそのページからほかのページ (例えばindex.htmlでINDEXを設定してそこから画像などをクリックしてメニューなどがあるトップページへいくと言うことです) へ行くにはどうすればいいのでしょうか? つまり、INDEX以外にページを作るにはどうすればよいか、ということです。 それと、管理ページトップのホームページURLをクリックしてINDEXが表示されればホームページは公開されている。ということなのでしょうか? ちなみに無料版です。 FC2でHPを作っている方や知っている方いましたら是非教えてください>< お願いいたします。

  • HPのレイアウトが参考になるサイトはありませんか

    最近HPを作っているんですけど トップページのデザインに困っています 何処か色々なHPのデザインが参考にできるサイトとかありませんか?

  • グラデーションデザインのHP

    最近は普通になってしまいましたが、グラデーションデザインのHPが主流になってますね。例えばGOOやYAHOOのトップページもよくよく見ると背景にグラデがかかってる。 このグラデデザインはどこからきた流行なんですか? WEB2.0と関係はありますか? ここのところ3Dロゴも普通に見かけるようになりました。特にRSSボタン等々。 これからはグラデ&3Dロゴなんかも取り入れたデザインがスタンダードになるんでしょうか? お詳しい方ご教授願います。

  • WEB作成で参考・お手本になるHPを教えてください

    WEB作成の勉強をしています。 お手本を見て最初は真似する事から始めたいのですが、 ●実際に自分が参考にしている、したことがある ●このページはかっこいい ●ちょっとユニークなつくりをしている ●会社のHPとして、非常にオーソドックス ●トップページがとても分かりやすい 等、FLASHなどを使ったデザイン重視のサイトから、会社説明のように目的や概要がしっかり分かりやすいサイトまで、幅広く知りたいです。  作成するのに難しい、難しくない、はこだわりません。  よろしくお願いいたします。  

    • ベストアンサー
    • Flash
  • HPのhtmlについて

    昨日、自分のHPにHarbotというアクセスカウンター等を表示するものを貼り付けようと思い、試みたのですがちゃんと貼り付けることが出来ませんでした。 原因は、URLがindex.htmlで終わっていないからということでした。 私のHPは今、ジオシティーズ(YAHOO)で借りていてURLの最後が「/」で終わるように表示されます。これを、index.htmlで終わるように表示できないでしょうか? HPのトップページのファイル名はindexにしています。 困っています。みなさん、教えてください。 よろしくお願い致します。

  • Webデザインの真似の仕方とは?

    よくWebページをデザインする際に、優れたデザインのページを真似するとよいといわれていますよね。 (もちろん、真似といっても、基本デザインを参考にさせていただきたいということです) そこで、たとえば、Yahooのニュース画面の構成を真似をしようとしたとします。 ソースを表示すると、とても長いhtmlコードが表示されるため、その中から必要なコードを取り出して…と手を加えているうちに、だんだん元のデザイン構成がガタガタになってしまい、参考にならなくなってしまいます。 スタイルシートや段落が原因かと思うのですが、ページの中で多くのスタイルシートを参照していたり、段落が込み入ってたりして、どれがどう関係し合ってるかを知るだけでも困難です。 みなさんは、誰かのデザインを参考にする際、どのようにして自分のデザインに取り入れているのでしょうか?画面構成を見ながら、自力で作成するのでしょうか?根気よくスタイルシートを読み解くのでしょうか? 私はHTMLについては基本的な勉強はしていますが、デザインについては初心者で、また、残念ながらデザインにかけられる時間も余りありません。 何か有効なポイントなどありましたら、教えていただけないでしょうか。

    • ベストアンサー
    • CSS
  • ホームページビルダーでのHPの作り方について。

    HPの設定について教えてください。 ホームページビルダー16でつくったHPを現在公開しています。 デザインの変更をしようといろいろ調べましたが、内容は同じでテンプレートだけ変更というのができるのかよく分からず、とりあえず新規サイトとして別のテンプレートで同じ内容のものを作りました。 最初に作った方(A)のトップページのファイル名は「index.html」です。 その為、あとから作った方(B)のトップページのファイル名は「index1.html」に自動的に設定されました。 Aはブラウザ上でもちゃんとHPとして公開できています。 これを、アドレスはそのままでBのデザインのHPに変更するのにはどうしたらいいのでしょうか。 A  http://○○○○○.com →このアドレスで開きます。 B  http://○○○○○.com/index1.html →このアドレスでないと開きません。 ファイル名を逆にしてみたのですが、やはり公開HPアドレスではAが開きます。 よろしくお願いします。

  • webデザイナーとして恥ずかしくないHP作成:デザイン力を身に付けられるHPはどこ??

    現在、とある会社の面接中です。「Flashはとりあえず後で良い、HTMLの実力を見せて欲しい」との事です。真似してHPを作って欲しいと言われました。どこのHPを真似すればwebデザイナーとして恥ずかしくないのか分かりません。多サイトではNHKが基準だと書いてありましたが、それほど実力がありません。PhotoshopとHTMLで作成できるデザインの強いサイトを探しています。皆様宜しく御願い致します。

専門家に質問してみよう