このリリースでは、保存されたゲームの進行状況を変更せずに、Word Factory の公開プレゼンテーションが変更されます。 この作業では、以前のダークグリーンの表面がすでに詳細な工場アートワークとどのように競合するかを検討した後、ホームページ、ブランド資産、応答性の高い動作に焦点を当てました。
結果では、クリーム、ペールミント、ライトシアンが大きな背景フィールドとして使用されます。深い緑色はテキスト、境界線、小さなコントロールに残り、セクション全体を暗いブロックにすることなくアイデンティティとコントラストを提供します。
より明確なホームページの利用
ホームページは 2 つの同じ優先順位で開きます。それは、より長いセッションのためのファクトリー キャンペーンと、短い単語ゲームへの直接ルートです。最初のビューポートには、工場のシーン、簡潔な説明、主要なアクション、および 4 つのクイック ゲームの選択肢が含まれています。さらなるセクションでは、2 つの遊びのリズム、学習ループ、デイリー ファクトリー、辞書と単語のリソース、よくある質問、および最終的な開始アクションについて説明します。
以前のページでは、ヒーロー、毎日のバナー、フッターに濃い緑色の大きな領域が使用されていました。これらの領域は、明るいグラデーションと白いカードに置き換えられました。アーケードのフィーチャー カードとブループリントのイラストも軽量化され、視覚的なリズムがページの途中で突然重いブロックに落ちてしまうことはなくなりました。
新しい Word Factory ロゴ システム
選択されたロゴは、認識可能な機械的な W、コンベア アーム、文字タイル、金色の歯車を維持していますが、より明るいパレットとより明確なワードマークを使用しています。高解像度の透明な PNG マスターは保持されますが、Web サイトは圧縮された WebP コピーを配信します。
左側の W と歯車は、ブラウザーのファビコン、32 ピクセルのアイコン、192 ピクセルと 512 ピクセルのマニフェスト アイコン、および Apple タッチ アイコンの同期ラスター アイコンに適合されました。ヘッダーとホームページのフッターには完全な横長のロゴが残ります。共有ロゴが表示される場所の固有の画像サイズが修正され、ブラウザーがロード前に適切なスペースを確保できるようになりました。
応答動作
デスクトップ ナビゲーションは、テストされた広いビューポートでは 1 行のままですが、狭い画面ではラベル付きのメニュー コントロールに切り替わります。モバイルでは、主人公は垂直方向のシーケンスになります。最初に工場のアートワークがあり、次に学習の約束と全幅のアクションが表示されます。クイック ゲーム カードは、通常の電話機では 2 列を使用し、サポートされている最も狭い幅では 1 列を使用します。
新しいロゴは、1440 ピクセルのデスクトップ ホームページ、390 ピクセルのモバイル ホームページ、および既存の暗い内部ページ ヘッダーで検査されました。破壊的なモノクロ CSS フィルターを適用しなくても、明るいナビゲーション サーフェスと暗いナビゲーション サーフェスの両方で認識可能なままです。
チェック内容
自動ホームページ チェックは、1440、390、および 320 ピクセルのビューポートをカバーしました。チェックでは、H1 が 1 つあること、水平オーバーフローがないこと、予想されるセクションとクイック ゲームのカウント、使用可能なボタンの高さ、動作するモバイル メニュー、境界のあるヒーロー アートワーク、正常にロードされたイメージ、1 つのコレクター リクエスト、およびランタイム例外がないことが確認されました。
完全なローカル参照監査では、365 の HTML ページと 415 のローカル アセット参照が対象となり、エラーや警告は報告されませんでした。ファーストパーティ /収集/ 統合はドキュメントごとに 1 回存在し、外部分析は追加されませんでした。これらの結果は、この更新時のローカル ビルドを示しています。実稼働検証は別のリリース手順です。
読者が次にできること
プレイヤーは更新された ホームページ、比較 すべての単語ゲーム または新しいものに従ってください ゲーム選択ガイド。追加のページ テンプレートは、レビューされていない 1 つのバッチですべてのページの色を変更するのではなく、コンテンツとインタラクションがチェックされた後にのみ、より明るいビジュアル システムと調整されます。