WebGallery

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

*

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

   

名称未設定 1

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

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

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

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

 - 動きで表現 , , ,

Message

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

  関連記事

海の中にいるような幻想的なデザイン

大阪府吹田市にある水族館・動物園・美術館が融合した新感覚ミュージアム「ニフレル」 …

一つのコンテンツで二つの情報が見れる

10月24日から行われるイベント「Any Tokyo 2015」のホームページで …

京都にあるチョコレート専門店のサイトが、可愛くて美味しそう!

京都にあるローチョコレート・ビーントゥバー専門店「KYOTO COCO」のホーム …

花火のアニメーションを使って、夏限定のパッケージデザインを表現したシャンドンの特設サイト

「CHANDON」の2018年夏限定サマーボトルの特設サイトです。 大きな花火や …

動きや写真で伝統や歴史の重さを表現する

開創から1200年を迎えた高野山の公式ホームページです。トップにあるそれぞれの写 …

常夏の色合いがステキな「潜水屋Ti-Da」

愛知県名古屋市にあるダイビングショップ・スクール「潜水屋(もぐりや)Ti-Da」 …

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

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

舌でも目でも石巻を楽しむことができる、「泳ぎ寿司 石巻」

今年の3月6日・11日に東京都にある「代々木ビレッジ code kurkku」で …

曲に合わせて鍵盤が動く「MAP」

2015年の7月に販売されたgroup_inouのアルバム「MAP」というアルバ …

タイトル部分に動きをつけて目立たせる

愛知県名古屋市にある和菓子屋「一朶」のホームページです。 縦長のシングルページの …