ASCII ブルーム：青とシアンに光る ASCII アートのグラデーション

ASCII ブルームは、やわらかな「メッシュ」グラデーションを 16 px のセルごとに 1 文字ずつ並ぶテキスト文字の格子に変え、各セルが真夜中のネイビーのベースからどれだけ際立つかで文字を選びます。弱い部分にはピリオドとコロン、強い部分にはアスタリスクが置かれ、いちばん明るいシアンの部分はアルファベットの o の列で埋まり、より密な &、8、@、# はさらに高いコントラストのために取ってあります。どの文字もその位置のグラデーションの色を保つので、元のメッシュと同じくロイヤルブルーからシアンへ広がる流れが残ります。

自分好みに仕上げる

• 01

  文字の大きさを変える

  「セルサイズ」は 16 なので、1 文字が 16 px の正方形を占めます。8 に下げるとテクスチャーとして読めるターミナル風の密な文字に、32 に上げるとシンプルなヒーローの背景に置ける大きく読みやすい文字になります。

• 02

  2 色で刷る

  「加工の配色」を「デュオトーン」にすると、文字は「暗い色」、背景は「明るい色」になり、最も密な文字がグラデーションの最も暗い部分に来るので、ライトモードのページに合います。

よくある質問

使い方

1. 01

   出発点を選ぶ

   ソフトメッシュ、日食の光芒、リソハーフトーンなど 28 のスタイルのいずれかから始めるか、グラデーションの種類と 24 のパレットのいずれかを選びます。

2. 02

   グラデーションを調整する

   スケール、ゆがみ、渦巻き、柔らかさを調整し、グレイン、ガラスパネルやガラスタイル、ドット、グリッド、線のオーバーレイ、ブレンドした 2 枚目のレイヤー、ハーフトーンやピクセルソートなどの加工を追加します。アニメーションをオンにして、速度を個別に設定することもできます。

3. 03

   プレビューして使う

   ランディングページ、カード、モバイル、新規登録のレイアウトでグラデーションを確認します。その後、無料の UX Pilot アカウントでログインすると、キャンバスで使用したりエクスポートしたりできます。