«Prev || 1 | 2 | 3 | 4 | 5 | 6 || Next»

メインメニューがカッコイイ

参考サイト:エプソンダイレクト

画像:画面キャプチャ

ここは「パソコン=男性」のイメージなのだろうか?全体的にカッチリしたイメージだ
個人的にはスッキリしてて好きである

メインメニューにしても、単純な四角ではなく、ちょこっとデザインが加わっていて「パソコンメーカー」らしき印象を与える

画像:画面キャプチャ

これはサイドメニューのデザインだが、このように項目毎に分けて、タイトルを色でデザイン分けすると「メニュー項目」とぱっと見て理解できる
グレーも有効的に使っていて、見やすい

2010年03月24日:デザイン::zizodo

アイコンが良い

参考サイト:レノボ

画像:画面キャプチャ

右側のメニュー項目なのだけれど、イラスト?がとても細かく出来ていて、丁寧な作りだな・・と思った
なぜか惹かれる
二重枠だからだろうか?
単純な四角よりも優しさがある

2010年03月24日:デザイン::zizodo

アイコンが良い

参考サイト:ユーキャン

画像:画面キャプチャ

わかりやすくアイコン化してあるのが良い
一目瞭然
文字を大きくしたり色をつけたりしない方が見やすい
スッキリしていて「これから資格をとろう」と思う人間の気持ちが落ち着くアイテム間隔

2010年03月24日:デザイン::zizodo

背景の使い方が上手なサイト

熱川プリンスホテル

背景の使い方が良い!
どうしてもTOPページと他のページではタイトル画像の大きさが違ってくる
サプページでTOPと同等の画像を用意するのは、無駄だしナビゲーションの役目もしない(大きい=TOPのイメージ)
しかしながら、いきなりサブの画像を小さくすると「あり?」と違和感を感じる
なんとなく急に画面が上に移動したような感じがして「見にくいな」と思う事が多い

ここは、背景をタイトル画像の大きさに合わせてあって、視覚からサポートしているような気がする
参考にしたい方法だ

TOPページ
画像:画面

サブページ
画像:画面

2010年03月19日:デザイン::zizodo

自分が閲覧者になると

サイトのデザインってどうやるのがいいんだろう?と悩む
どうしても「作り手側」にたってしまうのが現状だ
テクニックや見栄え・・そんな事ばかりが頭の中を支配してしまう

「見てみて親切なサイトだなと思えるサイトを手本にすればいい」
友達の言葉が頭に浮かぶ
そうだ!私が閲覧者になって「丁寧で安心できるサイトだな」と思える所を参考にさせてもらえばいいんだ、完成像にすればいいんだ!

とは言っても、あまり日頃からネットサーフィンしている人間ではないので、悩む
ただ、「アレ欲しいな」と思って漂っていると「ここは分かりにくいな」と思う事があったのだけ覚えている

「今なら20%割引」とか「今週のお値打ち品」とか大々的に「ウリ」をアピールしているサイトは安っぽく見えて好きではない
ネットで調べて買うのだから、安いのは有り難いが、それ以上に”価値”をそれに見いだしているのだ
それを「安いよ、安いよ、買わないと損だよ」と投げ売りされては「安かろう、悪かろう」の適当な印象を受けてしまう
見栄えがチャラチャラしたのや、色とりどりな画像を使ったド派手なサイトも安っぽく見える
「ここで買いたくないな〜」と感じてしまう

特に自分の扱っているのは「心のこもった絵」なのだ
ここは価格割引をアピールするようなデザインにしてはいけないのだ
それよりも、注文する側が安心できるように「必要な箇所に必要な説明が簡単に表示されている優しいデザイン」が必要なのだ
その為にはシンプルな画像を多用するのは良いだろう
分かりやすい短文で項目を書くのも良いだろう

こんな観点でもう一度、いろんなサイトを見てみよう
きっと欲しい物が見つかるハズだ

やはり、閲覧者の立場に立って物を見てみるのはサイト制作の基本中の基本なんだな・・と実感した

2010年03月18日:デザイン::zizodo

メニューのグラデーションがキレイなサイト

文字だけのメニューだけどグラデーションが七色で見た目に楽しい

参考先:マイコミジャーナル

画像:メニューキャプチャ

文字だけのわりには大きさをそろえてあって理解しやすい
これなら絵が描けなくても大丈夫!

2010年03月16日:デザイン::zizodo

効果的リンク線

「リンクの線を有効に生かしてあるなぁ」と思ったサイトです
タイトルに使ってあるんだけど、ボーダーと組み合わせてあって視覚的に分かりやすいです
やっぱり「グリッドデザイン」ですね

参考先:不動産住宅情報ポータルサイトHOME'S

画像:画面キャプチャ

2010年01月12日:デザイン::zizodo

ナビメニューが気に入ったサイト

このサイトのナビゲーションメニューの並べ方が気に入りました

参考先:サーティファイ Web利用・技術認定委員会

  • 上段:ナビゲーションメニュー
  • 下段:メインコンテンツメニュー

上段は普通にサイトを巡る時の案内板のような役割と配置にし、下段で「これがウリ!」とユーザーが欲しい内容を一発で案内できるようにしている
この方が、ウリをアピールできるし、統一感も保持できてTOPページらしく大きな画像を配置できるようにもなる
・・・これ、使わせてもらうかも!

TOPページ
画像:画面キャプチャ1

サブページ
画像:画面キャプチャ2

2010年01月06日:デザイン::zizodo

背景の使い方

「わぁ〜、これどうやってタグで作ってるんだろう?」と感心したサイト・・すみません、URLと名前を忘れました(^^;

マウスでにゅい〜んとしてみると、背景がくっついてきました
これって”画像”って事ですよね?
それもimgで貼付けてあるって事ですよねぇ?
説明文のテキストはテキストだし・・不思議

画像:画面キャプチャ

2009年12月17日:デザイン::zizodo

小技が良いサイト

web制作をしている会社のサイトなのだけれど、内容が濃くてとても参考になる

Webサイトデザイン基礎知識[小道具屋]

ちゃんと項目が区分けされてて見やすくてスキ(グリッド)
それとTOPから見て一発でサイトの主旨がわかるようにテキストを配置し、色を目立つように(普通のモノクロorグレーではない)したのがミソ

画像:画面キャプチャ

右側のメニューの区分けも大人しくてみやすい・・と思う
特に、企業の宣伝サイトではないので、おとなしめのナビゲーションが優しくて好感がもてる(とか偉そうに言う自分)
ここは一読しておくと良いでしょう

画像:画面キャプチャ

2009年12月14日:デザイン::zizodo

«Prev || 1 | 2 | 3 | 4 | 5 | 6 || Next»