真夜中の織機：暗いスレートに織るベリーとティールの細い織り
真夜中の織機は織りの午後の夜版で、同じ「織り」パターンをより細く、より疎に使っています。「グリッド密度」11 でずっと多くのセルを収め、「バンドの太さ」60 で各バーを細く丸い線にし、「モジュール間隔」22 でバーを短くして、3 本組の周りにスレートの「背景」がたっぷり見えるようにしています。ベリー、ティール、アプリコットゴールドに、ベリーから混ぜたサーモンと鮮やかなピンクが加わり、暗い地の上で宝石のようなパレットを保ちます。
自分好みに仕上げる
ダークな UI の背後に使う
サイトのヒーローやアプリのスプラッシュに使うなら、「インクの濃さ」を 96 から 55 前後に下げます。バーがスレートに沈み、白い文字が上に載っても読みやすくなります。織りが主役のポスターなら、また上げれば大丈夫です。
織りに呼吸させる
「モーションの種類」を「呼吸」にして「再生」を押すと、バーが交互にふくらんだり細くなったりします。「呼吸」が「バンドの太さ」と「モジュール間隔」をゆるやかに変化させるためです。「動きの強さ」は 30 程度に抑えると、動いていても気を散らさない背景になります。
よくある質問
暗いパターンの背景でテキストを読みやすく保つには？
パターンのコントラストをテキストより低く保つことです。「インクの濃さ」で色を抑え、いちばん暗いインクに近い「背景」を選び、文字を置く場所は空けておきます。真夜中の織機はスレートに細いバーという控えめな構成なので、たいていはインクを少し下げるだけで十分です。
使い方
グラフィックシステムを選ぶ
ゴールデンアワー、プールサイド、ディスコグリッドなど 16 のスタイルのいずれかから始めるか、9 つのパターンから 1 つを選びます。
リズムを整える
グリッド密度、バンドの太さ、モジュール間隔、パターンのリズム、角の丸み、インクの濃さを調整し、アートワークをドラッグして位置を変えます。
色を付けて使う
背景色と 3 つのインクの色を設定し、「再生」を押して穏やかな動きを加えます。その後、無料の UX Pilot アカウントでログインすると、キャンバスで使用したりエクスポートしたりできます。