参考写真のデザインスタイルに基づいた、レトロなブロードキャストZINE風デスクトップWebページレイアウトのモックアップ。エレクトリックブルー、クリーム、イエロー、ブラックの配色、大胆な長体ブロックタイポグラフィ、シャープなグリッド罫線、程よい余白を持つスクリーンプリント風テクスチャのハイコントラストなエディトリアルZINE美学。
上部バー:
- メタデータ:「Friday, July 24, Edition 001」、小さな「Live Today」ステータスタグ付き。
- 右上コピー:「One hour of YouTube. Picked by a superfan. Ready now.」
ヒーローセクション:
- 太字タイトルに大胆に重なる左寄りの大型円形時計アワーダイヤル、中央テキストは「Today’s Hour / Music Videos / Curated by Mara Ortiz」。
- 放映中(On Now)フィーチャーカード:タイムコード「[00:48]」、見出し「[The Future Arrives Early]」、「12 min left」、右下にディレクタークレジットが入った洗練された近代建築内に佇むスーツ姿の男性を描いたシネマティックなダークブルーの画像。
- キュレーターのサイドバーカード:Mara Ortizのダークブルートーンのポートレート写真、略歴、キュレーターノート、「Become a curator →」のリンクテキスト。
進行順ストリップ(Running Order Bar):
左に「Today’s Running Order」、右に「One hour. Five acts. Curated live. Ready now.」と記された5幕構成の水平バー:
1.「Public Access Fever」— 00:00, played, 8 min
2.「The Beat Goes Global」— 00:08, played, 12 min
3.「Directors Turn Auteur」— 00:20, played, 15 min
4.「Deep Cuts, Big Swings」— 00:35, played, 13 min
5.「The Future Arrives Early」— 00:48, on now, 12 min
下部スケジュールグリッド:
- 左のブルーパネル:「Explore More Hours」、説明文と「Browse all categories →」。
- 3枚のプレビューカード:
1.「[Animation After Dark]」— 「Today at 9 PM」ラベル、青調のアニメアイグラフィック。
2.「[Cult Sci-Fi]」— 「Today at 11 PM」ラベル、レトロ宇宙飛行士ヘルメットのグラフィック。
3.「[Game Design]」— 「Tomorrow at Noon」ラベル、青調のドット絵風景グラフィック。
- 右のブラックパネル:「Also Playing」、5項目(Internet Lore、Fashion Forward、Reality TV Canon、Hip-Hop Deep Cuts、Skate Culture)と黄色の「See today’s full guide →」リンクを掲載。
ui-ux-designウェブモックアップレトロエディトリアル