みなさま、レスポンシブデザインはお得意でしょうか?
私はと言いますと毎回、基本構成がほぼ同じようなデザインになります。
コーディングで楽したい。というのももちろんありますが
レスポンシブにコーディングできるデザインのボキャブラリーというか
インスピレーションというか、そういうデザインのネタがあまりないんですよね。
そんなわけでクオリティの高いレスポンシブデザインをいっぱい見て勉強できるように
デザインギャラリーサイトをご紹介します。
もっと楽をしたい私みたいな人のためにはレスポンシブ対応無料HTMLテンプレートもご紹介しますよ。
レスポンシブ デザインギャラリー集
RESPONSIVE GALLERY
サムネイルだけだとサイズ別のデザインがわかりませんが
おしゃれなレスポンシブデザインのサイトはたくさん掲載されています。
このサイト自体がもうオシャレ。
Responsive from ZURB
こちらのサイトは一覧の時点でサイズ別のデザインが2種類表示されているので
参考にしたいと思うようなデザインを見つけやすいです。
RESPONSIVE DECK
4サイズ一気に見られる!
検索でWordpressのテーマだけに絞り込むこともできます。
有料のテーマ購入を検討している方にもいいかもしれないですね。
レスポンシブ対応 無料テンプレート
Enzyme Free Responsive HTML5 Template
デザインはコーポレートサイトっぽいですが動きがかっこいいです。
企業向け意外にも使えそうです。
zDesignCom – Free Responsive Html5 Theme
メインビジュアルの画像がクリックしたら回るやつです。
横幅が狭いときはスライドショーになります。
zAgroPlus – Free Responsive Html5 Theme
透けてる感じがいいです。
レスポンシブ関係ないけど料金表部分のCSSが気に入りました。
zGallering – Free Responsive Html5 Theme
スマートフォンサイズにしてもサムネイル付きスライダーなのがいいですね!
ブログのデザインもシンプルでカスタマイズしやすそうです。
HTML5 UP
こちらは複数の無料レスポンシブテンプレートを配布しているサイトです。
これが無料でいいんですか!?っていうクオリティのhtml5テンプレートが複数あります。
ワンページスクロールやアプリっぽいデザインのテンプレートなど。
まとめ
レスポンシブ対応のサイトを作ることが多くなってきたのですが
最近はほとんどWordpressのフレームワークを使用していたので、レスポンシブなデザインを1から考えるのは久しぶりでした。
今回紹介したサイトをチェックしてオシャレさを取り入れたいと思います!
皆様も是非ご活用下さい。