WebGallery

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

*

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

   

名称未設定 1

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

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

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

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

 - 動きで表現 , , ,

Message

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

  関連記事

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

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

ユーザーごとにデザインを切り替える

ヤマト運輸株式会社の公式ホームページです。 個人・法人・行政や自治体ごとのページ …

ページの所々にアニメーションを使った「一時お預かり専用託児所 はないと」

愛知県名古屋市にある「一時お預かり専用託児所 はないと」のホームページです。 メ …

ロゴマークの表示を統一することで、ページにアクセントをつける

福岡県福岡市にある「がんこクリニック」のホームページです。 まず初めに、画面いっ …

コンテンツの区切りを波のアニメーションにすることで、ワインぽさを演出したサイト

山梨県笛吹市にあるワイン製造工場「モンデ酒造」のホームページです。 コンテンツの …

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

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

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

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

2019年に流行しそうなwebデザイントレンド「ローディングアニメーション」を使ったサイト3選!

今年も1年が始まりましたね! 初詣にも行かず正に寝正月を過ごした私ですが、今年は …

猫!

  サイトを開けた途端猫がお出迎えしてくれます。しかもこの写真、日替わ …

大豆を使った商品を取り扱っているサイトのデザインが、大豆の形を使ったデザインでおしゃれ!

岡山県岡山市に本社を構える「913  NEUF UN TROIS(ヌフアントロワ …