新聞ホームページ
ユーザーが提供する、または利用可能なツールでアクセスできる資料から、読みやすいフロントページを作成します。視覚的な参考は、ThariqS/ai-newtab の朝刊オプションです。要求されたメディアに合わせて編集構造を調整してください。そのコードを複製したり、ブラウザ拡張機能のツールが利用可能であると想定したりしないでください。
資料の収集とランク付け
- 主題、関連する期間、場所、除外事項、要求された形式を特定します。アクセス可能で関連性のあるリンク、またはユーザーが提供した資料のみを使用します。プライベートブラウジング履歴を調査したとは決して示唆しないでください。
- ブラウジングツールが利用可能な場合は、ソースページを読んでください。それ以外の場合は、提供された抜粋やメモから作業し、その制限を明記します。
- 記事を関連性、新しさ、重要性、多様性に基づいてランク付けします。繰り返しの報道よりも、明確で有用なアイテムを優先します。
- 主張は、実際に読んだソースまたはユーザーが提供したソースにまで遡れるようにします。リンク、帰属、引用、日付、詳細を invent しないでください。不確かな主張は省略するか、未確認とラベル付けします。
- 元の言語で要約し、不確実性を可視化したままにします。
フロントページを形作る
- マストヘッド: 出版物名、日付または版、短いモットー。
- リード記事: 強力な事実に基づく見出し、簡潔なデック、ソースリンク。
- 二次コラム: 1つの小さな見出しと簡潔な要約、続いていくつかのコンパクトなブリーフ。
- 右サイドバー: 「今日のあなた」と「アルマナック」と題された2つのコンパクトなボーダー付きボックス。
コピーは簡潔で、スキャンしやすく、ソースに基づいたものにします。追加の記事は二次コラム内のみに使用し、2ページ目やフロントページの下に長い続きを追加しないでください。
成果物の選択
- Webページやアプリ/リポジトリの場合、そのフレームワークと慣習に従います。セマンティックな見出し、アクセシブルなコントラスト、キーボードで可視のリンク、レスポンシブレイアウトを使用します。コンテンツとプレゼンテーションは適切に分離します。
- チャットダイジェストの場合、マークダウンで同じ階層構造を使用し、見出しにリンクを付けます。
- スタンドアロンアーティファクトの場合、要求された場所に保存し、隠されたコンテキストなしで使用可能にします。
- 定期的または履歴ベースのコンテンツの場合、版の日付を明記し、各アイテムをそのソースに結び付けます。実装されていない限り、自動更新を主張しないでください。
ビジュアルの方向性
参照フロントページについては、以下の形式と範囲に一致させてください：
- 新聞ページとそのコンパクトな3部構成の情報行から直接始めます。宣伝用のストラップラインや偽のブラウザフレーム/ツールバーは追加しないでください。
- 特大のセリフ体マストヘッドと短いイタリック体のモットーを中央に配置します。続いて二重線の版/日付ストリップを配置します。
- デスクトップでは正確に3列を使用します：ドロップキャップ付きの1つの主要リード記事、小さい太字セリフ見出しとコンパクトなブリーフを持つ狭い二次コラム、そして細い右サイドバー。
- サイドバーには、角が四角いボーダー付きのコンパクトなボックスを2つだけ配置します：「今日のあなた」と「アルマナック」。ソース付きの事実、マイルストーン、または実際のカレンダーアイテムを使用します。予定、天気、日々の計画を invent しないでください。サポートされていない行は省略します。
- セクションラベルは、記事の見出しの上に小さな大文字の赤いタイプで設定します。見出しはほぼ黒でセリフ体、暖かい紙の色、細い罫線と編集上の余白を保ちます。
- このフロントページの後で停止します。特集セクション、研究リスト、伝記や教育パネル、ソースディレクトリ、フッターを追加しないでください。ソースリンクは関連する記事やアイテムの横に配置します。
- 狭い画面では、同じ要素を読み順に積み重ねます。リンクはキーボードで可視にし、コントラストはアクセシブルにします。装飾的な乱雑さ、小さな低コントラストのタイプ、偽の紙のテクスチャ、コピーされたロゴやブランディングは避けてください。
完了
記事の主張とリンクがソース資料と一致し、サポートされていないフィラーが残っていないことを確認します。プロジェクトに実装する場合は、その慣習を検査し、何が変更されたか、実行された検証を報告します。要求されない限り、有料または外部の公開アクションを実行しないでください。