WebGallery

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

*

シンプルだけど精密なデザインの「リグナイト株式会社」のサイトがカッコいい!

   

大阪府堺市にあるフェノール樹脂を主体とした製造元会社「リグナイト株式会社」のホームページです。

背景の化学記号が、テクノロジーな雰囲気を演出しています。
サイトに訪れてから、キャッチやスライダー写真が次々に現れるアニメーションも「科学の最先端!」という印象を強くさせていますね!
各ボタンの形も、ただ四角にするのではなく六角形にして背景の化学記号に合わせたデザインにしています。

配色は黒・白・水色といった3色のみでとてもシンプルです。
ただ、コンテンツのタイトルを縦書きにしたり、テキストをセンター寄せから左寄せにしたりと、レイアウトに動きをつけています。

 - 色で表現

  関連記事

アニメのサイトということを忘れてしまいそうな「セーラームーン 25周年特設サイト」が凄い!

期間限定で公開されている「美少女戦士セーラームーン」の25周年特設サイトです。 …

色や動きを使ってイベントの雰囲気を演出したイベントサイトがおしゃれ!!

2017年4月22日の土曜日から7月2日の日曜日まで、東京都港区にある「アクアパ …

「青い池」を連想させる色を使った配色の美瑛町

北海道美瑛町のホームページです。 美瑛町の有名な「青い池」の写真がとても印象的な …

サイト全体を白黒にして写真を際立たせて、さらにコンテンツを斜めに切り取って動きを演出したスイーツ屋さんがオシャレ!

パティスリー・サダハル・アオキ・パリ日本公式サイトです。 白と黒を基調とした、シ …

桜のピンクと、水槽の青のコントラストがとても綺麗な「桜といわし」

京都市にある京都水族館で4月1日から6月30日まで開催されているイベント「春を楽 …

グレーとゴールドを使ってデザインされた鉄工所のサイトがカッコいい!

千葉県富津市にある鉄工所「大栄鉄工所」のホームページです。 濃いグレーとゴールド …

優しい色合いにすることで、リラックスできる空間をイメージさせる天然温泉

熊本県熊本市にある天然温泉「湯らっくす」のホームページです。 ロゴマークがゆるっ …

配色で透明感を出す

  東京にある不動産会社のホームページです。全体的に水色と白で構成され …

足跡がついたり模様を雲に見立てて動かしたりと、動きをつけて楽しい雰囲気の「雪丸散歩」

奈良県王寺町公式サイトの「雪丸散歩」のホームページです。 聖徳太子のペット「雪丸 …

背景にふわふわしたアニメーションをつけて幻想的な雰囲気に

「大丸・松坂屋のファンタスティッククリスマス2016」のホームページです。 赤と …