Progressive blur効果を用いたUI表現｜usagimaru

Progressive blur（プログレッシブ・ブラー）というのは、少し前からにわかに流行り出しているUIのスタイリングに関する表現の一つです。Variable blur（可変ブラー）、Gradient blur（グラデーション・ブラー）と呼ぶこともあります。その見た目は通常のブラー効果（ぼかし、ガウスブラー）とは少し異なります。このアーティクルでは、UIにおけるProgressive blur（またはVariable blur）の概要とAppleプラットフォームでの技術検証を紹介しつつ、後半では簡単な経緯やデザインとしての考慮事項を解説します。 例えば次のイメージはProgressive blurの例です。通常のボカシ表現とどこが違うのかわかりますか？ Progressive blur（プログレッシブ・ブラー）の例 Gaussian blur vs. Progressive blurわ