WEBマーケティングを学ぶためのメールマガジン

※メルマガ内容は省略されています。もっと詳しく見る

• 
• 

洗練されたウェブサイトの秘訣は「動き」にある

配信日：2017年11月12日

こんにちは。中田です。
いつもありがとうございます。

-----------------------------------------
高度な検索機能を実装したポータルサイト構築WordPressテーマ
http://design-plus1.com/tcd-w/tcd050
-----------------------------------------


■洗練されたウェブサイトの秘訣は「動き」にある

昔はマウスを画像やテキストの上に持っていっても
色が変わるくらいだったのですが、
今はアクションそのものがウェブサイトのデザインで
重要視されるようになりました。

つまり、「動き」の部分ですね。

「動き」が古臭いか、洗練されているかどうか。
ここでウェブサイトの印象が大きく変わるわけです。

これはウェブ関係の人なら
たいてい同じことを言いますね。

ウェブデザインを平面として捉えるのではなく、
訪問者の心地よさだったり気持ちよさだったりを
どう動きを感じさせるかということですね。

例えば、「BLOC」のデモサイトみたいなロールオーバーアクション。

BLOCデモ： http://tcdwp.net/tcd035/
http://design-plus1.com/tcd-w/tcd035

画像の上にマウスを載せてみてください。

サーッと半透明な赤色の背景色と
白いテキストが浮かんできますよね。

昔は、一瞬でチカッと画像が白くなるだけのものが多かったんですが、
このようにアクションの表示速度や背景色、透明度とか調整しているわけです。

シンプルですが、気持ちのいいロールオーバーですよね。

さらに上級な使い方だとこんな表現の仕方もあります↓。
ヘッダーのところにマウスを持っていってみてください。

VOGUEデモ ：http://tcdwp.info/tcd051/
http://design-plus1.com/tcd-w/tcd051

これは4枚のパネルに分かれています。
ロールオーバーすると動画や静止画に切り替わるのですが、
どこをロールオーバーするかで切り替わるイメージも変わるので
「隠しイメージ」みたいなものなわけです。

で、必ずメニューやスクロールする時に
マウスが他のパネルに触れるので、
ユーザーに確実に驚きを与えることになるわけです。

オシャレな演出でしょ？

このように「動き」をどう表現するかって
ウェブサイトでかなり重要なんですね。

TCDではいかに新しく、洗練された動きを
ユーザーに体感してもらえるようなデザインを提供しています。


それではまた。


■国内トップクラスの
「費用対効果」「機能性」「デザイン」を兼ね備えた日本語用ブログテンプレート

一流のブロガーの為の、一流のWordPressブログテンプレート
http://design-plus1.com/tcd-w/tcd036

かつてないほど気品あふれるラグジュアリーなWordPressテーマ
http://design-plus1.com/tcd-w/tcd041

成約率を極限にまで高めるランディングページを構築するWordPressテーマ
http://design-plus1.com/tcd-w/tcd048

ヘッダーにフルスクリーンのYoutube、MP4動画を搭載するWordPressテーマ
http://design-plus1.com/tcd-w/tcd037

広告収入をアップさせるアフィリエイト特化型WordPressテーマ
http://design-plus1.com/tcd-w/tcd049


【メルマガプライバシーポリシー】
登録された個人情報（メールアドレス）を正しく保管し、
漏えいすることのないよう、保護に努めることを宣言します。
アドレスには、当メルマガの配信以外には使用致しません。


【190,000部のメルマガに広告を掲載できます】
http://design-plus.info/advertise/


【株式会社デザインプラスとは？】
http://design-plus.info/


【運営サイト】
・WordPressテーマTCD http://design-plus1.com/tcd-w/
・フォトマルシェ http://photomarche.net/
・ロゴマルシェ　http://logo-marche.net/
・ボタンマルシェ http://button-marche.net/


【WordPressテーマTCDの更新情報】
2017.11.10 【VOGUE：tcd051】Ver1.1→1.1.1
2017.11.10 【STYLY】Ver1.0→1.0.1
2017.11.08 【SKIN】Ver1.0.6→1.0.7
2017.10.25 【CORE：tcd027】Ver4.0.2→4.0.3
2017.10.24 【SOURCE：tcd045】Ver1.2→1.3
2017.10.24 【LAW：tcd031】Ver3.1→3.2
一覧はこちら http://design-plus1.com/tcd-w/update


【お問い合わせ・ご質問はこちら】
当社へのお問い合せ http://design-plus.info/contact/
TCDテーマに関するお問い合せ http://design-plus1.com/tcd-w/contact
求人採用について http://design-plus.biz/


【メールマガジン バックナンバー】
http://mip.y-ml.com/_bcn?id=1001



最後までお読み頂きありがとうございました。
---------------------------------------------------------
発行者： 株式会社デザインプラス
担当者： 中田俊行
所在地： 大阪市淀川区西中島6丁目8-23 ビープラスビル7F
連絡先： http://design-plus.info/contact/

Copyright DesignPlus CO.,LTD. All Rights Reserved.
---------------------------------------------------------

◎このメルマガに返信すると発行者さんにメッセージを届けられます
※発行者さんに届く内容は、メッセージ、メールアドレスです

◎WEBマーケティングを学ぶためのメールマガジン
のバックナンバーはこちら
⇒ http://archives.mag2.com/0000249193/index.html?l=hxw001e714

◎WEBマーケティングを学ぶためのメールマガジン
の配信停止はこちら
⇒ http://www.mag2.com/m/0000249193.html?l=hxw001e714