田舎のフリーランスWEBデザイナーが配布するホームページフリー素材 -16ページ目

田舎のフリーランスWEBデザイナーが配布するホームページフリー素材

地方でフリーランスのWEBデザイナーになろうと思って数年、ついになりました!勉強がてらホームページ無料素材(ホームページフリー素材)を作成して配布しています。

まだまだWEBデザイナーとして、特にデザイン力に自信がついていない私が、生意気にもWEBデザインについて語らせていただきます。


なんと、企業サイトがまとめてある便利なサイトがあったので、こちらを参照しながら、検証していきます。検証対象は企業サイト!

http://www.webdedb.com/cat/corp/
評価?が高いサイトのトップページデザインの傾向を検証開始。


★ざっくりみた特徴
 1.ロゴは左上
 2.トップページにFLASHを使用している
 3.メイン写真(画像)を大きく表示

※まだ、共通点ぽいのはありましたが、3つに絞って検証!



1.ロゴは左上
━━━━━━━━━━━━━━━━━━━━━━━━━
やはり、WEBサイトでの暗黙のルールかもしれません。
「ロゴは左上に合って当然」といったところでしょうか。

皆が何気なく認識している事を前提に、サイトのブランドイメージであるロゴを画面左上にさり気なく配置する事で、ロゴを探させる事なく認識してもらうという事でしょう。
仮にロゴが画面左下とかにあったら、「これはロゴ?サイト名?」とユーザを悩ませストレスを与えかねません。




2.トップページにFLASHを使用している
━━━━━━━━━━━━━━━━━━━━━━━━━
当たり前ですが、コンセプトをしっかりもったFLASHになっていました。
ただ何となくFLASHという雰囲気では使用されていないようです。
(たまにクライアントの要望でなんとなくトップページにFLASHを置きたいという方がおられました・・・こういうのが一番困りますね。)

やはりFLASHの利点としては、動きで表現できる事や、インパクト、目にとまりやすい等でしょうか。

いかに、サービス(コンセプト)を伝えるかについて、FLASHを使った方が表現の幅が広がり、より伝わりやすくなる傾向があるのかなと思います。




3.メイン写真(画像)を大きく表示
━━━━━━━━━━━━━━━━━━━━━━━━━
やはりトップページは、表示されてから数秒が命!
一瞬でユーザを捕らえられなければ、離脱していってしまいます。(本当に・・・

そこで、メイン写真(画像)を大きく表示し、サイトの印象を一瞬伝え、ユーザを逃がさないようにしていると考えます。


例えば、写真ではなく文字のみで表現された場合。
 ・猫
 ・薄茶色と白色の毛(白部分がほとんど)
 ・階段の上で座っている
 ・猫の目線はカメラの左上
 ・前足(左)が階段から少しはみ出している
 ・しっぽの部分は薄茶

上記を全部読んで、なんとかイメージできますが、

↓下の写真を見たら・・・・




























162-nekoneko.jpg
一瞬で、イメージを掴む事が可能になります。
やはり「百聞は一見に如かず」という事になるかと思います。

トップページのメイン写真(画像)はやはり重要な要素だと再認識しました。

これはトップページに限らず、他のページにしても、同じ事がいえますね。
例えば、ホームに戻るボタンに”家のアイコン”があったりすると、分かりやすいですよね。
そういったさり気ない気配りの効いたデザインはすばらしいと思います。(私も頑張らなくては・・・)



検証してみて、WEBサイトのデザインというのは、ユーザ中心に考えられているんだなぁと、改めて考えさせられました。
ユーザの事をしっかり考えたWEBデザインをこれからもしていきたいです。


最後まで読んでいただきありがとうございました。



▼題材に使った猫写真関連で、子猫カレンダーのご紹介
・・・やっぱり子猫は最強すぎ!!

便利な矢印のアイコン素材です。




上記のWEB素材をダウンロードする 10099100071_s.gif


ダウンロードファイルにはPNGファイルにて、透過しています。

貴方のサイトの背景にあわせてご自由に加工してください。

(加工方法:画像加工ソフトで貴サイトの背景色を引いた後、GIF又は、JPGにて書き出す事をオススメいたします。)

※ダウンロードしたpngファイルをそのまま使用すると、

ブラウザによっては透過されずに変な色の背景しょくになってしまいますので

ご注意下さい。

icon_19_01.png ←IE6ではこのアイコンにグレーの背景色がかってに設定されました。




※矢印アイコン素材のご利用事例

今ならなんと!



●●●●●●半額です!

みたいに使用いただけます。


━━━━━━━━━━━━━━━━━━━━━━━━━

▼売っているWEB素材のご紹介。

本に出せるくらいのWEB素材を作りたい・・・。

おしゃれなパターン素材集 ポップ・モダン (Bnn Pattern Book Series) (Bnn Pattern Book Series) (Bnn Pattern Book Series)/Ac2、株式会社ビーワークス
¥2,940
Amazon.co.jp

おしゃれなパターン素材集 シンプル・ナチュラル (Bnn Pattern Book Series) (Bnn Pattern Book Series) (Bnn Pattern Book Series)/2m09cmGRAPHICS

¥2,940
Amazon.co.jp




━━━━━━━━━━━━━━━━━━━━━━
※配布素材について
・商用OK ・加工OK ・報告もいりません
ご自由にダウンロードして、ご使用ください。
━━━━━━━━━━━━━━━━━━━━━━

ランキング参加中!のバナー素材パート2です。

マウスポインタマークで、クリックを誘います。
ショッピングサイトランキング・ブログサイトランキング等に参加されている方は、どうぞご利用下さい。




上記のWEB素材をダウンロードする 素材のダウンロード




●ネットショップ用のSEOについての本がでていました。

ご参考までに。

インターネットでお店やろうよ! ネットショップ最新SEO読本 (アスキームック)
¥1,500
Amazon.co.jp


━━━━━━━━━━━━━━━━━━━━━━
※配布素材について
・商用OK ・加工OK ・報告もいりません
ご自由にダウンロードして、ご使用ください。
━━━━━━━━━━━━━━━━━━━━━━