「見せる」だけでは足りない。「読ませたい」人へ
ポートフォリオサイトにはたくさんの種類がありますが、その多くは「画像を大きく見せる」ことに特化しています。写真家やイラストレーターにはそれで十分かもしれません。でも、文章と写真の両方で世界観を伝えたいクリエイターにとっては、テキストが主役になれるレイアウトも必要です。
無料HTMLテンプレート『EDITORIAL（エディトリアル）』は、雑誌のような紙面構成をWeb上で再現したテンプレートです。左に大きな見出しとプロフィール、右に縦長のヒーロー写真が並ぶ2段組のヘッダー。ギャラリーは奇数と偶数をずらしたジグザグ配置。そしてページ中盤に設けられた「フリーテキストエリア」では、まるでエッセイのようにまとまった文章を読ませることができます。
デザインの特徴とこだわり
「PORTFOLIO VOL.01」― 号数感覚のヘッダー
ページ上部のタイトルの上に小さく表示される「PORTFOLIO VOL.01」というラベル。これは雑誌の号数を意識した演出です。更新のたびにVOL.02、VOL.03と変えていけば、自分のポートフォリオに「連載」の感覚が生まれます。訪問者に「次号も見たい」と思わせる、紙媒体由来の巧みなフレーミングです。
タイトル文字にはCinzel（シンゼル）という、ローマン碑文に由来するセリフ体フォントが使われています。活版印刷のような品格があり、「ファッション誌の巻頭」「美術館のカタログ」といった高級な紙面の手触りを画面から感じ取ることができます。
ジグザグ配置のギャラリー ― 視線を「泳がせる」
ギャラリーセクションでは、奇数番目の作品が左側、偶数番目の作品が右側かつ少し下にずれて配置されます。このジグザグレイアウトは、見る人の視線を自然に蛇行させ、「次の作品へ」と誘導する効果を持っています。
整然としたグリッドでは均等に視線が流れますが、ジグザグにすると「次に何が来るだろう」という期待感が生まれます。雑誌のフォトエッセイで写真のサイズや配置を意図的にバラすのと同じ手法です。ホバーすると画像が静かに拡大するアニメーションも、丁寧に作り込まれています。
フリーテキストエリア ― エッセイを書ける場所
『EDITORIAL』の最大の特長は、ギャラリーの上に用意された「フリーテキストエリア」です。タイトルと本文を自由に設定でき、自分の制作哲学や活動への想い、エッセイのような長文を、読みやすい幅と行間で掲載できます。
テキストは両端揃え（ジャスティファイ）で表示されるため、まさに雑誌のコラムを読んでいるような整然とした印象に。作品だけでは伝わらない「作り手の人格」を言葉で補完できるのは、このテンプレートならではの強みです。
こんな方・こんな用途におすすめ
ライター・編集者のポートフォリオ
文章を生業にする方にとって、テキストが美しく組まれることは自分のスキルの証明でもあります。Cinzelの見出しとセリフ体の本文が、書き手のセンスを無言でアピールしてくれます。
フォトグラファーの「写真+テキスト」型ポートフォリオ
縦長写真が映えるアスペクト比のギャラリーと、撮影エピソードを語れるフリーテキストエリアの組み合わせで、「写真集の奥付にある作家のあとがき」のような構成が実現できます。
建築・インテリアデザイナー
落ち着いたカラーパレットと品のあるタイポグラフィは、建築やインテリアのポートフォリオと非常に相性がよいです。設計コンセプトを長文で語りたい場合にも、フリーテキストエリアが活躍します。
カスタマイズのヒント
カラーパレットの調整
デフォルトのアクセントカラーは控えめなモカベージュ。これをテラコッタに変えると「秋の文芸誌」、ダークネイビーに変えると「ビジネス系雑誌」のようなトーンにシフトします。
VOL表記でストーリー性を演出
ヘッダーの「PORTFOLIO VOL.01」の文字は自由に変更可能です。年度別にVOL.を切り替えたり、「SPRING ISSUE」のように季節のラベルを入れれば、ポートフォリオが一つの「刊行物」になります。
まとめ ― 画像だけでは語りきれないものを、ここに
『EDITORIAL』は、写真と文章の両方を大切にするクリエイターのために設計されたテンプレートです。雑誌を開く数秒間のような、知的な高揚と静かな没入の時間を、あなたのポートフォリオにも。
