WebGallery

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

*

緑色のイメージを効果的に使った製造会社

   

%e5%90%8d%e7%a7%b0%e6%9c%aa%e8%a8%ad%e5%ae%9a-1

石川県で焼成炉や乾燥炉などの設計・製造を行っている「株式会社アクトリー」のホームページです。

黄色と緑を使ってエコを表現したような配色のサイトです。同系色でまとめていてページ全体の統一感が出ています。
トップページの「新着情報」ではタグごとに様々な色を使うことで、小さい面積で全体の配色のイメージを損なわせる事なくアクセントになっています。
また、「事業紹介」や「製品情報」の各ブロックは、色の効果もあって葉っぱの形のように見えます。ブロックにカーソルを置いた時のアクションも大きさや形・用途によって変えていて、こだわりを感じます。

ほかのページの小見出し?の部分では、文章やタイトルで使われているフォントとは大きく変えています。1番読ませたいと思うところは大きくフォントを変えることで、より際立って見えます。
本文に対してタイトル部分の文字サイズを大きくすることで、細いフォントでも注目度が上がるので参考になるデザインです。

 - 色で表現 ,

  関連記事

「手作り感」を大切にしたパン屋さん

世田谷区にあるパン屋さん「手づくりパン COMUS(コモス)」のホームページです …

漁師への関心を高めるために、背景の写真や動画をたくさん使用して漁師の仕事が伝わりやすくした「Fisherman Japan」

「漁業をカッコよく」をコンセプトに集まった東北の若手漁師集団「Fisherman …

黒と白を使ってカッコよさを演出したガレージハウス

山梨県北杜市にあるリゾート型賃貸ガレージハウス「八ヶ岳ガレージハウス」のホームペ …

万華鏡のようにクルクル変わるタイトルが綺麗!なアートイベント

2016年7月30日から東京ミッドタウン・ホールで開催されている「FLOWERS …

最新のがん治療を使って、患者と一緒に治していく診療所

東京都港区にある診療所「アカサカフロイデクリニック」のホームページです。 シンプ …

モデルの髪色を強調するため、サイトの配色をグレー系にしたヘアカラー剤のサイトがスタイリッシュ!

ヘアカラー剤「THROW」のホームページです。 ファーストビューの透明感のあるイ …

花が咲いたような笑顔になれる歯医者さん

広島県福山市にある歯科医院「はなえみ歯科」のホームページです。 「はなえみ」とい …

下部にバナーとして表示されるスライダー

北豊島園自動車学校のホームページです。 コンテンツごとに背景を変えて、可愛らしい …

三角形を使って作られた「花と緑と水の町」のふるさと納税サイト

宮崎県三股町のふるさと納税特設サイトです。 黄色と黒を基調としたパキッとしたデザ …

彩度や明度で印象が変わる!背景色に赤を使った大胆なサイト3選!

近ごろは朝晩と寒くて昼は日差しが強く暑い…なんて日が続いていますね。寒暖差が激し …