マーカーネット株式会社

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

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

関連記事

手軽に雰囲気を変える!無料英字webフォントのまとめ -個性的編-

手軽に雰囲気を変える!無料英字webフォントのまとめ -個性的編-

webフォントは日本のホームページには今一歩馴染みが無いかもしれませんが これから先、SEOを視野に入れたものはほぼテキストで作成することが望まれます。 今回はその第一弾として「個性的な英字フォント( …

簡単レシピ!アメコミ風デザイン素材と活用法!!

今回はアメコミ風のデザインを作るときに役立つフリー素材と活用法をご紹介いたします。 まずは実際のアメコミを見て、簡単に特徴を分析してみます。 アメコミでgoogle画像検索をかけると、、、 とってもカ …

ウェブデザインの幅が広がるFREEフォントの紹介

ウェブデザイン作りに当たって、フォントの選択はすごく大事なところであり難しい問題です。 普段、使うフォントってもう決まっていたりしませんか? 私の場合、欧文はHELVETICA,Futuraを和文はモ …

面白い動きや便利な機能をJSで実装! その1:簡単にグラフを作成する方法!

折れ線グラフ、棒グラフ、円グラフ、レーダーチャートなどを 作成することができる「Chart.js」をご紹介致します。 今回は一番汎用性の高いと思われる折れ線グラフを作成してみたいと思います。 表示の瞬 …

【ホームページ作成初心者向け】誰でも使えるCSS自動生成ジェネレーター

【ホームページ作成初心者向け】誰でも使えるCSS自動生成ジェネレーター

ホームページの制作のフローの中でCSS(スタイルシート)という見た目を指定するものがあります。今回の記事は仕事で常日頃CSSに携わってる方向けというよりはブログのテンプレートをカスタマイズしたり、自分 …