WebGallery

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

*

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

   

名称未設定 1

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

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

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

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

 - 動きで表現 , , ,

Message

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

  関連記事

想像するだけでワクワクが止まらない「ハンズの夏準備」

「ハンズの夏準備」という東急ハンズの特設サイトです。 サイトのトップには、キャッ …

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

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

どの言語で閲覧してもデザインが崩れない

東京のデザインやファッション、食べ物や観光地・宿泊施設などを世界に紹介するWeb …

トップの部分だけでなく、色々な場所で背景に動画を使用する

毎年夏に東京ビッグサイトで行われるアートイベント「万国學生藝術展覧祭 學展」のホ …

記事の下まで行くと右側のコンテンツもぴったり止まる

福岡のライフマガジン「AFRO FUKUOKA」のホームページです。 全体のレイ …

猫!

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

下から泡を出して、見ている人が水族館にいるような気分に

大分県大分市にある水族館「大分マリーンパレス水族館 うみたまご」のホームページで …

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

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

遠近感のあるサイト

  動物病院のサイト。可愛いイラストを使って構成されており、親しみやす …

車の世界観に合わせたデザインがグッとくる!「Make Your own RENOCA」のサイト

トヨタのランドクルーザーとハイエースの専門店を全国展開する「フレックス」が、リノ …