【真似したくなる!参考サイトを集めてみた!】 コンピュータ・テクノロジー編
今回は「コンピュータ・テクノロジー編」ということで、5サイトほどデザインが良いと思ったサイトとまとめました。
個人用まとめサイトですが、参考にしていただければと思います。
●Quentin Hocdé
【サイト全体のビジュアルエフェクトが秀逸】
こちらは個人のポートフォリオサイトです。
背景に広がる記号の波が印象的なサイトで、スクロールすると人の形に変化します。
動き一つ一つに無駄がなく、文字のレイアウトを活かしています。
エフェクトだけではなく、フォントの選定や文字組み、配色なども参考になります。
TYPE:ポートフォリオサイト
FONT:PP Supply Mono,Monument Extended"
COLOR:
●株式会社Gaudiy | ファンと共に、時代を進める。
【デザインのギリギリの境界線】
全体的なデザインとしては、POPでカラフルなデザインのサイトです。
これ以上やりすぎるとデザインとしてダサくなるという、ギリギリのラインで制作されていると感じます。
特に文字組みは、「あえて」このように表現していると思われます。
ぜひサイトをご覧ください。
TYPE:コーポレートサイト
FONT:Noto Sans JP,Noto Serif JP
COLOR:
●VISUALIZING LIQUID CONSUMPTION DATA | INTAGE Inc.
【グラフの表現方法が参考になる!】
生活者のリキッド消費傾向を分析したサイトになります。
マーティテングのデータを直感的に触れて、比べられます。
データの表現としても洗練されているサイトです。
TYPE:特設サイト
FONT:freight-neo-pro,source-han-sans-japanese
COLOR:
●Mirror City | Pioneering in spatial intelligence
【THEテクノロジーという表現】
フォントの選定から、色合いなど「テクノロジーといえば」というデザインになっています。
街の中を進むと建物の表現が変化し、テクノロジーで成り立っているということをうまく表現しています。
TYPE:特設サイト
FONT:fk-light
COLOR:
●株式会社ハロー - Goodbye past, Hello future.
【シンプルだからこそエフェクトが効く!】
サイト全体はシンプルな作りで、文字組み、文字のジャンプ率も美しいです。
その中にキービジュアルや、カテゴリーのタイトルエフェクトが良いアクセントになっています。
TYPE:コーポレートサイト
FONT:Manrope
COLOR:
いかがでしたでしょうか?
機会があればぜひ参考にしてみてください。
少しでもお役に立てたら幸いです。
最後までご覧いただきありがとうございました!
この記事が気に入ったらサポートをしてみませんか?