タグ

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

  • 関連タグはありません

タグの絞り込みを解除

css3とlightingに関するsigのブックマーク (1)

  • 変なトレンドに惑わされないボタンデザイン基本中の基本をCSS3風味で - HDRiな生活

    カメラ:D700、 レンズ:Carl Zeiss Planar T* 1.4/50 ZF、ISO:200、絞り優先、ブラケット:-2〜+2、ホワイトバランス:オート 世に変な形したボタンが多すぎるので以下まとめる。 そもそもボタンとは メタファとして擬似的にスイッチを連想するものとしてwebで使われていることを前提としている。ボタンは 立体である 押下できるものである 光源は 左または左上からとする(人間だいたい右利き) この条件をもとに立体ボタンを順番に完成させてみる。 まずはボタンの原型。大げさに。 これに影を加える。 これに照り返しを加える。 さらに角部分にハイライトを当てる。ひとまずこれで完成。 次にロールオーバー時。指がボタン上に来る瞬間なので、全体的に影がうっすらとかかる程度。 んで押下(クリック)時。ボタンがへこむので、影は全部消える。下に1pxくらい動きがあると「押したっ」

  • 1