タグ

ブックマーク / blog.livedoor.jp/nhn_webdes (2)

  • スマホのテキストが美しくみえる一手間♥読まれるテキストのつくり方 : ハンゲームで働くWeb Designer Blog

    コンニチハ! 料理もひと手間入れる方です。 おがさわらです。  今日のテーマは「文字」について。スマートフォンの文字の使い方をWEBデザインの視点から見てみたいとおもいます。 文字に大切な3つのポイントスマートフォンでは文字の可読性は重要になってきます。スマートフォンの使用環境は移動中が多く、PCでのWEBページの表示よりも、 視認性や操作性を考慮していくことがより大切になってきます。 たとえば、歩きながら画面を見たとき、ユーザーは周囲に気を配りながら 歩くことになるので、PCほどじっくりと注意しながら見ることはなくなると思います。 そういったことから、スマートフォンでの文字の扱いにはフォントサイズは、全体的に大きめのにラインハイト(行間余白)は、PCよりも多めにコントラストをはっきりとさせることが大切になってきます。 1.フォントサイズ図1は各種フォントサイズ。 それをスマートフォンで表

  • ボタンだって主張したいの♥ボタンデザインの基礎の基礎 : ハンゲームで働くWeb Designer Blog

    コンニチハ! バレンタインはダンナにブラックサンダーをあげるつもりです。 おがさわです。 今日のテーマは「ボタン」デザインについて。 スマートフォンWEBページでの「ボタン」デザインの大切なこととして。ボタンの種類と色ボタンを置く位置の二つについてお話したおと思います。 ボタンの種類と色 ボタンのデザインはサイトを作り始める時に大きく分けて3種類用意しておけば、たりると思います。 仮にここでは ソフト、ポジティブ、ネガティブという名前をつけてみます。それぞれの意味は… ・ソフト通常のフォームや補足的な意味のリンクに使用しています。結構たくさん使う機会があります。例(送信、もっと見る、○○とは、)など。 ・ポジティブ運営者側がよりオススメしたい内容のリンクの場合に使用しています。ユーザーに活発に押してもらいたいので大きめに目立つデザインだったりします。例(作成する、登録する、購入する、PLA

  • 1