Figmaだけで完成！プラグインなしで作る液体シェイプデザイン
プラグインなしでこのレベルの液体感が出せるって、素直に嬉しい。ブラーとブレンドモードだけで「やわらかく馴染む」体験を作れるんだ、って気づかせてくれる。 何より良いのは、ツールの制約を逆手に取ってる感じ。凝ったプラグイン使うより、基本機能をどう組み合わせるかで差が出るって、デザインの本質に近い気がする。 自分だったら、静止画の UI よりアニメーション入りのマイクロインタラクションで使いたい。ボタンホバー時のアクセントとか、ローディング画面とか、「触れたら反応する」っていう感覚をこの液体感で表現できたら、ユーザーの心理的なハードルが一気に下がる気がする。 実務レベルで再現性が高いのも重要。
Figmaで、プラグインも使用せず「液体シェイプ」を表現できる方法の紹介です。
「ブラー」と「ブレンドモード」を活用することで、オブジェクト同士が違和感なく馴染む、やわらかく奥行きのあるデザインを作成可能。
UIデザインやアニメーションのアクセントとしても活用できます。
詳しい手順は、以下の記事と動画でチェックしてみてください。
元の記事
medium.com ↗気づきをコメントに残すには
この記事へのナウいね (0)
同じ記事でも、誰がどう読んだかで見え方が変わる。プロや仲間の視点が並びます。