CATEGORY : グラデーション
-
Beats by Dr. Dre
Dr. Dreが設立したアメリカのオーディオ機器ブランド、Beats（ビーツ・エレクトロニクス）のWEBデザインです。 フルスクリーンで表示されたシンプルで訴求力の高いビジュアルに、グラデーションを取り入れることでより魅力を高めています。 パララックスやエフェクト、要素をずらしたり重ねたりすることで動きを演出した、躍動感の溢れるデザインのサイトです。 またページやコンテンツに合わせてフルスク...
-
TETSUYA KOMURO ARCHIVES
音楽プロデューサー小室哲哉氏のアルバム「TETSUYA KOMURO ARCHIVES」 の約15mに及ぶ大型アートワークのデジタル版サイトのWEBデザインです。 各時代を切り取ったかのような象徴的な背景画像を鮮やかなグラデーションで繋ぎ、横スクロールのタイムラインで見せた斬新なデザインです。 ローディング時のアニメーションも凝っていて、デザイン性と共にユニークで他には見ないようなサイトです。...
-
和楽器バンド Official Site
日本のロックバンド、和楽器バンド（わがっきバンド）オフィシャルサイトのWEBデザインです。 グリッドで色分けされた背景に画像やコンテンツを重ねたりずらしたりすることでオリジナリティや躍動感を高めているレイアウトが特徴です。 縦書きの見出しやグラデーションも取り入れた和を感じさせるデザインは、バンドの世界観やコンセプトを的確に表現しています。...
-
back number（バックナンバー）official web site
群馬県出身のスリーピースロックバンド、back number（バックナンバー）オフィシャルサイトのWEBデザインです。 フルスクリーンの四方にホワイトエッジを付けて、変化していくグラデーションが鮮やかなファーストビューが印象的なサイトです。 下層ページではホワイトとグレーをベースにした配色と、細めの罫線、たっぷりと余白を取ったレイアウトがゆったりと落ち着いた雰囲気を演出しています。...
-
Coldplay official website
イギリス/ロンドン出身のロックバンド、Coldplay（コールドプレイ）オフィシャルサイトのWEBデザインです。 アルバム「A Head Full of Dreams」のアートワークをモチーフとした、グラデーションと幾何学模様が印象的なポップなデザインです。 左側にグローバルナビゲーション、下部にSNSへのリンクが固定されていて、ページによっては右側にもローカルナビを配しているのが特徴です。...
-
Apple Music – AppleのWEBデザイン
アップルの音楽配信サービス、Apple Music (アップルミュージック) のWEBデザインです。 シンプルなフラットデザインに大きく余白を取ったレイアウトはクリーンで、部分的に使用しているグラデーションが躍動感をプラスしています。 直感的な縦スクロールのページはモバイル閲覧時にも最適で、パララックス効果と相まってストーリー性を印象的に伝えています。 ...
-
ADI-2 DAC | スタジオ・サウンドを自宅でも
ドイツRME社製のDAコンバーター、ADI-2 DACの公式特設ページのWEBデザインです。 接写画像を多用して横幅いっぱいに表示したダイナミックなデザインで、強いインパクトを与えながら被写体にフォーカスし、より製品の魅力を伝えています。 さりげなくパララックス効果を取り入れたり次コンテンツへのアローを配したりと、シングルページの中にストーリーを感じさせる作りになっています。...
-
Jimi Hendrix | The Official Jimi Hendrix Site
アメリカ/ワシントン州シアトル出身のミュージシャン、Jimi Hendrix（ジミ・ヘンドリックス）オフィシャルサイトのWEBデザインです。 スライダーの周りを彩るサイケデリックなフレームが大きな特徴のサイトで、ブルーやパープルの配色と相まってユニークで目を引くデザインになっています。 フッターにもサムネイルを表示することで、視覚的にも分かりやすい動線作りがされています。...
-
ONE OK ROCK official website
日本のロックバンド、ONE OK ROCK（ワンオクロック）オフィシャルサイトのWEBデザインです。 ベーシックな2カラム+グリッドのレイアウトにロゴや背景テクスチャでグランジ感をプラスしたデザインで、 ナビゲーションや見出しに加えたさりげないグラデーションがサイトに華やかさや奥行き、広がりを加えています。...
-
MACO OFFICIAL WEBSITE
北海道函館市出身の女性シンガーソングライター、MACO（マコ）さんのオフィシャルサイトのWEBデザインです。 淡いピンク×ブルーのグラデーションと細めのフォントが柔らかく優しい印象を作っているデザインで、 NEWSやLIVEなどのページではカテゴリーごとにラベルを色分けすることで彩りを加えつつ、見やすく分かりやすくなるような配慮がされています。...
-
KORG (Japan)
シンセサイザーやデジタルピアノ等の電子楽器の製造/販売メーカー、KORG（コルグ）のWEBデザインです。 左側にナビゲーションを固定したカード型＆グリッドレイアウトが特徴のデザインで、 シンプルなモノトーン配色の中で見出し部分にグラデーションを取り入れたり、製品カテゴリーごとにカラー分けをして華やかに彩っています。...
-
Featured Content on Myspace
音楽やエンターテインメントを中心としたSNS、Myspace（マイスペース）のWEBデザインです。 左側に固定されたナビゲーションと下部に固定された音楽プレーヤー、カード型のグリッドレイアウトが特徴で、 下層ページの見出し部分に美しいグラデーションを取り入れてサイトをより魅力的に見せつつ、音楽を聴く時の高揚感も伝わってきます。...
-
The Chainsmokers – Home
アメリカ/ニューヨーク州を拠点とするDJ・ソングライターデュオ、The Chainsmokers（ザ・チェインスモーカーズ）オフィシャルサイトのWEBデザインです。 鮮やかな発色のグラデーションやカラーフィルターが絶妙なコントラストやかすれ具合を表現したカラフルなデザインで、対照的に手書き風のロゴやナビゲーションが親しみや温もりを感じさせてくれます。...
-
椎名林檎トリビュートアルバム「アダムとイヴの林檎」特設サイト
東京事変のポーカルでもある女性シンガーソングライター、椎名林檎(しいなりんご)さんのトリビュートアルバム「アダムとイヴの林檎」特設サイトのWEBデザインです。 噛られた林檎のイラストが印象的なアルバムのアートワークをモチーフとしたサイトデザインで、横幅いっぱいに表示されたみずみずしいグリーンのグラデーション背景と、その上に表示されたメインビジュアルが印象的です。 ロゴや見出しにも林檎アイコ...
-
Fractal Audio Systems – Amp Modeling and Effects Processor Technology
アメリカ/ニューハンプシャー州のエフェクター・プリアンプメーカー、Fractal Audio Systems（フラクタルオーディオシステムズ）のWEBデザインです。 派手な画像を大きく表示したダイナミックなサイトで、ジャンプ率が大きな見出しやグラデーション等が賑やかで動きのあるデザインを作っています。 モノトーンにブルーとオレンジを加えた配色は誠実なイメージに躍動感やエネルギーを感じさせていて...
-
氷室京介｜KYOSUKE HIMURO LAST GIGS Special Site｜Warner Music Japan
ロックボーカリスト・氷室京介氏のライブ映像作品「LAST GIGS」特設サイトのWEBデザインです。 ブラックベースの縦長ページを繊細なグラデーションの枠で囲んだデザインで、シンプルながらサイト全体を鮮やかに彩っています。 スクロールでグラデーションと共に変化していく背景画像もサイトに彩りを与えていて、縦長のページに変化と動きを加えています。...
-
映画 JACO［ジャコ］公式サイト
孤高のベーシスト、ジャコ・パストリアスを描いたドキュメンタリー映画、JACO(ジャコ)公式サイトのWEBデザインです。 メタリカのベーシスト、ロバート・トゥルージロが制作総指揮を執り2015年にアメリカにて公開された作品で、貴重な映像と共に今も多くのベーシストに敬愛されるジャコ・パストリアスの魅力に迫っています。 サイトはポスター等のビジュアルを落とし込んだデザインで、青を基調としたほのかなグ...
-
ANKOR | Official site
スペインのエモ・スクリーモ/パワーメタル・バンド、ANKOR（アンコール）のWEBデザインです。 Guns N' Roses、Marilyn Manson、Nightwishとも共演したキャリアを持ち、80年代のパワーメタルや90年代以降のエモ/スクリーモ/ラウドロックといった要素をバランスよく融合させながら女性ボーカルならではの艶やハイトーンによるスリリングな展開が母国を中心に注目を集めている...
-
SoundCloud – Listen to free music and podcasts on SoundCloud
ドイツ/ベルリンを拠点とする音声ファイル共有サービス、SoundCloud（サウンドクラウド）のWEBデザインです。 音楽ストリーミングのプラットフォームとして多くのバンドやミュージシャンが楽曲を公開・配布しており、新たなジャンルやアイデアに触れられる場所として多くのユーザーに支持されています。 サイトはデュオトーンやグラデーションを効果的に使ったデザインで、アーティスティックながらもポップで...
-
音楽発見サービス – Spotify
世界最大手の音楽ストリーミング配信サービス、Spotify（スポティファイ）のWEBデザインです。 鮮やかな配色のグラデーションやデュオトーンを大胆に取り入れたポップでビビッドなデザインで、シンプルでありながらも非常に印象に残るサイトです。...
