マーカーネット株式会社

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

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

関連記事

【複数SNS利用者必見!】「Everypost(エブリーポスト)」でラクラク投稿

【複数SNS利用者必見!】「Everypost(エブリーポスト)」でラクラク投稿

Facebook、Twitter、Google+、Tumblrなど、 数年の間でSNSの数もぐっと増えてきましたね。 その数と共に個人で所有するアカウントも増えるわけですが・・・ 同じような投稿をそれ …

【意外と知られていないIllustrator小技】たったの2STEPで画像をベクターに変換!

【意外と知られていないIllustrator小技】たったの2STEPで画像をベクターに変換!

WEBサイトのデザイン素材を紙媒体に使うとき、ベクターのデータがなくて困ったことありませんか? ペンツールでトレースするのも時間がかかるし、Photoshopでパスを作成したら境界がギザギザになってし …

WEBサイトの配色に迷った時の必見サイト!をご紹介。

WEBサイトの配色に迷った時の必見サイト!をご紹介。 http://www.markernet.co.jp/blog/2015/08/10/post-5960/ Facebook

【Photoshop マジック】ビンテージ風の素材がさくさくカンタンに作れちゃう!

Webデザインのトレンド手法のひとつとして、「レトロ感」や「ヴィンテージ感」のあるwebデザインがよく見かけます。 素材がなくても、Phoshopを使えば普通の写真もステキな素材になります! ここで写 …

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

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

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