スキル自身の言葉で
このスキルは、中世紀のスイス・タイポグラフィデザイン、工業製造マニュアル、レトロフューチャリスティックな航空宇宙・軍事端末インターフェースを融合させたウェブインターフェースを設計します。厳格なモジュラーグリッド、極端なタイポグラフィックスケールのコントラスト、純粋に実用主義的なカラーパレット、そしてハーフトーン、CRTスキャンライン、ビットマップディザリングを含むアナログ劣化のプログラム的なシミュレーションに対する絶対的な熟練が要求されます。
目的は、生々しい機能性、機械的な精密さ、高いデータ密度を打ち出しつつ、従来のコンシューマー向けUIパターンを意図的に排除したデジタル環境を構築することです。データ密度の高いダッシュボードやポートフォリオ、機密解除された設計図のような雰らな感覚を必要とするエディトリアルサイトに使用します。
生成されるもの
- 厳格なモジュラーグリッド、極端なタイポグラフィックスケールのコントラスト、実用的なカラーパレットを備えたWebインターフェース
仕組み
- 01ビジュアルアーキタイプを1つ選び、そこに徹底する
Swiss Industrial Print（ヘビーなサンセリフ体タイポグラフィを用いた高コントラストのライトモード）、または Tactical Telemetry & CRT Terminal（モノスペース体タイポグラフィとテクニカルなフレーミングを用いたダークモード）のいずれかを選んでください。
- 02極端なタイポグラフィックスケールコントラストを設計する
タイトなトラッキングと圧縮されたレディングを持つフルードタイポグラフィを用いて、すべて大文字のマクロタイポグラフィを非常に大きなスケールで展開してください。
- 03基盤となるパレットを1つ選び、一貫させる
マットな未晒しの文書用紙背景とカーボンインクのテキストを用いたライトモード、または非活性化されたCRT背景と白い燐光テキストを用いたダークモードのいずれかを選んでください。
- 04ブループリントグリッドアーキテクチャの上に構築する
要素がグリッドのトラックと交点に正確に固定される、厳格なCSS Gridでレイアウトを構築してください。
- 05アナログ劣化エフェクトを適用する
画像へのハーフトーンおよび1ビットディザリング、繰り返しの線形グラデーションによるCRTスキャンライン、インターフェース全体に統一された物理的な粒感をもたらすグローバルなメカニカルノイズフィルターによって、物理メディアの制約をシミュレートしてください。