タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

tipsに関するi_mairyのブックマーク (1)

  • Webサイトを使いやすく!UIデザインのCSS小技テクニック21個まとめ(実例サンプルコード付)

    素敵なインターフェースを心がけ、ユーザーエクスペリエンスを格段に改善することができる、UIデザインの重要ポイントを具体的なHTML/CSSのサンプル例と一緒にご紹介します。これらの各ポイントは、もともと@steveschogerがTwitterでツイートした内容となります。 1. アイコンはラベルよりも少しだけ明るくしよう。 文字ラベルの横にアイコンを配置するときは、少しだけ色を明るくしてみましょう。こうすることで、もっとも重要な情報(文字ラベル)をうまく強調することができます。 See the Pen Little UI Details : 小技テクニック01 by PhotoshopVIP (@vipcrew) on CodePen. 2. 明るい背景色では、白文字に少しだけ影を追加しよう。 背景色が明るく、白文字を利用するときは、文字に少しだけ素敵な影を加えることで、より読みやすくな

    Webサイトを使いやすく!UIデザインのCSS小技テクニック21個まとめ(実例サンプルコード付)
    i_mairy
    i_mairy 2018/01/26
    当たり前にやっているけど、感覚的になりがちなTipsをきちんと整理してくれる良記事。
  • 1