タグ

UIとcssに関するkick178のブックマーク (1)

  • box-shadowで表現する、「セミフラット」なズルいデザインテクニック

    box-shadowで表現する、「セミフラット」なズルいデザインテクニック:ズルいデザイン(3)(1/2 ページ) 世の中、フラットデザイン流行りですが…… iOS 7がフラットデザインを採用したのを皮切りに、Webデザインのトレンドがフラットデザイン一色になってきましたが、立体感を完全に排した色面と空間、シンプルな描画の組み合わせだけのデザイン表現は、ある種ごまかしが効かず、また適切な利用方法を喚起させるようなUIも表現がなかなか難しいものです。 例えば、「ボタンは押せるもの」であると表現するための「押したくなる感じ」を喚起させる立体感は、ユーザビリティ面でもまだまだ有効です。今回は、流行のフラットデザインの中でも違和感なく使えて、また適切なアフォーダンスの表現が可能になる、「やりすぎていない立体感」を目指した、box-shadowを活用した各種ボックス表現の作り方を紹介します。 NGな

    box-shadowで表現する、「セミフラット」なズルいデザインテクニック
  • 1