Image may be NSFW.
Clik here to view.
海外デザインブログCreative Nerdsで、レスポンシブWebデザインに対応した、無料HTMLテンプレートをまとめたエントリー「50 Best Free HTML Responsive Templates」が公開されていたので、今回はこちらを中心に、おすすめの無料テンプレート素材をあつめてみました。
モバイルやタブレット端末にも対応するレスポンシブWebデザインなだけでなく、ほとんどの素材がHTML5/CSS3でコーディングされており、デザイン制作の参考にしてみても良いかもしれません。
詳細は以下から。
デザインが良くなる！高品質＆無料HTMLテンプレート素材まとめ
余白スペースを確保したミニマルスタイルに、スライド式ナビメニューやパララックスエフェクト、CSSアニメーションなどを採用したトレンドHTMLテンプレート。
Image may be NSFW.
Clik here to view.
先日ご紹介した無料PSDテンプレートをベースに、Bootstrapフレームワークを使い、HTML5/CSS3でコーディングされています。
Image may be NSFW.
Clik here to view.
モバイルアプリの販売やプロモーション、ランディングページなどに最適なテンプレートで、右端のメニューでコンテンツを移動します。
Image may be NSFW.
Clik here to view.
ブログをはじめたいという人にオススメしたいテンプレートで、トップページとシングルページが用意されています。
Image may be NSFW.
Clik here to view.
全部で19ページのHTMLテンプレートを収録した、ブログ運営を想定した、スッキリと見やすいデザインが印象的。
Image may be NSFW.
Clik here to view.
Bootstrapフレームワークを利用して、facebookのレイアウトを完全再現しています。
Image may be NSFW.
Clik here to view.
そしてこちらはGoogle +のレイアウトをそのまま再現したテンプレート素材。
Image may be NSFW.
Clik here to view.
Webやモバイルアプリのランディングページを想定したレイアウトで、サービスの特長をうまく伝える工夫がされています。
Image may be NSFW.
Clik here to view.
Bootstrapフレームワークを採用し、6種類のカラースキンを用意した高機能HTMLテンプレート。アニメーション付ヘッダーも魅力的。
Image may be NSFW.
Clik here to view.
シンプルなポートフォリオサイトを作成するときの参考にしたい、フラットスタイルのHTMLテンプレート。
Image may be NSFW.
Clik here to view.
シンプルながらデザイントレンドを取り入れ、使い勝手の良い万能テンプレートが完成しました。Bootsrtap3フレームワークを採用。
Image may be NSFW.
Clik here to view.
有料テンプレート並みに作りこまれたダッシュボード、管理画面のデザイン制作に使える使えるUIデザイン、HTMLページが揃っています。
Image may be NSFW.
Clik here to view.
随所にパララックスエフェクトを実装したテンプレートで、背景が切り替わるイメージスライダーがユーザーの注目を集めます。
Image may be NSFW.
Clik here to view.
フラットスタイルでデザインされた、シングルページ完結型レイアウトのテンプレート素材。アニメーションを利用した、コンテンツの切り替えエフェクトもポイントです。
Image may be NSFW.
Clik here to view.
伸縮アニメーションが素敵なナビメニューを実装した、シンプルなポートフォリオ用レイアウト。
Image may be NSFW.
Clik here to view.
ぼんやりと浮かびあがるフェードイン・アニメーションで魅せるコンテンツに、ユニークな動きのナビメニューも素敵なテンプレート。
Image may be NSFW.
Clik here to view.
音楽フェス、イベント告知ページを想定したファンキーな色使いに、カウントダウンタイマーやGoogleマップなどがダイナミックにレイアウトされています。
Image may be NSFW.
Clik here to view.
ショッピングサイトに特化したつくりで、Bootstrapフレームワークを採用し、商品ページなど11種類の特別テンプレートも収録されています。
Image may be NSFW.
Clik here to view.
ごちゃごちゃにしたくないショッピングカート機能を、レスポンシブWebデザイン対応のすっきりレイアウトで表現しています。
Image may be NSFW.
Clik here to view.
430+個の無料HTMLテンプレートをダウンロードできるサイトW3Layout
ここから以下の無料HTMLテンプレート素材は、W3layout.comよりピックアップしたアイテムをまとめています。
w3Layout.comでは、当サイトでも定期的にまとめている無料UIデザインキットや、Webサイト用PSDテンプレートを用い、Twitter社謹製フレームワークBootstrapでコーディングされたHMTLテンプレート素材を公開しています。
ポイントとしては、ひとつのデザインからデスクトップ用レスポンシブテンプレートの他に、スマートフォン（iPhone、Android、Window携帯など）とモバイル（Nokia、Sony Ericsson、LGなど）の合計３種類の最適化されたテンプレートファイルが用意されている点です。
読み込み速度を考慮したデザインテンプレートは、表示する端末に応じて、PHPスクリプトで自動的に切り替わる仕組みとなっています。より詳しい説明は以下のQ&Aページを参考にどうぞ。
なお無料ダウンロードできるテンプレートには、w3Layout.comへのバックリンクが埋め込まれています。バックリンクを削除したい場合は、$10以上の寄付をPayPalよりすることで解除することができます。
Image may be NSFW.
Clik here to view.
Image may be NSFW.
Clik here to view.
Image may be NSFW.
Clik here to view.
Image may be NSFW.
Clik here to view.
Image may be NSFW.
Clik here to view.
Image may be NSFW.
Clik here to view.
Image may be NSFW.
Clik here to view.
Image may be NSFW.
Clik here to view.
Image may be NSFW.
Clik here to view.
Image may be NSFW.
Clik here to view.
Image may be NSFW.
Clik here to view.
レスポンシブWebデザインに対応！クリエイティブな無料HTMLテンプレート素材まとめ
前回まとめたHTMLテンプレートも一緒に確認しませんか、ご参考までにどうぞ。
Image may be NSFW.
Clik here to view.
サムネイル@ : An awesome front-end framework - Get Webplate
参照元リンク : 50 Best Free HTML Responsive Templates – Creatie Nerds