マーカーネット株式会社

WEB制作ブログ WEBデザイン、HTMLコーディング、PHP、スマートフォン制作などWEB制作全般に役立つ情報を発信していきます。

WEBサービス WEBデザイン WEB制作

WEBトレンド!?パーツの動きに注目!!~素敵サイトの旅 その2~

投稿日:2015年1月7日 更新日:

明けましておめでとうございます。web初心者のKです!

本年もどうぞよろしくお願いいたします。

みなさま、お正月はいかがお過ごしでいたでしょうか?
私はあまりに寒すぎて冬眠できないかな~、と、
食いだおれておりました。

それはさておき、
年末年始に、よく拝見させていただいている
Webデザインギャラリーさんに続々と新しいサイトが入ってきましたので、
早速チェック!!してみました!

ご紹介致します!

2

http://www.sokenbicha.jp/

なんかもう見ているだけで元気が出そう!なサイトです。
写真のトリミングが不規則に動くことで、
画面に飲料ぽっさが表現されています。
しかも!
スクロールすると、このトリミングがボールみたいにボヨンと動く!!
芸が細かくてしびれました!!
もう今日は動けないかもしれません。

さてさて、お次は。

1

http://www.happytoysproject.com/

メニューが両サイドに置かれていることで、
ワイド感がでている上に、
デザインの間延びがなく、画面のバランスがとても素敵です。
写真や人形の動き方もかわいらしく、
見ている人を楽しませたい気持ちが伝わります。

そして最後はこちら。

3

http://houseblend.jp/

なんかもう、ずっと画面を見ていたくなります。
全体がまとまっており、文字も読みやすいですが、
それに加え、細かい動きが随所にちりばめられ、
何か面白いことをしてくれそうな
期待感が高まるサイトだと思います。

その他にも、下記のサイトも、
今後の参考にしたい!と気になっています。

http://luckiis.com/

私から見た全体の印象では、
パララックスのような大胆な動きではなく、
細かいパーツに動きのあるサイトが増えた!ように思います。

動きはありすぎると、
文字に目がいかなくなることも多々ありますが、
程よく取り入れてより読みたくなるようなサイトに
仕上げられたら素敵ですよね。

またひとつ勉強になった、素敵サイトの旅でした!

ではでは、これにて。
ドロン!

このブログをご覧になった方で素敵サイトづくりにお悩みでしたら、

マーカネット株式会社にてホームページ制作やご依頼を承っておりますので、

お気軽にこちらからご相談ください。

-WEBサービス, WEBデザイン, WEB制作

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

リンク切れを自動的にチェックしてくれるワードプレスのプラグイン

リンク切れを自動的にチェックしてくれるワードプレスのプラグイン

リンクチェックしていますか? マニュアルでチェックするとたいへんですよね。 WordPressには自動で定期的にリンク切れをチェックしてくれる 便利なプラグインがございます。 その名もズバリ、「Bro …

Dropboxを使ってスタティックサイトを簡単に作れるサービス「Brace」

Dropboxを使ってスタティックサイトを簡単に作れるサービス「Brace」

今ではスタティックなWebサイトからでもHTML5と最新のJavaScript環境(各種の既製ライブラリ、フレームワークなど)があれば、相当複雑高度なサービスを提供できますよね。 そんなスタティックな …

ボタンを押すだけ!? 【Photoshop】 フリー  レイヤースタイル ゴールド(金色)系 厳選素材まとめ!

ボタンを押すだけ!? 【Photoshop】 フリー  レイヤースタイル ゴールド(金色)系 厳選素材まとめ!

こんにちは。 今回はクリックするだけでゴールド&メタリックな質感のデザインが作れてしまうPhotoshopのレイヤースタイル素材と活用方法についてご紹介いたします。 このフレームを・・・ たっ …

面白い動きや便利な機能をJSで実装! その2:いろんな種類のグラフを簡単に作成!

面白い動きや便利な機能をJSで実装! その2:いろんな種類のグラフを簡単に作成!

以前ご紹介しました面白い動きや便利な機能をJSで実装! その1:簡単にグラフを作成する方法!の応用編になります。 前回は折れ線グラフをご紹介致しましたが、今回は「棒グラフ」「レーダーチャート」「円グラ …

モバイルフレンドリーでいたい!~素敵サイトレスポンシブの旅~

みなさん、こんにちは! web初心者のKです! この度、googleがモバイルフレンドリーな webサイトのランクを上げるアルゴリズムの変更を発表しましたね! http://www.itmedia.c …