デザイン性だけでなく使い心地にもこだわった、ウェブデザイン制作をグッと楽にする、無料HTMLテンプレート素材をまとめました。
先日ご紹介した、2016年のウェブデザイントレンドにも取り上げられていた、滑らかなアニメーションやカード型レイアウトなどを採用した、新しいデザインスタイルを中心に集めています。これからのデザイン制作に利用してみてはいかがでしょう。
詳細は以下から。
美しさと使いやすさを両立！無料ダウンロードできるHTMLテンプレートまとめ
無駄なパーツを一切省いたミニマルスタイルで、トップページ以外に全5ページを収録しています。グリッド切り替えボタンなど、レイアウトとアニメーションにこだわった作品。
Ten + Free PSD & HTML Template
スクロールする度に滑らかなアニメーションと一緒にコンテンツが表示される、ダーク系テンプレート。こちらもトップページの他に、ブログやギャラリーページなども収録されています。
カード型レイアウトでブログコンテンツを魅せます。余白スペースをたっぷり確保されているので、読んでいて疲れないデザインが素敵。
各コンテンツの余白スペースを十分に考慮した、今年を代表するミニマルスタイルのテンプレート。
イメージ写真をタイトル状に表示した、ギャラリーサイト向けHTML5/CSS3 テンプレート。写真をクリックすると、背景をぼかしてポップアップ表示されます。
あらゆる端末からの閲覧に対応するレスポンシブデザインで、タイトル状に並べたサムネイル画像が印象的なレイアウト。
サービス内容からギャラリー、お問い合わせなどさまざまなコンテンツをシングルページにまとめたレイアウト。スクロールに応じたアニメーションが魅力的。
今年のデザイントレンドのひとつ、イラストデザインを全面に利用した、レスポンシブデザイン対応のシングルページ用レイアウト。
フルスクリーン写真を利用したヘッダーに、コンテンツをアウトラインで囲んだ、ミニマルなデザインでまとめたレイアウト。
ハンバーガーをモチーフに作成された、食べものやレストラン系の業種にオススメのテンプレート。
企業サイトなどあらゆるニーズに答えてくれる、シンプルでカスタマイズしやすい、Bootstrap製HTML5/CSS3 テンプレート。
フルスクリーン単位で切り替わるコンテンツに、より直感的に分かりやすいナビゲーションメニューを採用したHTML／CSSスニペット。
コンテンツ目次と一緒に、スクロールで稼働する読み込みローディングをSVGファイルで実現しています。
時空列に並べられた、水平方向のタイムライン。イベントをクリックする度に、コンテンツがスライド式に切り替わります。
ウェブサイトのヘッダー部分に、ヒーローイメージとして活用したいレイアウト8種類を用意しています。フルスクリーンによるビデオ動画表示にも対応しています。
Animated Map Path for Interactive Storytelling
ストーリーに合わせて、SVGで描かれた地図がアニメーション付きで変化する、インタラクティブな体験を提供するテンプレート。
ウィジェット機能にも利用できる、カード式グリッドレイアウト。
Flat Soccer Scoreboard Responsive Widget
サッカーの試合結果を分かりやすく伝える、フラットスタイルのウィジェット用レイアウト。
レベル高っ！Bootstrap製HTML5/CSS3無料テンプレートを配布するサイト FreeHTML5.Co
こちらのサイトでは、Bootstrapフレームワークを利用したテンプレートのみを、無料配布しています、一緒にチェックしてみてはいかがでしょう。
投稿美しさと使いやすさを両立！無料ダウンロードできるHTMLテンプレート20個まとめはPhotoshopVIPの最初に登場しました。