WebGallery

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

*

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

   

名称未設定 1

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

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

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

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

 - 動きで表現 , , ,

Message

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

  関連記事

カーソルを乗せると動くボタン

愛知県碧南市松江町にある歯医者「あだち歯科クリニック」のホームページです。 歯を …

作品の雰囲気を損なうことなく、イラストを上手く配置した「ムーミン展」のサイトがかわいい!

2019年の4月9日(火)から6月16日(日)まで、六本木ヒルズ森タワー52階に …

水色と黒を使用し、近未来感を演出したデザイン

メルセデス・ベンツとPerfumeがコラボレーションしたメルセデス・ベンツのiP …

浴衣の色合いや金魚を使って清涼感を出した「鈴乃屋ゆかたコレクション2018」のサイトが綺麗!

鈴乃屋ゆかたコレクション2018「2018 YUKATA COLLECTION」 …

空気清浄したくなる

  下ではなく上にスクロールする形のサイト。動いている灰色のものは空気 …

多彩なアニメーションを使ったサイト

  私が言っていいものかどうか分かりませんが、懐かしきCyndi La …

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

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

スライダーを使った回転寿司のデザインが面白い!高知県のお寿司屋さん

高知県須崎市にある回転寿司「回転ずしいちばん船 マルナカ須崎店」のホームページで …

背景を道に見立てたデザインの地図アプリのサイトがおしゃれ!

株式会社Strolyが制作した地図アプリ「Stroly」のホームページです。 フ …

群馬にある猿ヶ京温泉の紹介サイトが、動きとイラストを使ったデザインで可愛い!

群馬県利根郡みなかみ町にある観光スポット「猿ヶ京温泉」の「猿ヶ京温泉観光情報協会 …