サイト設計の手間を大幅に削減する、実用HTMLテンプレート素材30個まとめ 2016年10月度

latesthtml2016oct-top

 

Bootstrapなどのフレームワークの登場によって、ウェブサイト制作は以前よりも手軽に、そして身近になってきています。特にデザイントレンドをうまく採用したHTMLテンプレートを利用することで、モバイル端末へのレスポンシブ対応はもちろん、簡単にサイトデザインを作成できるようになっています。

 

 

今回は、無料ダウンロードできる新作HTML5/CSS3テンプレート素材をまとめてご紹介します。どの素材も高品質なだけでなく、テキストエディタで編集しやすい仕様となっており、サイト制作が捗るアイテムが揃っています。今後のデザイン制作に活用してみてはいかがでしょう。

 

 

 

詳細は以下から。

 

 

 

サイト設計の手間を大幅に削減する、実用HTMLテンプレート素材まとめ

 

Material Design for Bootstrap

Google 公式のデザインガイド「マテリアル・デザイン」をコンセプトに、人気フレームワーク Bootstrap で構築された、レスポンシブ対応のHTMLテンプレート素材。

material-bootstrap-html

 

 

Material Dashboard

こちらもマテリアル・デザインをベースに、固定ナビゲーションをつかった管理画面向けテンプレートで、ボタンやタブなどの各種コンポーネントやテーブル表など、すぐにデザインを開始できる素材が揃います。

opt_md_thumbnail

 

 

Material Bootstrap Wizard

マテリアル・デザイン対応のお問い合わせフォームを作成できるHTMLテンプレートで、全5色のカラースキンが用意されています。

opt_mbw_thumbnail

 

 

Material Kit

新しくアップデートされ、収録コンポーネント素材が大幅に増えた、マテリアル・デザイン&Bootstrap対応の決定版テンプレート。

opt_mk_thumbnail

 

 

Personal – Free HTML Template

2016年の人気トレンドにもなりつつある、グリッドを意識させないクリエイティブなレイアウトが特長の、ポートフォリオ向けHTMLテンプレート。

personal-600

 

 

Global

レスポンシブ対応で3Dエフェクトやタイムライン型ナビメニューなど、あまり他では見かけないアニメーションを豊富に利用したHTMLテンプレート。

global-free-psd-html-website-template

 

 

Cardly – Card-Based Landing Page Template

カード型レイアウトを中心にグリッドレイアウトでまとめられた、シンプルで使いやすい万能HTMLテンプレート素材。

card-based-landing-page-template-preview-1

 

 

Alexis

モバイルフレンドリーでスッキリとしたミニマルデザインが特長のHTMLテンプレート。企業サイトやポートフォリオ向けウェブサイト制作にどうぞ。

alexis-free-one-page-bootstrap-portfolio-template

 

 

Appkit Landing

使いやすさに定評のある Bootstrap をベースにしたHTMLテンプレートで、開発をすぐに始めることができるコンポーネントやパターンライブラリが充実しています。

appkit-landing-free-bootstrap-theme-for-developers-and-startups

 

 

Gaia Bootstrap Template

パララックスエフェクトやスクロールに応じたアニメーションなど、UXデザインにもこだわりHTMLテンプレート素材。

gaia-free-bootstrap-template

 

 

6 HTML Th by KeenThemes

使い勝手の良いシングルページ完結型HTMLテンプレートを、合計6種類まとめて収録した素材で、そのまま文字テキストを編集するだけで利用できます。

keen-themes-6-html-templates

 

 

Bow

鮮やかで美しいCSSグラデーションを背景に、アニメーションやホバーエフェクトなど最新テクニックを搭載した優良テンプレート。

bow_featured_img

 

 

Run.

2016年のトレンドカラーを採用した、モバイルアプリなどの販売、プロモーション用サイト向けテンプレート。

run_featured_img

 

 

Shift

余計なデザインを一切排除した、ミニマルデザインのポートフォリオ向けテンプレート。スクロールに応じたアニメーションやカウンターなど嬉しい機能も。

shift_featured_img

 

 

Shop

オンラインショップ制作に活用できる、見やすくて使いやすいデザインが特長のHTMLテンプレート。

shop_featured_img

 

 

Photo

大量の写真をまとめて表示したいときに便利な、フルスクリーンで展開する写真ギャラリー向けHTMLテンプレート。

photo_featured_img

 

 

Story

個人向けブログの運営で検討したいテンプレートのひとつで、レスポンシブ対応でサクサクとコンテンツを読み進めることができます。

story_featured_img

 

 

Oxygen

美しいグラデーションに、今年の特長でもあるきつめのドロップシャドウが印象的なHTMLテンプレート。

oxygen_featured_img

 

 

Wedding

結婚式のオンライン招待状を想定したコンセプトで、二人の馴れ初めをタイムラインで表示したり、自由度の高いデザインを作成できます。

wedding_featured_img

 

 

Stamina

ジムやエクササイズ、ワークアウト、ヨガなどをモチーフに、写真イメージを強調したレイアウトが目を引きます。

stamina_featured_img

 

 

Show

黄色x黒色の組み合わせで、商品をシンプルに販売したいときに便利なHTMLテンプレートは、そのまま編集して利用することもできます。

show_featured_img

 

 

Charity

チャリティーイベントを想定したコンセプトで、グリッド型写真ギャラリーやスクロール型アニメーションなど、かゆいところに手が届くデザインが素敵。

charity_featured_img

 

 

King

制作実績などをシンプルにまとめたポートフォリオ向けレイアウトで、もちろんモバイル端末での表示にも対応しています。

king_featured_img

 

 

Aesthetic

企業向けポートフォリオサイト制作で参考にしたい、各種コンテンツをさまざまなレイアウトや仕掛けで魅せる高品質テンプレート。

aesthetic_featured_img

 

 

Splash

HTML5/CSS3とjQueryでデザインしたモダンなHTMLテンプレートで、幅広い業種や職種に対応できるボックス型レイアウト。

monthly-freebie-for-designers-october-2016-09

 

 

Landing Zero Theme

ヒーローヘッダーにYouTube動画を埋め込むことができる、インタラクティブで魅力的なHTMLテンプレート素材。

bootstrap-template-single-page

 

 

Multi-Purpose Corporate Frontend Theme

さまざまなデザインに対応できる万能テンプレートで、パターンライブラリを組み替えることで、自由なレイアウトを実現できる使いやすいテーマ。

corporate

 

 

One Page 2 Bootstrap Theme

こちらも汎用性の高いベーシックなコンポーネント素材を揃えたHTMLテンプレートで、さまざまなジャンルに挑戦できます。

onepage1

 

 

5 Beautiful Bootstrap Headers

Bootstrap でそのまま使える、魅力的なヘッダーデザイン合計5種類をセットにした素材。より魅力的なトップページを作成したいときにいかがでしょう。

5-freebie-beautiful-headers-620x340

 

 

 

サムネイル@ : PHLY – Versatile Coming Soon Template – Themeforest.net