Advertisement

html2015aug-top

 

テクノロジーが進化するにつれて、ウェブサイトをより手軽に作成できるようになってきています。今回は、無料ダウンロードできる、高品質な新作HTMLテンプレート素材をまとめてご紹介します。

 

 

利用しているひとも多い、人気のフレームワークBootstrapをベースにした素材が中心なので、カスタマイズしやすく、もちろんモバイル端末での表示にも対応した、レスポンシブデザインのテンプレートを集めています。

 

 

 

詳細は以下から。

 

 

 

最新Webテク、トレンドを駆使した、すごい無料HTMLテンプレート素材まとめ

 

Sedna

アニメーションを中心とした最新ウェブテクを駆使した、エレガントなHTMlテンプレート素材。Bootstrapをフレームワークに利用しているので、使い回しやすいカスタマイズ性が魅力的。

sedna

 

 

 

Cardio

スクロールすることで展開されるアニメーションが魅力的なHTML5/CSS3テンプレート素材で、詳しくはこちらのエントリーで触れています。

Cardio_Preview-1

 

 

 

Amaranto

左固定サイドバーに、カード状レイアウトを実現したテンプレート。ゴーストボタンやクリックで展開する検索ボックスなど、実践的にカスタマイズできる素材のひとつ。フランス語サイトなので、「quest link」をクリックするとダウンロードが開始されます。

feel-shop-html

 

 

 

Lens

固定された右サイドバーのサムネイルをクリックすることで、全画面表示できるギャラリー用テンプレート。モバイル端末でもLightboxで、オーバーレイ表示可能。

lens-html

 

 

 

Fractal

余白スペースをたっぷり取った、シンプルなHTMLテンプレートで、読み込み速度にもこだわった仕様。

fractal-html

 

 

 

Highlights

背景にフルスクリーン写真を採用し、半透明レイヤーを活用することで、背景が透けて見えるシングルページ向けレイアウト。

highlights-html

 

 

 

Eventually

ウェブサイト立ち上げ前のカミングスーン・ページで、背景イメージがじんわりとアニメーション付きで、絶えず移り変わります。

eventually-html

 

 

 

Dribbblefolio

デザインコミュニティDribbbleのAPIを利用しているので、ユーザー名を変更するだけで、オリジナルのポートフォリオサイトを作成できます。

dribbblefolio-html

 

 

 

Retrospect

ヒーローヘッダーやタイル状レイアウト、パララックスエフェクトなどのテクニックを使った、太字フォントが印象的なHTMLテンプレート素材。

retrospect-html

 

 

 

Fit Cross

コンテンツごとの斜め切り返しがユニークで、右側にあるナビメニューでコンテンツ移動も可能です。

fit-cross-html

 

 

 

Kuntitled

コンテンツを1ページにまとめた、ランディングページを手軽に作成できる、Bootstrapをつかったテンプレート素材。

kuntitled-html

 

 

 

EcoGreen

YouTubeを利用したフルスクリーン動画表示や、スムーズなイメージスライダーを実装した、レスポンシブデザイン対応のテンプレート。

EcoGreen-html

 

 

 

Aclive

5種類のカラー配色に、トップページのほかギャラリーページなど、合計6種類のテンプレートを収録しています。

aclive-html

 

 

 

Majestic

ギャラリー機能などのコンテンツをトップページにまとめ、万能な使い道がうれしい無料HTMLテンプレート。

majestic-html

 

 

 

Material Design Lite

Googleのマテリアルデザインの考えを取り入れた公式フレームワークフレームワーク。詳しい使い方や、人気フレームワークBootstrapとの比較なども参考にどうぞ。

material-design-lite

 

 

 

Page Scroll Effect

スクロールすることでコンテンツが切り替わるテンプレートで、エフェクト毎に7種類のデモページが用意されています。

multiple-page-scroll-css-effects

 

 

 

2 Blocks Template

画面中央で2つに分けられたコンテンツが、それぞれ異なるアニメーションで切り替わる、ユニークなスライダー機能が魅力的。

2-blocks-template-featured

 

 

 

プレミアムHTMLテンプレート

 

プロジェクト予算に余裕があるときは、有料のプレミアムHTMLテンプレートの購入も検討してみましょう。もちろん豊富な機能はすべて実装済みで、Bootstrapフレームワークを活用した素材も多いので、より自由なウェブサイト制作も可能にしてくれます。どれも$17(およそ2,100円)ほどと、お求めやすい価格もポイントで、デザイン性にすぐれたサイトを作成することができます。

 

 

Haswell

デモページだけで50種類ちかく用意されており、収録HTMLも100ページを超えた、マルチに対応するテンプレート素材。

heswell (1)

 

 

 

Foundry

最近のウェブデザイントレンドを取り入れたテンプレート素材で、目玉はWebサイトをボタン操作で作成できる、Variantホームページビルダー機能も一緒に完備されています。頻繁にテンプレートのアップデートも行われています。

foudnry-html

 

 

 

Canvas

現在Themeforestの中でもっとも売れているHTMLテンプレート素材。60種類のデモページに、450ページにのぼるコンポーネント用ページも一緒に収録されています。マルチに活躍するアイテムのひとつ。

canvas-html

 

 

 

Jango

130種類を超えるデモページに、300個以上揃うコンポーネントを組み合わせることで、パズル感覚でウェブサイトを作成できるHTML5テンプレート。

jango-html