ネオンブロブ：淡いピンクの上を漂うホットピンク、バイオレット、シアンのブロブ
ネオンブロブでは、ホットピンク、バイオレット、スカイシアンの縁の柔らかい 3 つの円が、淡いピンクのベースの上に浮かびます。「ブロブ」の種類はすべてを混ぜ合わせるのではなく、それぞれの色を独立した形として保ち、「アニメーション」がオンなので、形は元の位置の周りを少しだけさまよいます。「柔らかさ」の 55 が縁をぼかして光に変え、コンシューマー向けアプリ、オンボーディング、子ども向けプロダクトに合う、若々しく明るい雰囲気を作ります。
自分好みに仕上げる
くっきりしたフラットな形にする
「柔らかさ」を 55 から 10 に下げると、ブロブは光というより切り紙に近い、くっきりした円盤になります。「パターン」に「ドット」を選び、「パターン量」を低めにして加えると、メンフィス風のポスターの雰囲気になります。
漂う速さを決める
「速度」は既定の 30 のままで、のんびりとした浮遊感です。スプラッシュ画面なら 60 まで上げ、フォームの背後なら 10 から 15 にすると、動きはほとんど感じられない程度になります。
よくある質問
ブロブグラデーションとメッシュグラデーションの違いは何ですか？
メッシュは色の点を 1 つの連続した面に溶け合わせます。「ブロブ」の種類はそれらを分けたままにします。それぞれの色は独自の柔らかい縁を持つ円で、ベースカラーの上に載っています。ネオンブロブとスワールキャンディはどちらも「キャンディ」パレットを使っているので、2 つを切り替えると違いがはっきり分かります。
使い方
出発点を選ぶ
ソフトメッシュ、日食の光芒、リソハーフトーンなど 28 のスタイルのいずれかから始めるか、グラデーションの種類と 24 のパレットのいずれかを選びます。
グラデーションを調整する
スケール、ゆがみ、渦巻き、柔らかさを調整し、グレイン、ガラスパネルやガラスタイル、ドット、グリッド、線のオーバーレイ、ブレンドした 2 枚目のレイヤー、ハーフトーンやピクセルソートなどの加工を追加します。アニメーションをオンにして、速度を個別に設定することもできます。
プレビューして使う
ランディングページ、カード、モバイル、新規登録のレイアウトでグラデーションを確認します。その後、無料の UX Pilot アカウントでログインすると、キャンバスで使用したりエクスポートしたりできます。