表現テーマ · アートディレクションの手引き
防壁を一枚ずつ越えていく手順を、端末の表示として追えるようにする。
未知の領域を解き明かす手応えを、層の剥離と状態色の切り替えで伝えるための表現テーマです。
#0a1020#39ff88#22d3ee#ff3b30黒に近い紺に、蛍光の緑かシアン、警告の赤
黒に近い紺を地にして、蛍光の緑かシアンを一色主役にし、警告の赤は警告の状態だけに使います。状態は色に加えて文字と記号でも示します。
端末の窓、走査線、ノードの網、錠前の記号
端末の窓、走査線、ノードの網、錠前の記号で構成し、通過済みの層と未通過の層を形で区別します。
等幅フォント、点滅しないカーソル
等幅フォントで表示を統一し、カーソルは点滅させません。重要な状態は短い語で行頭に置きます。
主となる端末の窓を中央に置き、層の進み具合を一辺の一覧に固定します。操作の位置は演出中も変えません。
文字列が流れ、防壁の層が一枚ずつ剥がれ、突破の瞬間に警告色から通過色へ変わる
文字列が流れ、防壁の層が一枚ずつ剥がれ、突破の瞬間に警告色から通過色へ変わります。流れる文字は読ませる部分で止めます。
流れる文字列と層の剥離を省き、各層の状態を一覧の文字で示し、突破は警告から通過への見出しの切り替えで伝えます。
既存の映画、ゲーム、実在の組織の端末画面、ロゴ、コード表現、キャラクターを再現しません。実在の攻撃手順や本物の認証情報も表示しません。
表現テーマ「電脳侵入」で、オリジナルの画面とアートディレクションを設計してください。 色：黒に近い紺に、蛍光の緑かシアン、警告の赤。 形：端末の窓、走査線、ノードの網、錠前の記号。 文字：等幅フォント、点滅しないカーソル。 動き：文字列が流れ、防壁の層が一枚ずつ剥がれ、突破の瞬間に警告色から通過色へ変わる。 状態は色だけに頼らず形や文字でも示し、文字は十分なコントラストで読みやすく保ち、すべての操作をキーボードでも行えるようにし、動きを減らす設定向けの代替表現を用意してください。 記号、情報設計、キャラクター、ロゴ、UIはすべてオリジナルで作り、既存作品を模倣しないでください。 表現テーマは見た目だけを決め、反復を促す仕組みは選んだ刺激エンジンが決めます。