<?xml version="1.0" encoding="utf-8" ?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>朱加流・サイト100選</title>
<link>https://ameblo.jp/syuka-nanairo/</link>
<atom:link href="https://rssblog.ameba.jp/syuka-nanairo/rss20.xml" rel="self" type="application/rss+xml" />
<atom:link rel="hub" href="http://pubsubhubbub.appspot.com" />
<description>このブログは朱加のオススメするサイト100選です！気に入ったサイト、デザインのどこが良いかを評価させていただきます。</description>
<language>ja</language>
<item>
<title>３０.LOUIS VITTON</title>
<description>
<![CDATA[ <p style="text-align: center;"><a href="https://stat.ameba.jp/user_images/20170813/03/syuka-nanairo/8b/7c/p/o1402081014003765316.png"><img alt="" height="243" src="https://stat.ameba.jp/user_images/20170813/03/syuka-nanairo/8b/7c/p/o1402081014003765316.png" width="420"></a></p><p style="text-align: left;">引用：<a href="http://jp.louisvuitton.com/jpn-jp/homepage" target="_blank">http://jp.louisvuitton.com/jpn-jp/homepage</a></p><p style="text-align: left;">&nbsp;</p><p style="text-align: left;">今回はルイヴィトンのホームページです。</p><p style="text-align: left;">世界に名を轟かすファッションブランドなので、奇抜な雰囲気の画像がちらほらとあります。</p><p style="text-align: left;">しかし現在のトップページの画像は白黒写真の市川海老蔵さん。何かと思ったら、新作の時計「ターンブル・ホライゾン」の宣伝だったのですね。このページが面白いです。トップページのこの画像をクリックすると特設サイトへ飛ぶのですが、しばらくすると世界の俳優さんたちが自国の言葉でセリフをしゃべる動画が自動再生されます。時を刻むということをモチーフとした試みのようです。</p><p style="text-align: left;">ページ全体にアニメーションや動画を多様し、インパクトを与えるページ作りの工夫がされています。</p>
]]>
</description>
<link>https://ameblo.jp/syuka-nanairo/entry-12301060345.html</link>
<pubDate>Sun, 30 Apr 2017 00:00:00 +0900</pubDate>
</item>
<item>
<title>２９.Lipton Fruits in Tea</title>
<description>
<![CDATA[ <p style="text-align: center;"><a href="https://stat.ameba.jp/user_images/20170813/03/syuka-nanairo/ff/20/p/o1402083114003764011.png"><img alt="" contenteditable="inherit" height="249" src="https://stat.ameba.jp/user_images/20170813/03/syuka-nanairo/ff/20/p/o1402083114003764011.png" width="420"></a></p><p style="text-align: left;">引用：<a href="http://brand.lipton.jp/leaf/fruits_in_tea/?ad=banner1394" target="_blank">http://brand.lipton.jp/leaf/fruits_in_tea/?ad=banner1394</a></p><p style="text-align: left;">&nbsp;</p><p style="text-align: left;">今回はリプトンのFruits in Teaのページをご紹介します。</p><p style="text-align: left;">大きな一枚広告、という感じのページ構成です。ページの背景にフレッシュなフルーツの画像が使われているので、甘い香りがこちらまで漂ってきそうな感覚になります。</p><p style="text-align: left;">リプトンのロゴの色である黄色に、赤い文字がふんだんに使われています。赤は強調食なのでこれだけ赤が使われていると目にきそうだと思いがちですが、文字と文字の隙間が程よく空いていることと丸みがかったフォントを使っていること、フォントが細いことによって全くうるささがありません。</p><p style="text-align: left;">これだけの画像と色を使っているのにごちゃごちゃせず、むしろすっきりしています。デザインを勉強する上でとても参考になるページです。</p><p style="text-align: left;">フルーツティーの作り方を見て、思わず真似して作りたくなってしまいました。</p>
]]>
</description>
<link>https://ameblo.jp/syuka-nanairo/entry-12301059711.html</link>
<pubDate>Sat, 29 Apr 2017 00:00:00 +0900</pubDate>
</item>
<item>
<title>２８.Apple</title>
<description>
<![CDATA[ <p style="text-align: center;"><a href="https://stat.ameba.jp/user_images/20170813/03/syuka-nanairo/5e/a9/p/o1509085114003762462.png"><img alt="" height="237" src="https://stat.ameba.jp/user_images/20170813/03/syuka-nanairo/5e/a9/p/o1509085114003762462.png" width="420"></a></p><p style="text-align: left;">引用：<a href="https://www.apple.com/jp/" target="_blank">https://www.apple.com/jp/</a></p><p style="text-align: left;">&nbsp;</p><p style="text-align: left;">今回は、我らがAppleさんのホームページです。いつもお世話になっております。</p><p style="text-align: left;">（余談ですが、私はiPhoneとiMacを使っています。iMacは型が古いので、そろそろ買い換えないとアップデートができなくなってきました…）</p><p style="text-align: left;">Appleのページを見ていつも思うのが、商品の見せ方が上手いということです。大きい１枚画像で異なる大きさの製品を並べていたり、製品の角度を変えたり。スマートなデザインなので、思わずこの商品いいなと欲しくなってしまいます。</p><p style="text-align: left;">あとは、OSのページのキービジュアルの画像がすごく綺麗です。以前は動物で最近は山ですが、画像の迫力に圧倒されます。まるで吸い込まれてしまいそうなぐらい綺麗ですよね。鮮やかさがお見事です。</p><p style="text-align: left;">Appleのページは、テキストやデザイン以上に画像でのアピールの大切さがわかるページだと思います。</p>
]]>
</description>
<link>https://ameblo.jp/syuka-nanairo/entry-12301059187.html</link>
<pubDate>Fri, 28 Apr 2017 00:00:00 +0900</pubDate>
</item>
<item>
<title>２７.OLYMPUS</title>
<description>
<![CDATA[ <p style="text-align: center;"><a href="https://stat.ameba.jp/user_images/20170813/02/syuka-nanairo/43/cf/p/o1346079814003760758.png"><img alt="" height="249" src="https://stat.ameba.jp/user_images/20170813/02/syuka-nanairo/43/cf/p/o1346079814003760758.png" width="420"></a></p><p style="text-align: left;">引用：<a href="https://olympus-imaging.jp/" target="_blank">https://olympus-imaging.jp/</a></p><p style="text-align: left;">&nbsp;</p><p style="text-align: left;">今回はオリンパスのホームページを見ていきましょう。</p><p style="text-align: left;">オリンパスのページは、基本的なホームページの構成（上にロゴがあり、メニューがあってその下にキービジュアル、さらに下にはコンテンツ）なのですが、製品がかっこよく見えます。ページ中央の製品紹介が黒背景で、製品バナーが白背景なのでそのせいでしょうか。</p><p style="text-align: left;">メニューにカーソルを合わせるとさらに細かいリンクメニューがキービジュアルにかぶさるように出てきます。製品のバナーをクリックすると、外観はトップページの仕様のまま、キービジュアルと製品バナー、製品紹介の部分などがその商品の種類の画像に入れ替わります。</p><p style="text-align: left;">独自のWebデザインを追求していく前に、基本的なページの構成を学べるいい見本のページだと思いました。</p>
]]>
</description>
<link>https://ameblo.jp/syuka-nanairo/entry-12301058576.html</link>
<pubDate>Thu, 27 Apr 2017 00:00:00 +0900</pubDate>
</item>
<item>
<title>２６.HARRY WINSTON</title>
<description>
<![CDATA[ <p style="text-align: center;"><a href="https://stat.ameba.jp/user_images/20170813/02/syuka-nanairo/95/f3/p/o1291081214003758865.png"><img alt="" height="264" src="https://stat.ameba.jp/user_images/20170813/02/syuka-nanairo/95/f3/p/o1291081214003758865.png" width="420"></a></p><p style="text-align: left;">引用：<a href="http://www.harrywinston.com/ja" target="_blank">http://www.harrywinston.com/ja</a></p><p style="text-align: left;">&nbsp;</p><p style="text-align: left;">今回は言わずと知れた高級ジュエリーブランド、ハリーウィンストンのホームページを紹介します。</p><p style="text-align: left;">目が飛び出るほど高級なブランドなのでホームページも思わず身構えてしまったのですが、全くそんな心配はなく馴染みやすいページです。</p><p style="text-align: left;">トップページはスクロールなしのページで、全画面の背景がスライドで入れ替わります。上部のメニューにカーソルを合わせるとさらに細かく区分されたメニューが出てきます。</p><p style="text-align: left;">ジュエリーの紹介ページは商品にカーソルを合わせると周りの画像は暗くなり、そこだけ浮き出たように画像が明るくなります。宝石の輝きの表現でしょうか。</p><p style="text-align: left;">ところどころアニメーションを多様していますが、全くしつこさがありません。ジュエリーの高級感よりも、ウェディングなどの幸福感などが表れているホームページだと思いました。</p>
]]>
</description>
<link>https://ameblo.jp/syuka-nanairo/entry-12301057964.html</link>
<pubDate>Wed, 26 Apr 2017 00:00:00 +0900</pubDate>
</item>
<item>
<title>２５.星野リゾート</title>
<description>
<![CDATA[ <p style="text-align: center;"><a href="https://stat.ameba.jp/user_images/20170813/01/syuka-nanairo/0f/c1/p/o1291085314003749037.png"><img alt="" height="278" src="https://stat.ameba.jp/user_images/20170813/01/syuka-nanairo/0f/c1/p/o1291085314003749037.png" width="420"></a></p><p style="text-align: left;">引用：<a href="http://www.hoshinoresort.com/" target="_blank">http://www.hoshinoresort.com/</a></p><p style="text-align: left;">&nbsp;</p><p style="text-align: left;">今回は星野リゾートのページをご紹介します。星野リゾートは今年に入ってから様々なメディアで取り上げられているのをよく目にしました。そこで抱いた星野リゾートのイメージは「おしゃれなホテル」だったので、ホームページを開いたときのこの和風感に少し驚きました。</p><p style="text-align: left;">ページへのリンクは旅館の種類や都道府県、季節の行事ごとに分けられていて、これなら旅行の目的地にある星野リゾート系列の旅館を探すのに迷いません。全体的にセピアがかった感じの色合いで、どことなく安心感があります。</p><p style="text-align: left;">&nbsp;</p><p style="text-align: left;">このホームページを見て改めて感じたことは、「和」の表現は和風の背景を入れなくてもできるのだということです。星のやのページにそれが表れています。白背景に黒の明朝系のフォントで十分に表現できるのだなと、それを再確認させられました。そして画像の配置方法を工夫することで、日本らしさを伝えられるんですね。</p><p style="text-align: left;">星野リゾートは日本を大切にしている企業さんだと思わせられるホームページでした。</p>
]]>
</description>
<link>https://ameblo.jp/syuka-nanairo/entry-12301055268.html</link>
<pubDate>Tue, 25 Apr 2017 00:00:00 +0900</pubDate>
</item>
<item>
<title>２４.PARCO</title>
<description>
<![CDATA[ <p style="text-align: center;"><a href="https://stat.ameba.jp/user_images/20170813/01/syuka-nanairo/4b/b6/p/o1256082814003743865.png"><img alt="" height="277" src="https://stat.ameba.jp/user_images/20170813/01/syuka-nanairo/4b/b6/p/o1256082814003743865.png" width="420"></a></p><p style="text-align: left;">引用：<a href="http://parco.jp/" target="_blank">http://parco.jp/</a></p><p style="text-align: left;">&nbsp;</p><p style="text-align: left;">ショッピングセンターで奇抜な広告といえば、以前紹介したルミネと今回ご紹介するパルコを思い浮かべます。まず、モデルさんを使った不思議な雰囲気のキービジュアルが目に止まります。</p><p style="text-align: left;">パルコのホームページは、トップページを開いたすぐの雰囲気は一見モノトーンです。しかしスクロールさせると、モノトーンというのはとんでもないぐらいカラフルです。ここがこのホームページの面白いところといえます。</p><p style="text-align: left;">&nbsp;</p><p style="text-align: center;"><a href="https://stat.ameba.jp/user_images/20170813/01/syuka-nanairo/27/30/p/o1256081214003743887.png"><img alt="" height="272" src="https://stat.ameba.jp/user_images/20170813/01/syuka-nanairo/27/30/p/o1256081214003743887.png" width="420"></a></p><p style="text-align: left;">引用：<a href="http://parco.jp/" target="_blank">http://parco.jp/</a></p><p style="text-align: left;">&nbsp;</p><p style="text-align: left;">トップページをスクロールさせると黄緑色の背景に。さらにこちらの水色→黄色→ピンク→オレンジ→モノトーンと続きます。左側のメニューをクリックしてもスクロールさせた各コンテンツに飛ぶことができます。</p><p style="text-align: left;">トップページ以外の店舗案内やその他のコンテンツはモノトーンですが、例えば店舗案内はすっきりした感じですし、エンターテイメントのページは本などの紹介を１ページ縦５列横書きで並べているところなど非常にデザイン性を感じます。</p><p style="text-align: left;">&nbsp;</p>
]]>
</description>
<link>https://ameblo.jp/syuka-nanairo/entry-12301053298.html</link>
<pubDate>Mon, 24 Apr 2017 00:00:00 +0900</pubDate>
</item>
<item>
<title>２３.dyson</title>
<description>
<![CDATA[ <p style="text-align: center;"><a href="https://stat.ameba.jp/user_images/20170812/16/syuka-nanairo/d9/00/p/o1256082814003377897.png"><img alt="" height="277" src="https://stat.ameba.jp/user_images/20170812/16/syuka-nanairo/d9/00/p/o1256082814003377897.png" width="420"></a></p><p style="text-align: left;">引用：<a href="https://www.dyson.co.jp/" target="_blank">https://www.dyson.co.jp/</a></p><p style="text-align: left;">&nbsp;</p><p style="text-align: left;">これだけスタイリッシュな家電製品というのも面白いと思いました。それがこちらの製品の持ち味ではあるのですが。今回はdysonのホームページについてです。</p><p style="text-align: left;">冒頭はドライヤーの紹介なのに、まるでパソコンや車などの広告を彷彿とさせるかっこよさです。ページはモノトーンで、多くを語りません。製品情報などはバナーの方がいいのではとも思いましたが、ほぼテキストにすることがこのページを際立たせているような気もします。</p><p style="text-align: left;">ダイソンといえば掃除機なので、コードレス掃除機のページも具体的にご紹介します。</p><p style="text-align: left;">&nbsp;</p><p style="text-align: center;"><a href="https://stat.ameba.jp/user_images/20170812/16/syuka-nanairo/34/08/p/o1256082814003377967.png"><img alt="" height="277" src="https://stat.ameba.jp/user_images/20170812/16/syuka-nanairo/34/08/p/o1256082814003377967.png" width="420"></a></p><p style="text-align: left;">引用：<a href="https://www.dyson.co.jp/dyson-vacuums/cordless/dyson-v8/features-jpn.aspx" target="_blank">https://www.dyson.co.jp/dyson-vacuums/cordless/dyson-v8/features-jpn.aspx</a></p><p style="text-align: left;">&nbsp;</p><p style="text-align: left;">おそらくdysonは、製品のデザインなどよりもその技術力を売りにしているのだろうかと思いました。トップページでもそうですが、まず目に入るのはテクノロジーやサポート等技術面の画像やリンクなどです。そこが他の会社との差分を図っていて、私のような素人から見ると珍しく思えます。</p><p style="text-align: left;">その技術力や製品の性能の紹介が細かいため、ホームページを見ていてdysonの製品なら間違いない！と感じます。</p><p style="text-align: left;">ホームページ自体にも特に余計な仕掛けなどはありません。シンプルです。</p><p style="text-align: left;">自分の会社の持ち味を、広告媒体でここまで如実に表しているのはお見事です。</p>
]]>
</description>
<link>https://ameblo.jp/syuka-nanairo/entry-12300925967.html</link>
<pubDate>Sun, 23 Apr 2017 00:00:00 +0900</pubDate>
</item>
<item>
<title>２２.マジョリカマジョルカ</title>
<description>
<![CDATA[ <p style="text-align: center;"><a href="https://stat.ameba.jp/user_images/20170812/16/syuka-nanairo/14/e5/p/o1256082814003368694.png"><img alt="" height="277" src="https://stat.ameba.jp/user_images/20170812/16/syuka-nanairo/14/e5/p/o1256082814003368694.png" width="420"></a></p><p style="text-align: left;">引用：<a href="http://www.shiseido.co.jp/mj/" target="_blank">http://www.shiseido.co.jp/mj/</a></p><p style="text-align: left;">&nbsp;</p><p style="text-align: left;">高校生の時ぐらいから、今も好きな化粧品ブランドです。前回の資生堂に引き続き、今回はそのブランドのマジョリカマジョルカのサイトです。</p><p style="text-align: left;">マジョリカマジョルカは「魔法」のようなイメージがあり、化粧品サイトにしては珍しく黒を背景にしています。そこに金に近い黄色や濃いピンクを合わせることで女の子が魔法にかかったような雰囲気が出せているんですね。</p><p style="text-align: left;">新商品の紹介をまずキービジュアルのすぐ下に大きく入れているところが宣伝としていいところだと思います。</p><p style="text-align: left;">化粧品のコンセプトや使用感が伝わってきやすいです。</p><p style="text-align: left;">目立ったアニメーションを入れていなくても、これだけ惹きつけることができるのだと思わせてくれるサイトでした。</p>
]]>
</description>
<link>https://ameblo.jp/syuka-nanairo/entry-12300922004.html</link>
<pubDate>Sat, 22 Apr 2017 00:00:00 +0900</pubDate>
</item>
<item>
<title>２１.資生堂</title>
<description>
<![CDATA[ <p style="text-align: center;"><a href="https://stat.ameba.jp/user_images/20170812/16/syuka-nanairo/09/00/p/o1256082814003358802.png"><img alt="" height="277" src="https://stat.ameba.jp/user_images/20170812/16/syuka-nanairo/09/00/p/o1256082814003358802.png" width="420"></a></p><p style="text-align: left;">引用：<a href="http://www.shiseido.co.jp/" target="_blank">http://www.shiseido.co.jp/</a></p><p style="text-align: left;">&nbsp;</p><p style="text-align: left;">今回は資生堂のサイトを見ていきましょう。</p><p style="text-align: left;">資生堂のホームページを開いたときに、この一見サイドメニューと画像だけのページに目を奪われました。しかしスクロールさせるとコンテンツやインフォメーションが出てきます。サイドメニューも他のブランドが出てきます。</p><p style="text-align: left;">このブログに載せるサイトを探すためにいくつかサイトを見ているのですが、正直なところ百貨店やアパレル、化粧品など女性向けと思われるサイトは何故かトップページにテキストなどで細かく大量にリンクが貼られているものが多いです。私としてはそういったページは迷ってしまうので好ましくありません。</p><p style="text-align: left;">ところが資生堂さんのページは違いました。見やすいです。化粧品というキラキラした感じを崩さず、同時に大人の女性のかっこよさも演出しています。</p><p style="text-align: left;">資生堂のブランドページに直接飛べる、資生堂のWebサービスであるワタシプラスにすぐにアクセスできる。すごくいいトップページだと思います。</p><p style="text-align: left;">ブランド一覧のページも、ブランドロゴとキービジュアル２つでみせているのでわかりやすいです。</p>
]]>
</description>
<link>https://ameblo.jp/syuka-nanairo/entry-12300918931.html</link>
<pubDate>Fri, 21 Apr 2017 00:00:00 +0900</pubDate>
</item>
</channel>
</rss>
