Advertisement

latesthtml2016jan-top

 

デザイン性だけでなく使い心地にもこだわった、ウェブデザイン制作をグッと楽にする、無料HTMLテンプレート素材をまとめました。

 

 

先日ご紹介した、2016年のウェブデザイントレンドにも取り上げられていた、滑らかなアニメーションカード型レイアウトなどを採用した、新しいデザインスタイルを中心に集めています。これからのデザイン制作に利用してみてはいかがでしょう。

 

 

 

詳細は以下から。

 

 

 

美しさと使いやすさを両立!無料ダウンロードできるHTMLテンプレートまとめ

 

Urku

無駄なパーツを一切省いたミニマルスタイルで、トップページ以外に全5ページを収録しています。グリッド切り替えボタンなど、レイアウトとアニメーションにこだわった作品。

urku-free-website-template

 

 

 

Ten + Free PSD & HTML Template

スクロールする度に滑らかなアニメーションと一緒にコンテンツが表示される、ダーク系テンプレート。こちらもトップページの他に、ブログやギャラリーページなども収録されています。

ten-template

 

 

 

Future Imperfect

カード型レイアウトでブログコンテンツを魅せます。余白スペースをたっぷり確保されているので、読んでいて疲れないデザインが素敵。

future-imperfect

 

 

 

Hyperspace

各コンテンツの余白スペースを十分に考慮した、今年を代表するミニマルスタイルのテンプレート。

hyperspace

 

 

 

Multiverse

イメージ写真をタイトル状に表示した、ギャラリーサイト向けHTML5/CSS3 テンプレート。写真をクリックすると、背景をぼかしてポップアップ表示されます。

multiverse

 

 

 

zMarketing

あらゆる端末からの閲覧に対応するレスポンシブデザインで、タイトル状に並べたサムネイル画像が印象的なレイアウト。

zmarketing-responsive-business-html-template

 

 

 

Buje

サービス内容からギャラリー、お問い合わせなどさまざまなコンテンツをシングルページにまとめたレイアウト。スクロールに応じたアニメーションが魅力的。

buje-landing-page-html-template

 

 

 
Triangle

今年のデザイントレンドのひとつ、イラストデザインを全面に利用した、レスポンシブデザイン対応のシングルページ用レイアウト。

thumbnail

 

 

 

Design Lab

フルスクリーン写真を利用したヘッダーに、コンテンツをアウトラインで囲んだ、ミニマルなデザインでまとめたレイアウト。

design-lab-one-page-home-html-template

 

 

 

Auberge

ハンバーガーをモチーフに作成された、食べものやレストラン系の業種にオススメのテンプレート。

auberge

 

 

 

Aisha

企業サイトなどあらゆるニーズに答えてくれる、シンプルでカスタマイズしやすい、Bootstrap製HTML5/CSS3 テンプレート。

aisha-minimal-style-agency-bootstrap-template

 

 

 
Vertical Fixed Navigation #2

フルスクリーン単位で切り替わるコンテンツに、より直感的に分かりやすいナビゲーションメニューを採用したHTML/CSSスニペット。

vertical-fixed-navigation-2-featured

 

 

 

Reading Progress Indicator

コンテンツ目次と一緒に、スクロールで稼働する読み込みローディングをSVGファイルで実現しています。

reading-progress-indicator-featured

 

 

 

Horizontal Timeline

時空列に並べられた、水平方向のタイムライン。イベントをクリックする度に、コンテンツがスライド式に切り替わります。

horizontal-timeline-featured

 

 

 

Animated Intro Section

ウェブサイトのヘッダー部分に、ヒーローイメージとして活用したいレイアウト8種類を用意しています。フルスクリーンによるビデオ動画表示にも対応しています。

animated-intro-section-featured

 

 

 

Animated Map Path for Interactive Storytelling

ストーリーに合わせて、SVGで描かれた地図がアニメーション付きで変化する、インタラクティブな体験を提供するテンプレート。

StorytellingMap

 

 

 

Cafe Racer Responsive Widget

ウィジェット機能にも利用できる、カード式グリッドレイアウト。

cafe_racer_widget

 

 

 

Flat Soccer Scoreboard Responsive Widget

サッカーの試合結果を分かりやすく伝える、フラットスタイルのウィジェット用レイアウト。

soccer_widget

 

 

 

レベル高っ!Bootstrap製HTML5/CSS3無料テンプレートを配布するサイト FreeHTML5.Co

こちらのサイトでは、Bootstrapフレームワークを利用したテンプレートのみを、無料配布しています、一緒にチェックしてみてはいかがでしょう。