ポートフォリオテンプレートデザイン "verticalslider" 編


今回はポートフォリオのデザインテンプレートの中から、「verticaslider」をご紹介します。


verticalslider

verticalslider特集用01

verticalsliderは、キービジュアルとして設定した作品が右縦に並び、これらが一つ一つ中央に拡大表示されてループしていくテンプレートです。
キービジュアルとして設定できる作品数は4作品からとなります。

■仕様
・キービジュアル推奨サイズ:1120px × 1100px
・アニメーションあり
・スタイル(カラーバリエーション):5パターン
・ナビゲーションメニュー形式:MENUボタン(右下)


verticalsliderのスタイル設定では5つのカラーバリエーションから基調色を選ぶことができます。

verticalslider特集用02



ここからはverticalsliderを使用しているクリエイターのポートフォリオを紹介します。



portfolio name:珠樹みつねのポートフォリオ creator:珠樹みつね

183

珠樹みつねさんのポートフォリオ「珠樹みつねポートフォリオ」では、珠樹さんの細やかで色彩豊かな作品が整然と並んでいますが、抑制の効いたテンプレートによって、より作品の色合いが引き立って見えます。

繊細な色使いの作品と、コントラストの効いたテンプレートを組み合わせた好例ですね。

閲覧する人に色彩を強く意識させたい場合の参考例になるのではないかと思います。



portfolio name:Yuina-Gallery creator:yuina

verticalslider特集用04

yuinaさんのポートフォリオ「Yuina-Gallery」でもverticalsliderを使用しています。
yuinaさんの描くイラストの落ち着いて深みのあるトーンが、無彩色のテンプレートでぐっと前に出ていると思います。

シックかつゴージャス、という表現がぴったりくるような素敵な雰囲気に仕上がっているのではないでしょうか。



今回紹介させていただいたポートフォリオはどちらもスタイル(カラーバリエーション)の1:ホワイトを使用しています。

ヘッダー部分が黒ベースということもあり、コントラストの効いたverticalslider×ホワイトカラーは人気のようですね!

---
verticalsliderではアニメーションで一つ一つ作品を紹介しながらも、抑制の効いた色使いでシックな雰囲気を演出できるテンプレートです。

作品の色合いを強く打ち出したい場合や、落ち着いた雰囲気のアニメーションテンプレートが必要な場合は"verticalslider"をご検討ください!

次回もまた特集でテンプレートのご紹介をさせていただきますね。

お楽しみに!