デザイン

デザイン

初心者にも設定簡単 無料でレスポンシブなHTML5のwebテンプレート50選

speckyboy

Speckyboy is an online magazine for designers with its focus on sharing helpful resources, exploring new techniques, sharing useful tips, and inspiring you to build a better web.

本記事は、50 Free Responsive HTML5 Web Templates
翻訳・再構成したものです。
配信元または著者の許可を得て配信しています。

225 views

読了時間 : 約10分9秒

webデザインの作業をスピードアップするための簡単で手早い編集方法をお探しの方は、ぜひこの記事をご覧ください。この記事では50種類の既成のレスポンシブなHTML5テンプレートを集めました。ちょっぴりクリエイティブなひねりの効いたテンプレートを使えばwebデザインはあっという間に仕上がります。そして、何よりうれしいのがこちらで紹介するテンプレート、すべて無料なんです!

 

既成のテンプレートはデザイナーとして強力なウェブサイトを作るのに最適なオプションです。プロによる設計のテンプレートはたくさんありますが、かなりの割合でカスタマイズが必要です。結局、目的のデザインにするためにコードに変更を加えなくてはならなくなります。HTMLやCSSの知識があればベストですが、コードがわからないデザイナはどうすればいいのでしょうか?

 

こちらで紹介する無料テンプレートはすべて信頼できるウェブサイトから選りすぐったものです。こうしたテンプレートはwebデザインの最新トレンドを取り入れており、インパクトのある見た目と比類ない機能を実現できます。さらには、パララックススクロールや、メガメニュー、レスポンシブデザインなどの素敵なエフェクトも搭載できます。

 

Eco

 

Ecoは業界で最も需要のある製品に焦点を当てたHTML5のランディングページテンプレートです。非常によく設計されており、雪の間を切り進む熱したナイフのごとくミスを取り除きます。完全にカスタマイズ可能なHTMLで、素敵な商品を紹介するための6種類のヒーローヘッダーがあります。

 

A-TEAM

 

A-TEAMはミニマルで、すっきりした、プロフェッショナルな見た目のテンプレートです。完全にレスポンシブで、Parallax backgroundやGoogle Fontsなどなどを搭載できます。

 

 

 

Global – HTML5 Website Template

 

無料のHTML5 Global webテンプレートは1ページのポートフォリオやクリエイティブな企業のサイトに使えます。

 

 

 

Sartre

 

Sartreは新しいスタートアップを起業したい方にお勧めのフレキシブルなテンプレート。画期的で、完全にレスポンシブで、既成のレイアウトがたくさん入っています。

 

 

Bliss

 

この無料HTML5テンプレートにはおいしそうな色合いが使われているので、カフェやレストランのサイトに最適です。高画質な料理の画像が訪問者の食欲を誘います。このテンプレートのレイアウトはメトロスタイルのwebデザイントレンドがお好きな方にはピッタリでしょう。

 

 

Raptish

 

Raptishはゴージャスな履歴書用テンプレートで、余分なものが一切はぎとられています。そのおかげで非常にすっきりとしたランディングページになり、デザイナーの就職活動に完ぺきなデザインになります。

 

 

Photon

 

Photonは1ページのHTML5テンプレートで、ラスターエフェクトの画像やホバーエフェクトのボタンに対応しています。このテンプレートを使ってオンライン履歴書のインパクトを強烈にしましょう。

 

 

Stig

Stigは注目の1ページ・複数ページ用多目的テンプレートです。デモが付属しているのに加え、150種類以上のHTMLファイルの中からテンプレートを選ぶことができます。レスポンシブで、現代的で、きれいです。

 

 

Flexbox Responsive Landing Page

 

CSS Flexboxによって作成されたレスポンシブのランディングページテンプレートです。

 

 

Apper

 

ApperはゴージャスなHTML5テンプレートで、Bootstrapと互換性があり完全にレスポンシブです。

 

 

Apollo

 

プロの写真家のために作られたApolloは、写真を紹介するのに使えるキレイな1ページの無料webテンプレートです。

 

 

VSApp

 

Vsappは究極のアプリランディングページ用テンプレートです。非常にスムーズなCSSアニメーションが搭載されており、Retinaにも対応しています。完全レスポンシブで、LESSによるテンプレートです。

 

 

Landed

 

最新型で高機能なサイトをデザインする場合に、Landedは完ぺきなテンプレートです。ホームページの上部を飾るフルスクリーンのヒーロー画像があり、遅延読み込み画像やラスターエフェクトのレイアウトなどにも対応しています。

 

 

MOON

 

MOONは注目の事前告知用テンプレートです。このテンプレートを使えば、ホスティングサービスによるサイト群とは一味違ったデザインができます。ブランドを反映させた「Coming Soon」サイトが作れます。

 

 

 

Colossus

 

無料テンプレートのColossusはすっきりとしたレスポンシブデザインで、デスクトップでもモバイルでも自動的に画面に解像度を合わせてくれるので、訪問者数にも貢献します。

 

 

 

Hans

 

Hansは現代的なマテリアルデザインHTMLテンプレートで、ナイスなポートフォリオを作りたい方にお勧めです。レスポンシブで、すっきりしていて、パワフルです。

 

 

 

Scribbler” Website Template

 

コーディングプロジェクトのためのレスポンシブHTMLテンプレートで、すっきりした、ユーザーフレンドリーなデザインです。

 

 

Solicitor

Solicitorは法律がテーマの強力なHTMLテンプレートです。25種類以上の素晴らしいテンプレートだけでなく、無料とは思えないIsotopeのギャラリーや3つのヘッダースタイル、完全レスポンシブのレイアウトも含まれています。

 

 

Cafe and Restaurant

 

カフェやレストランのサイト向けに作られた無料HTML5テンプレートです。ハンバーガーメニューや、フルスクリーンスライダー、遅延読み込み、ラスターエフェクトなどの機能がもともと搭載されています。

 

 

Ebo

 

Eboは製品の基本機能を記載するための強力なHTML5テンプレートで、マーケティングツールとして使えます。レスポンシブで、ゴージャスながら、シンプルで現代的なレイアウトです。

 

 

Flex

 

この1ページ用のテンプレートはオンラインCVやポートフォリオに最適です。素敵なデザインとともに機能性も抜群で、フルスクリーンスライダーや固定のメガメニュー、lightboxによるイメージギャラリーなどが搭載できます。

 

 

Haswell

 

Haswellはすっきりしていてハイエンドなテンプレートで、ハイファッション、Eコマース、豪華な製品に関するサイトになら何でも合います。完全にレスポンシブなHTMLで、バリデーション付きのAJAX PHPお問い合わせフォームも搭載できます。

 

 

 

Alpha

 

Alphaはプロによってデザインされたシンプルなデザインですっきりしたレイアウトのテンプレートです。ビジネス関連のサイトに適したテンプレートです。

 

 

Whole

 

Wholeは細部にまでこだわったデザインです。20種類以上のホームページレイアウトを含み、すべてレスポンシブですぐに使えます!

 

 

 

Viral

 

Viralはフルサイズのヒーローヘッダーに、メガメニュー、厳選されたホバーエフェクトのボタンを含むすっきりしたミニマルなレイアウトのHTML5無料テンプレートです。

 

 

 

Design Agency

 

この無料でクリエイティブなHTMLテンプレートはデザイン会社のサイトのデザインを新しくします。最新のwebデザインの基準に基づいて作られており、大きなヒーロー画像部分や、すっきりしたレイアウト、パララックス画像、フルサイズのグーグルマップなどが搭載できます。

 

 

Ion

 

ブログ用の強力なテンプレートが欲しい方にお勧めのテンプレートです。すっきりしてミニマルなデザイン、ホームページ上部のフルサイズのヒーロー画像、固定メガメニューを搭載できます。

 

 

Modi

 

プロによってデザインされたModiは、プロっぽさを与える機能をたくさん搭載できるHTML5テンプレートです。フルスクリーンスライダー、固定メガメニュー、ホバーエフェクトやパララックスエフェクトの画像、アニメーションの背景などが搭載できます。

 

 

Abele

 

無料webテンプレートのAbeleは、レスポンシブデザイン、メガメニュー、大きなヒーローヘッダーなどが搭載できます。オンラインニュースや教育ブログに適しています。

 

 

Transit

 

無料ウェブサイトテンプレートのTransitを使えば、サイトに新たな見た目とスタイルのほかに比類ない機能を搭載することができます。

 

 

Volton

 

Voltonはフリーランスデザイナーやコピーライターにぴったりな1ページのポートフォリオテンプレートです。左側のサイドバーの垂直メニューのおかげで、ユーザーフレンドリーなインターフェイスと高度なナビゲーションが実現できます。

 

 

Corporate

 

フルスクリーンスライダー、固定メガメニュー、パララックスエフェクト、ホバーエフェクト、遅延読み込みエフェクトを備えたこのプロによるデザインのテンプレートで、強力な企業サイトを作りましょう。

 

 

Luna

 

 

Howdy vCard

 

現代的なスタイルで作られたHowdyはミニマルにデザインされたクリエイティブなデザイナーや写真家に適した履歴書スタイルのポートフォリオです。

 

 

Sedna

 

 

Land.io UI Kit

 

 

ActiveBox

 

 

Horizons

 

すっきりしてミニマルなレイアウトの、シンプルなテンプレートです。企業ブログやニュースブログに適したウェブサイトテンプレートです。

 

 

Masonry

 

現代的かつ格式高い、スタイリッシュでパワフルなオンラインポートフォリオを作りたい方にうってつけのテンプレートです。

 

 

 

Lawyers Bureau

 

この無料HTMLテンプレートは法律の専門家のためにデザインされたので保守的で、すっきりしていてミニマルなレイアウトになっています。完全レスポンシブデザインで、どんな画面の解像度にも自動的に調整してくれます。

 

 

Highlights

 

HighlightsはオンラインのCVやポートフォリオのためのテンプレートです。フルスクリーンスライダーとレスポンシブデザインにより、どんな画面サイズのデバイスにも対応できます。

 

 

Linear

 

Linearは昔ながらの見た目のサイトにも現代的な見た目のサイトにも対応できるテンプレートです。パララックスエフェクトの画像にも対応しており、すっきりしたレイアウトです。

 

 

Web Design

 

メトロスタイルでデザインされたHTML5無料テンプレートです。ホバーエフェクトの丸い画像が搭載できます。

 

 

Thomsoon Responsive Portfolio

 

 

Game of Thrones Responsive Template

 

 

White One-Pager

 

 

Forkio One-Pager

 

 

Tessellate

 

Tessellateはすっきりした1ページのテンプレートです。

 

 

Pichichi

 

Pichichiはレスポンシブなポートフォリオ用テンプレートです。

 

 

My Kingdom

 

My Kingdomは企業向けのフラットなテンプレートです。

 

 

Harbour

 

Harbourはフラットなポートフォリオ用のウェブサイトテンプレートです。

 

 

Treviso

 

Trevisoはすっきりしたポートフォリオのテンプレートです。PSDファイルもダウンロードできます。

 

 

Overflow

 

Overflowは1ページの多目的テンプレートです。

 

 

Start

 

StartはBootstrap 3によって作成された無料の多目的な単ページテンプレートです。

 

 

Big Picture

 

Big Pictureはポートフォリオ用単ページウェブサイトテンプレートです。

 

 

Freebix

 

Freebixはすっきりとした多目的テンプレートです。

 

 

Picku

 

Pickuは写真家やクリエーター向けのミニマルな無料ウェブサイトテンプレートです。

 

 

Prologue

 

Prologueは現代的な左側にサイドバーのある多目的テンプレートです。

 

 

Caprice

 

Capriceはすっきりとしたビジネス向けウェブサイトテンプレートです。

 

 

Landing Page

 

Bootstrapで作成したテンプレートです。

 

 

 

Mamba

 

Bootstrapで作成したフラットなテンプレートです。

 

 

 

Landy

 

フレキシブルな単ページテンプレートです。

 

 

Brushed Template

 

Bootstrap Frameworkをベースにした1ページのHTMLテンプレートです。Retinaディスプレイにも対応しています。

 

 

Escape Velocity

 

フラットデザインの無料HTML5レスポンシブテンプレートです。

 

 

Serendipity

 

無料でレスポンシブな単一カラムブログ用テンプレートです。

 

 

Varna Template

 

フラットでミニマルなスタイルでデザインされた、レスポンシブで機能性豊富な個人ポートフォリオ用無料テンプレートです。

 

 

Century

 

仕事用ポートフォリオのソート機能やオーディオプレーヤーのついたレスポンシブHTML5テンプレートです。

 

 

Responsive Wedding

 

jQuery WaypointsとScrollToを使って滑らかな単ページのレイアウトを実現した、無料でレスポンシブな多機能HTML5テンプレートです。

 

 

まとめ

 

サイトぴったりなテンプレートを見つけて、新しいデザインで機能の豊富なサイトを作ってみてください。ここで紹介したHTML5テンプレートを使えば、サイト訪問者を新たに開拓し、コンバージョン率も上げられるはずです。

おすすめ新着記事

おすすめタグ