黒ベースのサイトデザイン

date_range 2024/03/06
日々の活動日記エンジニアインターン
黒ベースのサイトデザイン

こんにちは!
クリエイティブプロダクト部 クオリティコントロール班インターン生の老沼みほです!


本日は、黒ベースのサイトの修正業務を行いました。

黒ベースのサイトは背景や主要な要素に黒を基調としたデザインのサイトのことを言います。

なので、白ベースのサイトより視認性が悪くなりがちでその視認性を改善するために修正を行っていました。


ここで思ったのが、ベースの色によってサイトのイメージがとても変わるということ。


黒ベースのサイトはどんな企業や会社で使われると思いますか?

この答えを出す前に、

黒のイメージから考えてみるといいかもしれません。


と言われてどんなものを思い浮かべるでしょうか?

私は、

・夜

・高級感(高いものは黒いパッケージなどが多いイメージです)

・闇

・洗礼された


今パット浮かんだイメージはこんな感じです。

色から考えるのは、簡単そうで意外と難しかったです...

ただ、この少ない情報から、

明るいとは逆のイメージなのかなと思いました。


黒ベースのサイトをよく使っている企業

(私個人の意見だと不確かなので調べてみました)


・ファッションブランド

・デザイン関連の企業:

・テクノロジー企業

・ライフスタイルブランド(ラグジュアリーなライフスタイルやハイエンドな製品を提供するブランドや企業)

・クリエイティブな個人やアーティストサイト


などでよく黒ベースのサイトが使われているらしいです。

言われてみたらにはなってしまうのですが、

テクノロジー系はよく黒ベースのサイトを使っているイメージがあります。

近未来感があるからか、黒が洗礼された色のイメージがあるからか、よく高度な技術や革新性を強調する企業が使用している気がします。


まとめ

以上のように私はまだ黒ベースと白ベースのサイトの使い分けを完全に理解できていません。

なので、その理解を深めるためにもたくさんのホームページや色んなデザインを見て学んでいきたいと思います。


--------------------------------------------------------------------------------------------------------------------
フロントエンドエンジニアコースのインターン:https://guardian.jpn.com/recruit/intern/frontendengineer/
メンバー紹介ページ:https://guardian.jpn.com/member/miho_oinuma/
--------------------------------------------------------------------------------------------------------------------

*COMMENT*

  • 中澤 めぐみ

    中澤 めぐみ

    更新日:2024-03-06 18:26

    *コメント*

    「商業デザインはセンスというよりスキル」といったようなお話を聞いたことがあるのですが、それこそ色の一つをとっても、明確に狙いがあることが多いのでしょうね。
    見る人に与えるイメージを正確にコントロールできれば、より要望にマッチしたサイトを生み出せそうな気がします。

    *コメント*

  • 下川 春樹

    下川 春樹

    更新日:2024-03-06 19:54

    *コメント*

    お疲れ様です。
    黒ベースの案件たまにありますが、視認性の問題で結構工数かかってしまってます><
    思わぬところで見えなくなったりとなかなか厄介ではありますが、お客様の求める雰囲気をしっかり作っていきたいです。
    ちなみに、黒といえば?と問われると兵主部一兵衛を思い浮かべますw

    *コメント*

  • 松村 晶

    松村 晶

    更新日:2024-03-06 21:14

    *コメント*

    黒ベースのサイトはデザイン的に難しいですよね。
    下手をすると余計にダサい感じになってしまいそうで、センスが問われます(^_^;)

    *コメント*

  • 星 翼

    星 翼

    更新日:2024-03-06 22:15

    *コメント*

    黒ベースのサイトは、白ベースと比べて大きく印象が変わりますよね!
    ジムなどのサイトは黒を基調としたカラーを使っていることが多いですよね。その印象からか身がキュッと引き締まるような感覚があります!(自分だけなのかも、、、)

    *コメント*

  • 寺田 ゆり

    寺田 ゆり

    更新日:2024-03-07 07:02

    *コメント*

    黒ベースの案件は業務でも扱うことがありますが、視認性が悪くなってしまうことが多々あるので注意が必要だというイメージです。
    ただ、白ベースの案件よりサイト全体が締まるので重量感(高級感)は出しやすいのでデザインするのは結構楽しいと思ってます^^

    *コメント*

  • 池田 みはな

    池田 みはな

    更新日:2024-03-07 08:14

    *コメント*

    おつかれさまです!
    黒ベースのサイト、白ベースよりも第一印象を強く打ち出せるようなイメージです。
    構築側としてはやはり白ベースの時よりも視認性や色バランスの調整が多くなり大変だなと思います。
    webサイトの背景色については業種ごとに分けて考えたことがなかったので今後意識してみたいと思いました!

    *コメント*

  • 宮城 わか

    宮城 わか

    更新日:2024-03-07 08:45

    *コメント*

    黒ベースのサイトは見た目かっこ良く魅せることができるので、おっしゃる通りファッションブランドやクリエイティブなWEBサイトで起用されてるのを私も目にします。
    かっこよくオシャレでかつサイトを見る人の目線の行き着く先が、顧客の目的とマッチできれば良いですね!

    *コメント*

  • 水野 健太

    水野 健太

    更新日:2024-03-07 09:31

    *コメント*

    お疲れ様です!
    黒ベースのサイトはシックで先鋭的なイメージがあります!
    構築で扱う場合もすごく気を使うのが黒ベースですので、扱いが難しいですが、与える印象は大きい!って感じがしますね!
    イメージに合ったデザインでサイト制作するのは難しくもうまくはまると楽しいですね!

    *コメント*

  • 樋口 ななこ

    樋口 ななこ

    更新日:2024-03-07 09:33

    *コメント*

    お疲れ様です!
    黒ベースのサイトはカッコイイ、洗練されたイメージで制作できますが、視認性に特に注意が必要だなと思います。
    あとは真っ黒になるとデザインによって野暮ったい雰囲気になってしまったりするので難しいなと思います💦
    よくある業種としてはジム・飲食店・アパレル系・工事系・車系で使用されているイメージがあります。
    私も黒ベースでスタイリッシュなサイトをもっと見て学んでいきたいと思います!

    *コメント*

*コメント*

*ログイン*

メールアドレス
パスワード