Advertisement

latesthtmltemplate-feat-image

 

2017年のウェブデザイントレンドをうまく反映したかっこいいウェブサイトや、アニメーションなど素敵なエフェクトを採用したランディングページなど、HTML5/CSS3で制作された無料テンプレート素材をまとめてご紹介します。

 

デザインの現場でも人気の高いBootstrapフレームワークをベースとしたテンプレートも多く、自由にそして手軽にHTMLテンプレートのカスタマイズを行うことができる素材が揃います。どれもスクリーン画面サイズに関係なく表示できるレスポンシブデザインを採用しており、さくっとウェブページを作成したいときの参考にもどうぞ。

 

デザイン性だけでなく使い心地にもこだわった、ウェブデザイン制作をグッと楽にする無料HTMLテンプレート素材をまとめました。 人気のHTMLフレームワー
ウェブサイトの閲覧方法は、モバイルやタブレットの普及によって大きく変わってきており、あらゆる端末へ対応することがウェブデザイン制作では必須となってきています。このや
ウェブサイトやアプリ制作に必要なスタイルがあらかじめ定義された、人気CSSフレームワーク Bootstrap。しかし、デザインが他のサイトとかぶってしまうとお悩みの

 

 

Wired

Bootstrapをベースに作成された商用可能なHTMLテンプレートで、各種コンポーネントもまとめて収録されているので、カスタマイズしやすい素材。

wired-ui-kit

 

 

Froala Design Blocks

170種類を超えるレスポンシブ対応のUIコンポーネントを収録した素材で、ブロックを組み立てる感覚でBootstrapライブラリをベースにしたHTMLテンプレートをお好みで作成できます。

design-blocks-component

 

 

Complex

フルスクリーン写真を活用したビジュアル重視のレイアウトで、お問い合わせなど各種ページも合わせて収録されています。

complex

 

 

Univers

マウスの動きに合わせて動くパララックス背景に、タイプライター風に表示されるテキストエフェクトなど、細かい部分にこだわりを持つポートフォリオ用テンプレート。

univers

 

 

Savory

savory

左固定ナビゲーションメニューを採用し、グリッド状に写真を並べるレイアウトは、個人向けポートフォリオサイトなどにも適しています。

 

 

Pure

商品やプロジェクトを効果的に魅せることができるテンプレートで、ビジネスやブログなどにも向いたレスポンシブデザイン。

pure

 

 

The Factory

スタートアップでの利用を想定したシンプルなテンプレートで、文字と写真を重ねるテクニックなど、2017年のウェブデザイントレンドを意識したスタイルが素敵。

factory

 

 

Energy

背景にビビッドなグラデーションカラーを写真に重ねたレイアウトは、シンプルなブログなどにどうぞ。

energy

 

 

Mountain

シンプルだけどインパクトのあるデザインが欲しいときに活用したいテンプレートで、SVGを使った曲線ラインやゴーストボタンなどをたっぷりの余白スペースで配置しています。

moutain

 

 

Neavda: Minmal One-Page HTML Template

フォトグラファーやデザイナー、アーティスト向け案件に適したミニマル系テンプレートで、Bootstrapフレームワークを活用したLightboxギャラリーなどにも対応しています。

nevada-html-template-1

 

 

LazyStrap

シンプルで印象的なカード型レイアウトをHTML/CSSでデザインしたテンプレート素材。

lazystrap-html

 

 

Connect

クリエイティブなデザインをさがしているひとにオススメしたい素材で、Bootstrapフレームワークを使ったミニマルなデザインが印象的。

connect-free-html5-website-template

 

 

Explorer

Bootstrapフレームワークで使い勝手の良いテンプレートで、写真を多用するページに利用したいレイアウト。各サムネイル写真をクリックするとページに移動します。

explorer-free-html5-template

 

 

Gifted

スクリーン半分に分割されたレイアウトは、フリーランスなど個人向けウェブサイトなどで情報をまとめたいときにも便利。

gifted-free-html5-template

 

 

FineOak

インテリアや家具デザインなどインテリア関連のウェブサイトを想定したHTMLテンプレートで、こちらもBootstrapフレームワークに対応したカスタマイズ性の良いテーマ。

fineoak_featured_img

 

 

Black

ダーク系HTMLテンプレートを探しているときに便利な素材で、スクロールに反応してふわりと表示されるコンテンツも魅力的。

black-free-html5-bootstrap-template

 

 

Atlantis

ホテルや旅行関連のビジネスを想定したモダンなBootstrapテンプレートで、滑らかなアニメーションの他に、ホテル予約フォームやお問い合わせページなども充実しています。

atlantis_featured_img

 

 

Frame

コンテンツがぎっしり詰まったシングルページを作成したいときに便利なテンプレートで、各種コンポーネントが揃っているので、コピペで自由にカスタマイズできます。

frame-free-html5-bootstrap-template

 

 

Pixels

レスポンシブにも対応したHTMLテンプレートは、トップページの他にギャラリーやお問い合わせページなども揃ったマルチユースなBootstrapフレームワーク。

pixels_free-html5-template

 

 

Virb

スクロールに応じたアニメーション付きのコンテンツ展開に加え、ビビッドでトレンドの配色が参考になるテンプレート。

virb-free-html5-bootstrap-theme

 

 

Appster

モバイルアプリなどのランディングページを想定したBootstrapベースのHTMLテンプレート。

appster

 

 

Comply

スクロールに応じてコンテンツがアニメーション付きで表示される、マイクロインタラクションを得意としたページ用テンプレート。

comply-html-template

 

 

サムネイル@ : Design Blocks | Froala