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

現在ホームページを作成しています。
作成したページは以下になります。

http://www.aiomock2008.sakura.ne.jp/sakuseityuu.php

イメージとしてもっとシャープでかっこいい、プロのようなページを作成したいのですが、このページを見てレイアウトや業界の常識として踏んでおくポイント等等アドバイスがあったら教えて下さい。お願いします。

トップのページの大きい写真はいくつかの写真を動画のように見せるようにしたいと考えています。
お知らせの小さい写真はGIFアニメーションにしようと考えています。

アドバイス、ご回答お待ちしております。


●質問者: aiomock
●カテゴリ:コンピュータ インターネット
✍キーワード:アドバイス アニメーション イメージ シャープ プロ
○ 状態 :終了
└ 回答数 : 10/10件

▽最新の回答へ

1 ● yamaneroom
●15ポイント

カラーコーディネートがおかしい。

Webカラーコーディネート―セーフカラーによる配色完全ガイド/「カラーイメージチャート」準拠

Webカラーコーディネート―セーフカラーによる配色完全ガイド/「カラーイメージチャート」準拠

  • 作者: 南雲 治嘉
  • 出版社/メーカー: グラフィック社
  • メディア: 単行本

◎質問者からの返答

ご回答ありがとうございます。


2 ● youyan73
●15ポイント

とりあえずインラインフレームは止めましょう。フレーム表示は過去のものです。

デザインはCSSで行うべきですが、何も使っていませんね。CSSの基本を理解するだけでも、

だいぶ違ったものに仕上げることが出来ます。

センタータグも現在では使わないのが一般的です。

◎質問者からの返答

ご回答ありがとうございます。


3 ● koriki-kozo
●15ポイント

Webデザインの基本ルール-プロに学ぶ、一生枯れない永久不滅テクニック (Design Lab+ 1-3)

Webデザインの基本ルール-プロに学ぶ、一生枯れない永久不滅テクニック (Design Lab+ 1-3)

  • 作者: デザインラボ編集部
  • 出版社/メーカー: ソフトバンククリエイティブ
  • メディア: 大型本

◎質問者からの返答

ご回答ありがとうございます。


4 ● some1
●15ポイント ベストアンサー

サイトの背景色は清潔感のある白を選ばれているようなので、

注目を集めるフォーカスカラーを明確化し、ポイントやゾーンを絞って使ってみてください。

現状だと、緑のグラデ、ベージュのゾーンが明るい色に対して、ヘッダメニューの茶色が沈んでしまっており

茶色も薄めなので、白抜きの文字の可読性が下がってしまっており、メニューのインターフェースとしての機能性が下がってしまっています。


また新着情報とお知らせの見出し個所が弱く感じます。

特にお知らせは横長のゾーンに属しているのに、下線の幅が新着情報と同じ長さしかないのに違和感を感じます。


新着情報の下のベージュ地色はゾーニングの為に敷かれたと思いますが、バナーだけでも認識は出来ているので、

新着情報側を枠線で明確化しては如何でしょうか。


フッターの高さがありすぎて重たいようにおもいます。文字は横長に1列でも良いのでは。


左上のロゴはHOMEに飛ぶLINKを要れてHOMEは省いてもよく思います。

またロゴの左上に空白が空きすぎてしまっているように思います。


最後に既にご自身でも調べてらっしゃるかもしれませんが、

同様のテーマサイトを見て比較しながら、長所を吸収されると良いかと思います。

http://www.koiwai.co.jp/

http://www.hokkaido-farm.jp/

http://www.nakatani-farm.jp/


Webデザインの勉強、頑張ってください

◎質問者からの返答

ご回答ありがとうございます。


5 ● うわさ(windows
●15ポイント

素人目から見て、背景は重要となります。ブログなどに書いてあるように、背景に農場の写真を薄めに張るなど(透明度:40~50位)、ASを使いアニメーションを張るなど、色々なやり方があります。

オススメASサイトはこちら

http://www.office-okamoto.com/action/index.html

↑トップ

ここなら、ASを張るだけで作れるのでオススメです。

http://www.office-okamoto.com/action/htmls/5-1.html

ブルダウンナビゲーション的な感じでやっても良いと思います。

オススメフラッシュ作成ソフト(フリー)

http://www.geocities.jp/coa9999/

パラフラ

◎質問者からの返答

ご回答ありがとうございます。


1-5件表示/10件
4.前の5件|次5件6.
関連質問


●質問をもっと探す●



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