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

HPを作成する際に素人っぽくならないコツを教えて下さい。
シンプルであってもどこか違うなと感じさせるページもあれば、
凝った作りなのに何となく野暮ったく見えるページもあります。
できれば自分が作るページは前者にしたいのです。
(フレームではなくcssによるレイアウトをしています。)
どうか良きアドバイスをよろしくお願い致します。

●質問者: aqua-marine
●カテゴリ:ウェブ制作
✍キーワード:CSS Hp アドバイス シンプル フレーム
○ 状態 :終了
└ 回答数 : 4/4件

▽最新の回答へ

1 ● notapachi
●40ポイント ベストアンサー

●逆に、素人っぽく見えるサイトを考えてみましょう。

【素人っぽいサイト】

・やたらと色がたくさん使われている。

・さまざまな字体や、さまざまなサイズのフォントが使われている。

・文字に変な装飾がなされている。

・本文のフォントが大きい。

・文字の先頭が揃っていない。

・ボタン類が「既成の寄せ集め」っぽい。

・全体に統一感がない(いや、素人くさい統一感があるのかも…)。

・背景に柄が入っている。

・ページ間の統一性がない。

・罫の幅が広かったり、表に色がついている。

・Gifアニメが入っている。

・BGMが流れる。

・妙に感想を欲しがる。

・トップページに「○○のホームページにようこそ」とか書かれてある(痛い!)。

●フレームでなくCSSを使う、ということから、上記の「いかにも Homepage Builder で作ったような」ページにはならないとは思いますが、「できることではなく、やる必要のあることだけやる」が基本だと思います。

http://q.hatena.ne.jp/1184899974(URLはダミーです。)

◎質問者からの返答

どうもありがとうございます。

思わずドッキリしてしまいました。

文字の装飾や既成の寄せ集め、気をつけたいです。


2 ● Marine-Blue
●20ポイント

こういうのが参考にならないかな?見やすく洗練されたデザインを作るための参考になると思います。

http://www2.plala.or.jp/Cool/okite/

◎質問者からの返答

ありがとうございます。

見る限り、私の出来ない技ばかりでほっとしました。


3 ● tenshins
●30ポイント

多色にはせず(色使いに自信がないなら)、余白を考えるといいと思います。

色はWeb上のサービスを使い気にいったものを選んでみてはどうでしょうか。

ベースカラーに合った色を選んでくれるサービス

http://colorblender.com/

200以上のカラーパターンを公開しているサービス

http://www.colorcombos.com/

余白に関しては、シンプルにしたいとお考えなら、広めに取ってみてはどうでしょうか。

あとは、色々なサイトを見てパクるのもいいと思いますよ。

◎質問者からの返答

ありがとうございます。

自分が好きな色が一番素敵に決まっている♪と思っていましたが、

教えて下さったリンク先を見たら洗練されていて考えを改めざるを得ません。

ホワイトスペースも意識していなかったのですが、

改めて見直してみようと思います。


4 ● tokyoyama
●30ポイント

テキストを中央揃えにしない。

テキストの大きさを小さめする。

色、テキスト、レイアウトを情報ごとに意識して使い分ける。

縦のラインを意識して作るだけでかなり素人臭は消えます。

http://q.hatena.ne.jp/1184899974

◎質問者からの返答

ありがとうございます。

色々頑張ってやり過ぎた結果がひどくなるのだと再認識させられました。

関連質問


●質問をもっと探す●



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