ソーラーバー：オレンジ、ゴールド、ホットレッドのアニメーション バーグラデーション
ソーラーバーは、ゴールデンアワーにとらえたオーディオイコライザーのように見えます。高さのふぞろいな 18 本のバーが、燃えるようなオレンジ、ゴールデンイエロー、ホットレッドでフレームを横切り、それぞれが長さに沿ってほぼ黒のベースへとフェードします。「アニメーション」がオンなので、高さは変化し続けます。「ビネット」の 30 がその並びを縁取り、全体として音楽、ポッドキャスト、データ、フィットネスのプロダクトに合います。
自分好みに仕上げる
バーを細く、または太くする
「バンド」を 18 から 8 に下げると棒グラフのようなどっしりしたブロックになり、24 にすると密なスペクトルになります。バーが少ないほど暗いベースが多く見え、明るいテキストが読みやすくなります。
バーの先端を硬くする
「柔らかさ」は既定の 45 で、各バーの先端がわずかにぼけています。10 あたりまで下げると硬くデジタルな先端になり、高さをもっと切迫した調子で変化させたいなら「速度」を 30 から 55 に上げます。
よくある質問
バーのアニメーションは実際の音声に反応しますか？
いいえ。バーの高さは内蔵のノイズパターンに従うため、動きはイコライザーに似ていますが、音で駆動されているわけではありません。つまり接続するものは何もなく、単に背景として動きます。「速度」で高さの変わる速さを決めるか、「アニメーション」をオフにして静止フレームにします。
使い方
出発点を選ぶ
ソフトメッシュ、日食の光芒、リソハーフトーンなど 28 のスタイルのいずれかから始めるか、グラデーションの種類と 24 のパレットのいずれかを選びます。
グラデーションを調整する
スケール、ゆがみ、渦巻き、柔らかさを調整し、グレイン、ガラスパネルやガラスタイル、ドット、グリッド、線のオーバーレイ、ブレンドした 2 枚目のレイヤー、ハーフトーンやピクセルソートなどの加工を追加します。アニメーションをオンにして、速度を個別に設定することもできます。
プレビューして使う
ランディングページ、カード、モバイル、新規登録のレイアウトでグラデーションを確認します。その後、無料の UX Pilot アカウントでログインすると、キャンバスで使用したりエクスポートしたりできます。