Skip to main content

Raw_image

飾らないことが、最大の個性になる

2020年代のWebデザインは豪華です。アニメーション、グラデーション、カスタムフォント、パララックス。でも、それらすべてを取り去った先に、もう一つのデザインの地平が広がっています。外部フォントなし。アニメーションなし。角丸なし。ブラウザが「素」の状態で表示する、最もプリミティブなWebページ。

無料HTMLテンプレート『RAW(ロウ)』は、その「素」のHTML体験を意図的に選択したテンプレートです。フォントはTimes New Roman。リンクの色は青。テーブルの枠線は黒。画像はモノクロで表示される。1990年代のWebページを知っている人には「あの頃だ」と感じる懐かしさが、知らない人には「こんなにシンプルでも成立するのか」という驚きがあります。

EYANCA(無料テンプレート)の詳細

 

デザインの特徴とこだわり

外部リソースゼロ ― ブラウザだけで完結する

『RAW』の最大の特異性は、外部のフォントやライブラリを一切読み込まないことです。Google Fontsもanime.jsもThree.jsも使いません。ブラウザが最初から持っているTimes New Romanフォントだけで画面を構成する。これは軽量さの究極形であり、読み込み速度は事実上ゼロに等しいレベルです。

テーブルに格納されたプロフィール

名前、肩書き、自己紹介は、HTML標準のテーブル(表組み)で表示されます。左列に「ROLE」「BIO」「STATUS」というラベル、右列に内容。データベースの管理画面を彷彿とさせるこの表示方法は、「情報を最短距離で伝える」という目的に対して最も合理的なフォーマットです。

「Index of /works」― ファイルサーバーの一覧画面

ギャラリーのタイトルは「Index of /works」。これはWebサーバーがディレクトリの中身を自動的に一覧表示する画面の文言そのものです。各作品カードの上部には「FILE_01.JPG」というモノスペースフォントのファイル名が表示され、「このサイトは装飾された作品集ではなく、ファイルサーバーの公開フォルダを見ている」という設定を徹底しています。

イエローホバー ― 唯一の「色」

背景は薄いグレー、テキストは黒、枠線も黒。すべてが無彩色のこのテンプレートで唯一の「色」が、ホバー時のイエロー背景です。作品カードにマウスを乗せるとイエローに変わり、モノクロだった画像がカラーに切り替わる。この瞬間だけ「素のHTML」が一瞬だけ現代のWebに戻る。その意外性が、記憶に残ります。

 

こんな方・こんな用途におすすめ

プログラマー・テックライター

コードの美学は「余分なものを書かない」こと。『RAW』のデザインは、その哲学をそのまま視覚化しています。GitHubのプロフィールリンクとして使えば、「この人はコードと同じようにサイトも書くんだな」という印象を与えます。

アーティスト・コンセプチュアルアート

「装飾しないこと」を意図的に選ぶ行為は、それ自体がコンセプチュアルアートです。作品が前衛的であればあるほど、展示空間が「素」であることの効果が際立ちます。

表示速度を最優先にしたいサイト

外部リソースを一切読み込まないため、表示速度は最速クラス。通信環境が不安定な状況(海外、屋外、低速回線)でも確実に表示されるポートフォリオとして信頼できます。

 

カスタマイズのヒント

リンクカラーの変更

デフォルトのリンクカラーは「#0000ff」、つまり純粋な青。これはHTMLの初期設定値を完璧に踏襲しています。変更することもできますが、あえてそのまま残すのも一つのデザイン判断です。

テキストセクションでHTMLの表現力を発揮

フリーテキストエリアではHTMLタグが使用可能です。太字や段落分けなど、テキストだけで豊かな表現ができます。装飾のないテンプレートだからこそ、テキストの力が際立ちます。

 

まとめ ― 何も足さない。何も引かない。

『RAW』は、「すべてのテンプレートの出発点」であり、同時に「すべてのテンプレートの到達点」です。Times New Romanの文字、黒い枠線、青いリンク。それだけで十分に美しいWebページが成立することを、このテンプレートは証明しています。

装飾の先にあるのも美であるなら、装飾の手前にあるのもまた美。飾る前の「素」の力を信じるクリエイターに。

→ デモサイトのプレビューはこちら

 

【AI×HTMLでWeb制作を効率化】無料Webテンプレート「EYANCA」は、商用・個人を問わず自由にご利用いただけます。デザインのベース構築や、AIを用いたコーディング学習の素材として、ぜひお役立てください。また、本記事の内容に共感いただけましたら、SNS等でのシェアやWebサイトでのご紹介も大歓迎です。

EYANCA(無料テンプレート)の詳細


トミナガハルキ

グラフィックデザイナー/AMIX 代表。独学でデザインを学び、パッケージメーカー→美容系ベンチャー→家庭用品メーカーでのデザイン・広報運営を経て独立。現在は小さな事務所を拠点にASOBOAD等のサービスを運営し、ロゴ・パッケージ・広告物を中心に制作しています。著書『#ズボラPhotoshop 知識いらずの絶品3分デザイン』は各カテゴリでベストセラーを獲得。2020年Adobe Creative Residency選出。ブログでは、10年以上の実務から学んだことや働き方のヒントを等身大の視点で発信しています。