マーカーネット株式会社

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

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

関連記事

【デザインに一工夫】ちょっと変わったアイコン素材サイト3選

【デザインに一工夫】ちょっと変わったアイコン素材サイト3選

日頃WEBデザインの仕事に携わる関係上、素材サイト巡りをすることがよくあります。 その中で、最近面白いなと思ったサイトをご紹介したいと思います。   ヒューマンピクトグラム2.0 http: …

【ワイヤー作成をラクにする!】レスポンシブ・ウェブデザイン(RWD)向けワイヤーツール

【ワイヤー作成をラクにする!】レスポンシブ・ウェブデザイン(RWD)向けワイヤーツール

サイトの設計図とも言えるワイヤーフレームを作成することは、ウェブ制作において大事なステップです。 ワイヤーフレームとはサイトの大まかなレイアウト、必要な要素、コンテンツの優先順位を示したもので、ワイヤ …

CSS3の便利機能紹介。

CSS3の便利機能紹介。 http://www.markernet.co.jp/blog/2015/09/03/post-6063/ Facebook

脱初心者!CSSのちょっとしたテクニック!CSSが効かない問題を回避!

脱初心者!CSSのちょっとしたテクニック!CSSが効かない問題を回避!

「CSSを設定したのに効かない!?」っていうことありますよね。 その場合、一概には言えませんが、もしかしたらCSSの書き方が原因かもしれません。 下記を参考に、CSSを書き直せば直る可能性もぐっと高ま …

ホームページに掲載するメールアドレスはエンティティ化で迷惑メール排除

なんかホームページ公開したら急に迷惑メール増えたなぁ。 という方、ホームページにそのままメールアドレスを掲載していませんか? ホームページは全世界に公開されているもので、当然テキスト情報も全て公開され …