マーカーネット株式会社

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

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

関連記事

知ってそうで知らないCSS3の便利な使い方【その4:複数背景指定】

今回はCSS3から可能になったbackgroundプロパティでの複数指定をご紹介します。 以前は1要素に指定出来る背景画像は1つでしたので複数の背景画像を使用したい場合には要素を入れ子等にして対応して …

【グラフィック V.S. Webデザイン】グラフィック制作とWeb制作の違い-1-

こんばんは、デザイナーのOです。 実は私はグラフィックデザイナー出身で、約1年半前にWeb業界に入りました。 Webについてまだまだ勉強中の自分ですが、 実際にWeb制作に携わって感じた、グラフィック …

CakePHP2.Xで404 Not Foundエラーをリダイレクトする方法

CakePHP2.Xで404 Not Foundエラーをリダイレクトする方法

CakePHP2.Xでは、404 NOT Foundエラーが発生した場合、 デフォルトでは、 app/View/Errors/error400.ctp の内容が表示されます。 サイトによっては、 40 …

中国語サイトのスマートフォンサイト制作 は必要か?必須か?

中国語サイトのスマートフォンサイト制作 は必要か?必須か?

ChiKuu(チークー)という、海外で活躍するスポーツ選手や実業家、アーティストのつぶやきや最新情報などを翻訳してくれるウェブサイトに、新しい表示言語として簡体字中国語が加わりました。 ChiKuu. …

動物や人物の写真を一瞬で切り抜き?!すごすぎる無料ツール「remove.bg」

こんにちは、デザイナーのAです。 今回は人物や動物が映った写真の背景だけを一瞬で切り抜いてくれる無料ツール「remove.bg」をご紹介します。 ※6月のアップデートデートでかなり対象の幅が広がったよ …