ウェブ1.0
Web 1.0 / 1990s / スタイル / デジタル・レトロ
制約の多かった初期Webの素朴さを、直接性と愛嬌として再利用する。2020年代には個人サイトを取り戻す運動としても立ち上がり、Neocities や Yesterweb がその呼び名になった。
ひと目で判断
見た目の特徴
- 青リンク
- 低解像度GIF
- システム文字
- 素朴なボタン
向いている用途
- インターネット文化への愛着を示す
- 完成されすぎない親近感をつくる
このスタイルを使う
短い指針を制作へ持ち込むか、構造化された仕様をAIへ渡せます。
詳しい作り方と出典制作ルール、実在作例、比較、研究、引用形式
辞書情報
- 文字
- システムサンセリフと等幅体
- 構成
- 左揃え、枠、テーブル的分割
- 素材
- 白背景、青リンク、ディザ画像
- 注意
- 実際のアクセシビリティまで退化させない。見た目と操作品質を分離する。
- 関連研究
- GeoCities archives / early Yahoo!
関連項目
- フラットデザイン / ベクターミニマリズム（Flat Design / Vector Minimalism）共通する印象：遊び。ウェブ1.0とフラットデザイン / ベクターミニマリズムの違いを見る
- グランジ（Grunge）共通する印象：反骨 / 懐かしさ。ウェブ1.0とグランジの違いを見る
取り違えられやすい
デジタル・レトロをさらに見る
同じ「デジタル・レトロ」から、共通する印象が多い順に次の項目を選んだ。
- Winampスキン（Winamp Skin）共通する印象：遊び / 反骨 / 懐かしさ。
- ワイツーケー（Y2K）共通する印象：遊び / 懐かしさ。
- ウェブ2.0グロス（Web 2.0 Gloss）共通する印象：懐かしさ / 遊び。
この項目を引用する
辞典はリンクされるためにある。書いている場所に合う形をそのまま持っていってよい。
- Link
- https://indexstyle.org/ja/styles/web-one
- Markdown
- [ウェブ1.0（Web 1.0） — デザインスタイル辞典](https://indexstyle.org/ja/styles/web-one)
- HTML
- <a href="https://indexstyle.org/ja/styles/web-one">ウェブ1.0（Web 1.0） — デザインスタイル辞典</a>