Bootstrapなどのフレームワークの登場によって、ウェブサイト制作は以前よりも手軽に、そして身近になってきています。特にデザイントレンドをうまく採用したHTMLテンプレートを利用することで、モバイル端末へのレスポンシブ対応はもちろん、簡単にサイトデザインを作成できるようになっています。
今回は、無料ダウンロードできる新作HTML5/CSS3テンプレート素材をまとめてご紹介します。どの素材も高品質なだけでなく、テキストエディタで編集しやすい仕様となっており、サイト制作が捗るアイテムが揃っています。今後のデザイン制作に活用してみてはいかがでしょう。
詳細は以下から。
サイト設計の手間を大幅に削減する、実用HTMLテンプレート素材まとめ
Material Design for Bootstrap
Google 公式のデザインガイド「マテリアル・デザイン」をコンセプトに、人気フレームワーク Bootstrap で構築された、レスポンシブ対応のHTMLテンプレート素材。
Material Dashboard
こちらもマテリアル・デザインをベースに、固定ナビゲーションをつかった管理画面向けテンプレートで、ボタンやタブなどの各種コンポーネントやテーブル表など、すぐにデザインを開始できる素材が揃います。
Material Bootstrap Wizard
マテリアル・デザイン対応のお問い合わせフォームを作成できるHTMLテンプレートで、全5色のカラースキンが用意されています。
Material Kit
新しくアップデートされ、収録コンポーネント素材が大幅に増えた、マテリアル・デザイン&Bootstrap対応の決定版テンプレート。
Personal – Free HTML Template
2016年の人気トレンドにもなりつつある、グリッドを意識させないクリエイティブなレイアウトが特長の、ポートフォリオ向けHTMLテンプレート。
Global
レスポンシブ対応で3Dエフェクトやタイムライン型ナビメニューなど、あまり他では見かけないアニメーションを豊富に利用したHTMLテンプレート。
Cardly – Card-Based Landing Page Template
カード型レイアウトを中心にグリッドレイアウトでまとめられた、シンプルで使いやすい万能HTMLテンプレート素材。
Alexis
モバイルフレンドリーでスッキリとしたミニマルデザインが特長のHTMLテンプレート。企業サイトやポートフォリオ向けウェブサイト制作にどうぞ。
Appkit Landing
使いやすさに定評のある Bootstrap をベースにしたHTMLテンプレートで、開発をすぐに始めることができるコンポーネントやパターンライブラリが充実しています。
Gaia Bootstrap Template
パララックスエフェクトやスクロールに応じたアニメーションなど、UXデザインにもこだわりHTMLテンプレート素材。
6 HTML Th by KeenThemes
使い勝手の良いシングルページ完結型HTMLテンプレートを、合計6種類まとめて収録した素材で、そのまま文字テキストを編集するだけで利用できます。
Bow
鮮やかで美しいCSSグラデーションを背景に、アニメーションやホバーエフェクトなど最新テクニックを搭載した優良テンプレート。
Run.
2016年のトレンドカラーを採用した、モバイルアプリなどの販売、プロモーション用サイト向けテンプレート。
Shift
余計なデザインを一切排除した、ミニマルデザインのポートフォリオ向けテンプレート。スクロールに応じたアニメーションやカウンターなど嬉しい機能も。
Shop
オンラインショップ制作に活用できる、見やすくて使いやすいデザインが特長のHTMLテンプレート。
Photo
大量の写真をまとめて表示したいときに便利な、フルスクリーンで展開する写真ギャラリー向けHTMLテンプレート。
Story
個人向けブログの運営で検討したいテンプレートのひとつで、レスポンシブ対応でサクサクとコンテンツを読み進めることができます。
Oxygen
美しいグラデーションに、今年の特長でもあるきつめのドロップシャドウが印象的なHTMLテンプレート。
Wedding
結婚式のオンライン招待状を想定したコンセプトで、二人の馴れ初めをタイムラインで表示したり、自由度の高いデザインを作成できます。
Stamina
ジムやエクササイズ、ワークアウト、ヨガなどをモチーフに、写真イメージを強調したレイアウトが目を引きます。
Show
黄色x黒色の組み合わせで、商品をシンプルに販売したいときに便利なHTMLテンプレートは、そのまま編集して利用することもできます。
Charity
チャリティーイベントを想定したコンセプトで、グリッド型写真ギャラリーやスクロール型アニメーションなど、かゆいところに手が届くデザインが素敵。
King
制作実績などをシンプルにまとめたポートフォリオ向けレイアウトで、もちろんモバイル端末での表示にも対応しています。
Aesthetic
企業向けポートフォリオサイト制作で参考にしたい、各種コンテンツをさまざまなレイアウトや仕掛けで魅せる高品質テンプレート。
Splash
HTML5/CSS3とjQueryでデザインしたモダンなHTMLテンプレートで、幅広い業種や職種に対応できるボックス型レイアウト。
Landing Zero Theme
ヒーローヘッダーにYouTube動画を埋め込むことができる、インタラクティブで魅力的なHTMLテンプレート素材。
Multi-Purpose Corporate Frontend Theme
さまざまなデザインに対応できる万能テンプレートで、パターンライブラリを組み替えることで、自由なレイアウトを実現できる使いやすいテーマ。
One Page 2 Bootstrap Theme
こちらも汎用性の高いベーシックなコンポーネント素材を揃えたHTMLテンプレートで、さまざまなジャンルに挑戦できます。
5 Beautiful Bootstrap Headers
Bootstrap でそのまま使える、魅力的なヘッダーデザイン合計5種類をセットにした素材。より魅力的なトップページを作成したいときにいかがでしょう。
サムネイル@ : PHLY – Versatile Coming Soon Template – Themeforest.net
サイト設計の手間を大幅に削減する、実用HTMLテンプレート素材30個まとめ 2016年10月度はPhotoshopVIPで公開された投稿です。