CATEGORY : タイポグラフィ
-
BENI OFFICIAL SITE
沖縄出身の女性シンガー、BENIさんのオフィシャルサイトのWEBデザインです。 ピンクとグリーンで配色されたビビッドで大胆な色使いと、ブラシ風のフォントを使用したロゴやナビゲーションが目を引くサイトです。 自由なレイアウトは躍動感や流れを感じさせ、エディトリアルデザインのようなビジュアルと相まって楽しげでアクティブな雰囲気を演出しています。 ナビゲーションが下部に固定されているのも特徴で、ホ...
-
sukekiyo official web site
DIR EN GREYのボーカル・京氏の率いるバンド、sukekiyo（スケキヨ）オフィシャルサイトのWEBデザインです。 フレームに囲まれたメインビジュアルはそれ自体がバナーとなっていて、サイトの世界観を作ると共に動線も担っています。 おどろおどろしい背景画像やテクスチャー、明朝体のフォントがバンドの方向性を表現しているTOPページと、 かっちりとしたベーシックなレイアウトで情報やコンテン...
-
SQUAREPUSHER
イギリスのミュージシャン/作曲家/ベーシスト、トーマス・ジェンキンソンことSQUAREPUSHER（スクエアプッシャー）オフィシャルサイトのWEBデザインです。 無彩色を中心とした配色に左側に固定ナビゲーション、グリッドに囚われない自由なレイアウトのコンテンツが特徴のサイトです。 大胆に配置したり上下左右を反転したりと遊び心満載の見出しや、ずれたり重なったりしたテキストやフォームは斬新でウィッ...
-
High End Audiophile Amplifiers And Sound Systems | MOON – Simaudio
カナダのオーディオメーカーSIMAUDIOが手がける、MOONブランドのWEBデザインです。 フルスクリーン表示での動画を活用したブランディング、モノトーン中心の配色とセリフ体のテキストや縦横のボーダーがスタイリッシュな印象のサイトです。 スプリットやブロークングリッド、意図的に要素をずらしたり画像に重ねたりしたレイアウトは動きと遊び心を感じさせ、強いインプレッションを与えています。...
-
Homepage – Orbital
イギリス出身のテクノユニット、Orbital（オービタル）オフィシャルサイトのWEBデザインです。 アルバム「Monsters Exist」のアートワークの世界観を表現した、ダークかつファンタジーな印象のデザインです。 サイト全体に縦書きの見出しを大胆に配置することで目新しさやアクセントが出て、インパクトと強いインプレッションを与えています。...
-
Ólafur Arnalds
アイスランドの音楽家・作曲家のÓlafur Arnalds（オーラヴル・アルナルズ）オフィシャルサイトのWEBデザインです。 ホワイトとグレーを基調にした配色とたっぷりと取った余白が知的でクリーンな印象を感じさせています。 大胆で太めのサンセリフ体を下層ページの見出しにしてメリハリを付けつつ、セリフ体を使用してクラシカルな雰囲気も持たせています。 TOPページのジャケット画像にマウスオーバー...
-
Justin Bieber – Purpose Available Now
カナダのポップミュージシャン、Justin Bieber（ジャスティン・ビーバー）オフィシャルサイトのWEBデザインです。 ブラック×ホワイト×パープルの配色とフラットデザインの掛け合わせがスタイリッシュで、その中で手書き風のロゴが親しみやすさをプラスしています。 大胆なタイポグラフィーが印象的で、グリッドに囚われない自由なレイアウトと相まってエディトリアルデザインのような雰囲気を感じさせてい...
-
Tom Anderson Guitar｜JES International, Inc.
アメリカのハイエンドギターメーカー、Tom Anderson Guitar（トム・アンダーソン）のWEBデザインです。 大胆な接写とあえて端を切ったトリミングで被写体にフォーカスしつつ、その上に画像テキストを重ねたファーストビューがダイナミックなデザインです。 さりげないパララックスと斜めの要素、切り抜き画像を組み合わせて立体感や奥行き感を演出することでサイトにスパイスを加え印象付けています。...
-
水曜日のカンパネラ OFFICIAL SITE
日本の音楽ユニット、水曜日のカンパネラのオフィシャルサイトのWEBデザインです。 数多のサイトとは異なるブルータルなレイアウトやデザインはとても刺激的でありながら、ミニマルでわかりやすいサイト構成です。 ビジュアル要素として見せるテキスト、レトロな印象も受ける画像、ダイナミックなアニメーション等、斬新で独創的なデザインのサイトです。...
-
OLDCODEX Official website
日本の音楽ユニット、OLDCODEX（オルドコデックス）オフィシャルサイトのWEBデザインです。 動画をロゴの形にマスクしたファーストビューや手書き風フォントの見出し等、テキストをビジュアル要素としても見せるデザインです。 パララックスを多用してダイナミックな動きや遊び心を加え、コンテンツごとにストーリー性を持たせています。...
-
小袋成彬 分離派
日本のシンガーソングライター、小袋成彬（おぶくろなりあき）氏のオフィシャルサイトのWEBデザインです。 巨大なフォントサイズとシンプルながら斬新なレイアウトが特徴で、ホワイトにミントグリーンの配色が爽やかな印象を与えています。 ページ遷移時やスクロール時のコンテンツの表示エフェクトがさりげなくサイトにリッチ感を加え、より魅力的に見せています。...
-
Dunlop
アメリカのギターアクセサリーメーカー、Jim Dunlop（ジム･ダンロップ）のWEBデザインです。 フルスクリーンで表示されるスライダーがダイナミックなサイトで、さりげなくシャドウを取り入れる事でフラットデザインをより魅力的にしています。 ウエイトのある見出しやセリフ体のフォントを使用したり等、文字を華やかに美しく見せているデザインです。...
-
The Chainsmokers – Home
アメリカ/ニューヨーク州を拠点とするDJ・ソングライターデュオ、The Chainsmokers（ザ・チェインスモーカーズ）オフィシャルサイトのWEBデザインです。 鮮やかな発色のグラデーションやカラーフィルターが絶妙なコントラストやかすれ具合を表現したカラフルなデザインで、対照的に手書き風のロゴやナビゲーションが親しみや温もりを感じさせてくれます。...
-
Home | Jaco Pastorius
アメリカのベーシスト、Jaco Pastorius(ジャコ・パストリアス)オフィシャルサイトのWEBデザインです。 外側に向けて四隅を暗くぼかしたビネット効果を施した画像を大きく表示、レトロ・ヴィンテージ感をもたらすと共にサイトの世界観を打ち出しています。 ナビゲーションや見出しに手書き風のフォントを使用していて、ジャンプ率の大きさとも相まって親しみやすく柔らかな印象を与えています。...
-
InVogue Records | Independent Record Label
アメリカ/オハイオ州のインディペンデントレーベル、InVogue Records（インヴォーグ・レコード）のWEBデザインです。 モノクロのキャッチ画像とモノトーンで統一された配色はスタイリッシュで、洗練された都会的な印象を感じられます。 ページ遷移時にロゴマークをモチーフにしたローディングアニメーションを使用していて、読み込み時のストレス軽減とサイトの離脱を抑える役目をしています。...
-
Оркестр Mooncake официальный сайт. Музыка, Видео, Фото, Концерты. Купить билеты
ロシア/モスクワ出身のインスト・ポストロックバンド、Mooncake(ムーンケイク)オフィシャルサイトのWEBデザインです。 繊細なクリーントーンとノイジーなギターのコントラストにチェロやシンセを交えたドラマチックなサウンドを展開するインストバンドで、美しい静寂パートとポジティブなエネルギーに満ちた動パートのコントラストが圧巻の、壮大なサウンドスケープを描いています。 サイトはフルスクリー...
-
Music Jacket Gallery 2017 ＜11月3日（金）～11月5日（日） 新宿髙島屋 1階JR口特設会場＞
音楽メディアのアートワークとサウンドにフォーカスしたイベント、Music Jacket Gallery 2017のWEBデザインです。 2017年で11回目の開催となり、ジャケットアートの展示や各音楽メディアの試聴、トーク＆リスニングイベント等、フィジカルな音楽体験を楽しめるイベントです。 サイトはビンテージ風のロゴと大胆なブラシストロークがラフで手描きのようにアナログな質感を感じさせています...
-
Concord Music Hall
アメリカ/シカゴのミュージックホール、Concord Music Hall(コンコルド・ミュージック・ホール)のWEBデザインです。 サイトは高画質な画像とレトロなフォントによるロゴが強く印象に残るTOPデザインで、ホバーエフェクトやアニメーションも非常に凝っていて見応えがあります。 スクロール量に合わせてコンテンツの背景色が変化していくのもとても美しく、あえて不規則にしたグリッドやずらして表...
-
Weezer
アメリカの4人組オルタナティヴ・ロックバンド、Weezer（ウィーザー）のWEBデザインです。 アルバム「PACIFIC DAYDREAM」をモチーフにした、パララックス+レスポンシブデザインのサイトです。フルスクリーンで表示したビジュアルや動画がダイナミックで、アートワークと合わさって壮大さを感じます。...
-
A Day To Remember | Bad Vibrations Out Now
フロリダ州オカラ出身のポスト・ハードコア/ポップ・パンク・バンド、A Day To Remember（ア・デイ・トゥ・リメンバー）のWEBデザインです。 パララックスが印象的な縦長のシングルページで、mask-imageでグランジ加工されたナビゲーションや見出し、ロゴでマスクされた背景動画など小技が光っています。 ...
