デザイナー・クリエイター向け無料テンプレート「GLASS」レビュー｜iPhoneでおなじみのすりガラス風デザインで作品を魅せる
「GLASS」は、iPhoneのコントロールセンターやApple製品のUIでおなじみの「すりガラス風デザイン」を取り入れたポートフォリオテンプレートです。背景が透けて見える半透明のカードや、ふわっと浮かぶグラデーションが、作品を現代的で軽やかに演出します。最大18点の作品をギャラリー形式で掲載でき、クリックすると拡大表示されます。EYANCA提供の日本語テンプレートで、個人・商用ともに無料で利用可能です。
テンプレート概要
| テンプレート名 | GLASS |
|---|---|
| 配布元 | EYANCA |
| カテゴリ | ポートフォリオ |
| レスポンシブ | 対応 |
| ライセンス | 無料（個人・商用利用可） |
| デモページ | デモを見る |
こんな方におすすめ
- iPhoneやApple製品のようなトレンド感のあるデザインでポートフォリオを作りたいクリエイター
- 作品をクリックで拡大表示できるギャラリーで見せたいデザイナー・イラストレーター
- InstagramやBehanceなどSNSへのリンクをまとめたプロフィールページが欲しい方
- 最大18点の作品を一覧で掲載したいフォトグラファーやアーティスト
- 日本語でトレンド感のあるポートフォリオを手軽に作りたい方
このテンプレートの特徴
すりガラス風デザイン（Apple/iPhone風）
iPhoneのコントロールセンターやmacOSのメニューバーでおなじみの「すりガラス風」デザインを全面に採用しています。背景がうっすら透けて見える半透明のカードが、サイト全体に洗練された印象を与えます。近年のWebデザインのトレンドでもあり、「今っぽさ」を演出できるのが大きな魅力です。
作品ギャラリー（最大18点・拡大表示付き）
最大18点の作品を一覧で掲載できるギャラリーを搭載しています。作品の画像にカーソルを合わせるとタイトルが表示され、クリックすると拡大表示されます。画像サイズが異なる作品も自動でレイアウトが調整されるので、さまざまなジャンルの作品をまとめて掲載できます。
プロフィールカード
名前・肩書き・自己紹介文をまとめたプロフィールカードがページ上部に表示されます。すりガラス風の半透明デザインで、背景のグラデーションが透けて見える仕上がりです。初めてサイトを訪れた方にも「誰が・何をしている人か」がすぐに伝わります。
SNSリンクボタン
Instagram・X（Twitter）・Behance・メールの4つのリンクボタンが用意されています。作品を見て興味を持った方がすぐにSNSをフォローしたり、仕事の相談をメールで送ったりできる導線です。
フェードインアニメーション
ページを開くとプロフィールやギャラリーがふわっと浮かび上がるように表示されるアニメーションが設定されています。要素ごとに表示タイミングが少しずつずれることで、滑らかで洗練された印象になります。
浮遊する背景装飾
背景にゆっくりと動くグラデーションの装飾が配置されており、ページ全体に奥行きと動きを与えています。すりガラス風のカード越しにこの装飾が透けて見えることで、独特の透明感が生まれます。
設定ファイルでカスタマイズ可能
テンプレート内の設定部分を書き換えるだけで、名前・肩書き・自己紹介文・SNSリンク・色合いなどを変更できます。HTMLの構造を大きくいじらなくても、自分仕様のポートフォリオに仕上げられます。
スマホ対応デザイン
スマホ・タブレット・PCすべてで見やすいレイアウトに自動調整されます。SNSからポートフォリオURLを共有されたとき、スマホで見る方が多いため重要なポイントです。
技術仕様
| フレームワーク | 独自CSS（インラインCSS/JS） |
|---|---|
| 使用技術 | HTML5, CSS3, Vanilla JavaScript |
| ページ数 | 1ページ（トップ（1ページ完結型：プロフィール・作品ギャラリー）） |
| 主要ライブラリ | なし（外部ライブラリ不使用・軽量設計） |