2021年のUIデザイントレンドAurora UI|Blog|株式会社トライム
2021年のUIデザイントレンドAurora UI
2021.07.19
![記事サムネイル](https://contents.try-m.co.jp/wp-content/uploads/2021/07/210719_00.jpg)
Aurora UIとは?
ぼかしと自然なグラデーションがオーロラと似ている事から「Aurora UI(オーロラUI)」と呼ぶようです。
名前の通り、オーロラのようなグラデーションが特徴的、
ボタンなど機能的な箇所はシンプルなデザインに、背景にぼかしなどの装飾を与えるUIになります。
Aurora UIの特徴
グラスモーフィズムとの相性が良く、透けた部分からオーロラのようなグラデーションが映し出されます。
![](https://contents.try-m.co.jp/wp-content/uploads/2021/07/210719_01-1.jpg)
Aurora UIの作り方
円形ツールで適当な丸を何箇所か配置してぼかすだけです。
簡単ですね!色味の調整は少し難しいですが、サクッと作成して使用できるのはいいですね。
![](https://contents.try-m.co.jp/wp-content/uploads/2021/07/210719_02.jpg)
![](https://contents.try-m.co.jp/wp-content/uploads/2021/07/210719_03.jpg)
写真を使用して作成することもできます。
こちらも写真をぼかして使用するだけなので簡単に作成する事ができます。
![](https://contents.try-m.co.jp/wp-content/uploads/2021/07/210719_04.jpg)
![](https://contents.try-m.co.jp/wp-content/uploads/2021/07/210719_05.jpg)
まとめ
グラデーションをきれいに見せる方法としてとても参考になりました。
製作者としては簡単に作成できて使用しやすいというのがとても良いポイントですね!
Contact
お問い合わせ
トライムは常にお客様へ寄りっ沿った提案をさせていただきます。
自社のEC売上の拡大や人材不足などのお客様のデジタル上の課題を、
様々なアプローチにより解決するお手伝いをいたします!
お気軽にお問い合わせください。
03-6403-3259
受付:10:00 - 19:00
![ロゴ](/wp-content/themes/trym/images/top/contact-logo.png)