http://www.mlpayton.com ウェブクリエイターの心得とは？ Thu, 01 Oct 2009 07:00:56 +0000 http://backend.userland.com/rss092 ja リンクのデザインレイアウトでは、 クリック操作が難しいようなデザインは避けましょう。 例えば、テキストリンクが余白なく並べられた場合には 目的のテキストリンクにポイントする事が難しくなります。 また、リンクの貼られていないテキストに 不用意にアンダーラインを引くなどの紛らわしいデザインは 避けるようにしましょう。 http://www.mlpayton.com/archives/18 ホームページで写真を載せる場合には、 目的に合わせて解像度を調整する必要があります。 例えば、商品一覧などは小さなサムネイル画像を 低解像度で載せておき、リンク先の商品詳細情報ページでは 高解像度の美しい写真を大きく載せる、などです。 重たいページはそれだけ表示速度が遅くなってしまいますから、 このような工夫をすることでユーザーにストレスを与えずに済みます。 http://www.mlpayton.com/archives/16 ホームページ上で表などを使って一覧を載せる場合は、 サイト内に左右の余白を取るようにし、 ブラウザの画面の幅いっぱいに表示させないようにしましょう。 ブラウザ画面いっぱいに表が表示されてしまうと 圧迫感があり、見づらい印象を与えてしまいますので 表の幅はサイト内で８０％程度に設定し、 左右に空白のスペース、つまり余白を取るようにしたいものです。 http://www.mlpayton.com/archives/14 パソコンの機種や性能、ＯＳの種類やバージョンによって、 ブラウザに表示できるカラーには違いがあります。 そして、そのような環境の違いに左右されずに 正確に表示できる色をｗｅｂセーフカラーと呼んでいます。 これは２１６色あり、もしこのセーフカラー以外の色を使うと ブラウザで表示できる近似値に置き換えられたりしますので 写真以外の単色ロゴなどを作る際には なるべく２１６色の中でデザインするようにしたいものです。 http://www.mlpayton.com/archives/11 インターネット環境が整い、回線速度が向上した事に伴って、 トップページに動画を載せているサイトが増えてきました。 洗練された動画を見せる事で、 企業イメージのアップを図る事ができます。 ただし、このときには動画を飛ばせるスキップ機能を 付けておくようにしましょう。 何度も訪れてくれるユーザーに、 毎回同じ動画を見せるのは、逆にイメージダウンになりかねません。 http://www.mlpayton.com/archives/9 メニューが数多くあるサイトの場合は、 マウスでポイントしたときにメニューが表示されるような デザインにする事も可能です。 しかし、このようなデザインは、ポイントしない限り どのようなページへジャンプ出来るのか分からないという欠点があります。 また、マウスのない環境でアクセスしているユーザーには 非常に使いづらいデザインと言えるでしょう。 http://www.mlpayton.com/archives/7 ナビゲーションをヘッダーに配置するのは、 ホームページでは基本的なデザインと言えます。 いつでも好きなページへジャンプできるよう、 メインナビゲーションをヘッダーにおくことで 統一したデザインにもなりますし、 ユーザーにとっても使いやすいサイトだと言えるでしょう。 他にも、左サイドにナビゲーションを配置するのも定番です。 ヘッダーには大まかなカテゴリ分けのナビゲーション、 左サイドには詳細なインデックスを表示する方法も良く見られます。 http://www.mlpayton.com/archives/5 画像がたくさんあればたしかにわかりやすくて ビジュアルなホームページができます。 しかし、解像度などの処理を きちんとしておかないと異常に重いページが できあがってしまいます。 昔とは比べ物にならないほど高速化した インターネット回線ですが、 それでもページが軽ければ 軽いに越したことはありません。 http://www.mlpayton.com/archives/3