タグ

2009年1月18日のブックマーク (3件)

  • 秀逸なユーザビリティのボタンをデザインするための5つの秘伝 - GIGAZINE

    ユーザビリティを考える上でかなり重要なのがボタンのデザイン。聞いた話だと、某どこかのローンお申し込みページではボタンのサイズを極端に大きくして目立つようにして、ボタンに「OK」とか「投稿」ではなくデカデカと「今すぐ申し込む」というようにラベリングしたところ、数百パーセント増しで申込みがあったとのこと。ほんの少しのデザインの差でもバカにはできません。 というわけで、いろいろな有名サイトのアイディアが詰まって練り込まれたボタンのデザインを見てみると、どれもこれも一見すると普通に見えるようでも、実はそうではないことがわかります。それらには共通して5つのルールが適用されています。 秘伝の法則は以下から。 ■秘伝その1:色 ボタンの色はページの他のものよりも目立たせ、より明るく、そしてコントラストを効かせてページのカラーとは対照の色を使いましょう。 ■秘伝その2:場所 ユーザーがすぐに見つけることが

    秀逸なユーザビリティのボタンをデザインするための5つの秘伝 - GIGAZINE
    hfuhruhurr
    hfuhruhurr 2009/01/18
    スタッフに教える
  • 自分のパソコンの中にインストールされているフォントを使って書体見本を全自動作成するサイト「flipping typical」

    フォントをたくさん集めていると楽しい気分になれるのはいいのですが、いざ使おうと思った際に「どれが一番良いのだろうか?」ということになって、延々と迷い続けることがあります。というか、実際問題として、フォント名とその形状とを完全に関連づけて覚えられる数というのはたかがしれています。やはり実際に使う文字列を表示しながら各種フォントを適用した場合のサンプルをずらずらと横断的に見渡すのが一番。 そういう需要にかなり応えてくれているのがこの書体見を全自動作成するサイト「flipping typical」です。ポイントは、自分のパソコンの中にインストールされているフォントを使用するという点。サンプル文字列も自由に変更できるので非常に便利です。 詳細は以下から。 flipping typical http://flippingtypical.com/ 上記サイトにアクセスしてしばらくするとフォントがずら

    自分のパソコンの中にインストールされているフォントを使って書体見本を全自動作成するサイト「flipping typical」
  • Mozilla Re-Mix: 画像やWebページ全体を高機能オンライン画像エディタですぐに編集できるFirefoxアドオン「Pixlr」

    Webページ上の画像を編集するには、通常なら一旦ダウンロードしてから、ローカルにあるドローツールなどで編集する必要があります。 しかし、ちょっとしたサイズ変更や、色合いの変更程度でしたら、最近ではいろんなオンラインツールがありますので、これを使わない手はありません。 今回は、その中でもかなり優秀な部類に入るオンラインイメージエディタ「Pixlr」をFirefoxから簡単に使うことができるアドオンをご紹介します。 「Pixlr」は、動作も軽く、ローカルドローツールでできることの基的な部分ならたいていのことができてしまうというオンラインエディタです。 Pixlrは、ローカルのイメージをアップしたり、URLを入力して開いた画像を編集することができますが、Firefoxに専用のアドオン「Pixlr」をインストールすることによって、より簡単にWebページ上の画像、または現在のページ全体を編集・保存