WebGallery

Webデザインの初心者がスマートフォン対応しているWebサイトを淡々と紹介していくサイトギャラリーです。

*

アニメーションをゆっくりとした動きにし、筆のようなフォントや落ち着いた配色で重厚感を感じさせるデザイン

   

名称未設定 1

北海道沙流郡平取町にある「二風谷アイヌ匠の道」のホームページです。

黒・白・赤の3色で構成されたかっこいいサイトです。トップに配置されたスライダー画像も、白黒に加工したり色を落とすことでサイトの雰囲気が統一されますね。切り替わる速度やカーソルを乗せたときのアニメーションもゆっくりとした動きにし、筆のようなフォントや落ち着いた配色で一流の職人が持つ重厚感をどことなく感じます。

職人を紹介するページでは、1人1人の作品や人物を知ることができます。スクロールすると紙芝居のようにページが切り替わるのが面白いです!職人の写真にカーソルをのせると写真に色がつく仕組みも素敵です。

マップのページでは、匠の道の全体図をイラストで分かりやすく掲載しています。矢印がついている場所をクリックするとふわっと詳細が出てくるようになっています。職人がいる場所では、職人の詳細ページに移動できるボタンも配置されていて良いですね!

 - 動きで表現 , , ,

Message

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

  関連記事

「ACSL」のサイトのフライトシミュレーションがとにかくスゴい!

「ACSL|株式会社自律制御システム研究所」のホームページです。 ファーストビュ …

豆苗についてもっと知りたくなる!「豆苗研究会」

広島県広島市にある豆苗やブロッコリースプラウトなど、スプラウト野菜を生産・販売し …

ついついボタンを押したくなる「伊勢丹新宿店 食品フロアのツボ」

伊勢丹新宿店の食品フロアガイド「伊勢丹新宿店 食品フロアのツボ」のホームページで …

各コンテンツに飛ぶボタンを作り、読む側に優しいデザイン

  東京都にある留学サポートを行っている会社です。全体的に色をあまり使 …

子供たちへの愛情がつまった地下足袋「FUM FUM」

化粧品やサプリメントを取り扱っているゲンナイ製薬株式会社と、靴の販売をしている株 …

ブロックボタンの見やすいサイト

写真やボタンをブロックにしてデザインしているサイトです。ブロックすべてがボタンに …

もうすぐバレンタイン!2019年バレンタイン特設サイトを集めました!

明日はいよいよバレンタインデーですね! 皆さんはもう誰かにチョコレートを上げまし …

シネマグラフを使った写真が印象的!「京都 宇治 伊藤久右衛門」のサイト

「京都 宇治 伊藤久右衛門」のホームページです。 ファーストビューのスライダーが …

フルスクリーン動画が迫力ある水族館は、サメやエイに触ることも出来る!?

大阪府大阪市にある世界最大級の水族館で、平成25年の3月14日に開設された「海遊 …

要所で動きを使い、注目度を上げる

エステサロンクレジットカード決済導入「株式会社ジェイ・シー・エス」のホームページ …