CATEGORY : グラデーション
-
La Dispute
アメリカ/ミシガン州出身のポスト・ハードコアバンド、La Dispute(ラ・ディスピュート)のオフィシャルサイトのWEBデザインです。 アルバム「Panorama」のアートワークをフルスクリーンで表示した、パステル調の淡く柔らかな色合いのサイトデザインです。 シンプルな構成のフラットデザインに、さりげなくグラデーションやパララックスも取り入れていて奥行きや広がりも感じさせています。...
-
TWICE OFFICIAL SITE
韓国・日本・台湾人からなる多国籍の女性9人組アイドルグループ、TWICE (トゥワイス）の日本オフィシャルサイトのWEBデザインです。 フルスクリーン表示した動画を効果的に使ったTOPページと、色数を抑えた配色とたっぷりと取った余白がシンプルで上品な印象の下層ページで構成されています。 ページ読み込み時のローディング画面が全面グラデーション+ロゴのアニメーションとなっていて、離脱率を抑えながら...
-
映画『ボヘミアン・ラプソディ』公式サイト 大ヒット上映中！
イギリスのロックバンド・クイーンのフレディ・マーキュリーに焦点を当てた伝記ドラマ、ボヘミアン・ラプソディの公式サイトのWEBデザインです。 パープルとイエローを基調とした配色とグラデーション、シルエットが映画を象徴するかのようなキービジュアルが特徴のサイトです。 セクションの区切りを斜めにしたりスプリットでコンテンツを表示したりと、レイアウトにひねりを加えて躍動感も与えています。...
-
PUBIC HAIR GROOVING｜アンダーヘアで音楽を
株式会社人間とm-floの☆Taku Takahashi氏によるアンダーヘアで音楽を作るプロジェクト、PUBIC HAIR GROOVINGのWEBデザインです。 衝撃的なキービジュアルとカラフルな配色やグラデーション、大胆なタイポグラフィーや斜めの要素が特徴のシングルページです。 canvasで描画された波形のアニメーションや動画の背景画像等がダンス・エレクトロニカ感も高めている、ユニークで...
-
桑田佳祐 Act Against AIDS 2018「平成三十年度！ 第三回ひとり紅白歌合戦」スペシャルサイト
サザンオールスターズのボーカル・桑田佳祐氏の第三回ひとり紅白歌合戦スペシャルサイトのWEBデザインです、 ゴールドのグラデーションや画像であしらった和風デザインと、紙吹雪のアニメーションが特徴のサイトです。 モバイルファーストを意識したようなレイアウトは閲覧デバイスによるデザインの差異が少なく、ARCHIVE要素では横幅いっぱいに表示を切り替えて最適化しています。...
-
城 南海オフィシャルサイト
鹿児島県奄美市出身の女性歌手、城 南海（きずき みなみ）さんのオフィシャルサイトのWEBデザインです。 ナチュラルで澄んだ印象を受ける配色とロゴをずらして重ねたキービジュアル、縦書きのナビゲーションや見出しが特徴のサイトです。 繊細で上品な雰囲気の幾何学模様の背景パターンが女性らしさを、縦書きのテキストがサイトをより印象的にして和を感じさせるデザインです。...
-
SHIBUYA MUSIC SCRAMBLE -渋谷音楽祭2018-
東京/渋谷の街全体をステージに活用した音楽イベント、渋谷音楽祭2018のオフィシャルサイトのWEBデザインです。 ロゴとキャッチコピーを大胆にフルスクリーン表示して、イベントごとにセクションで区切った縦長のシングルページサイトです。 セクションごとに背景画像や背景色で区切り、デザインテイストの異なるイベントを上手く1ページにまとめています。 嫌味を感じないさりげないパララックスは、縦長ページ...
-
CHVRCHES | LOVE IS DEAD
イギリス/グラスゴー出身のエレクトロポップ・バンド、CHVRCHES（チャーチズ）オフィシャルサイトのWEBデザインです。 ピンクとブルーを基調にしたカラフルな配色と、アルバム「LOVE IS DEAD」のアートワークをモチーフにしたデザインのシングルページのサイトです。 スクロールに合わせて背景色が変化していくのが美しく、さりげなく取り入れたブラシ風のデザインがアクセントを付けているのも特徴...
-
Animal Collective
アメリカ/ボルチモア出身のインディーロックバンド、Animal Collective（アニマル・コレクティヴ）オフィシャルサイトのWEBデザインです。 サイケデリックなその音楽性を表現するかのような、幾何学模様で描かれた動物やクリック時の効果音がインパクトの大きなサイトです。 筆で手書きされたようなフォントにさりげなくグラデーションを取り入れたり、細かなエフェクトやアニメーション等、細部までこ...
-
五五七二三二〇 オフィシャルサイト
私立恵比寿中学のメンバー扮する前衛的アイドル、五五七二三二〇（ゴー・ゴー・ナナ・ニー・サン・ニー・レー）オフィシャルサイトのWEBデザインです。 フルスクリーン表示の菱形の中にコンテンツ、外側にメンバーとココナッツサブレが入れ替わるアニメーションが特徴のサイトです。 他のサイトでは見られない発想やレイアウトとカラフルで重厚なクリエイティブ等、コンセプトと共にユニークで斬新過ぎるデザインです。...
-
The Beach Boys | Home
アメリカ/カリフォルニア州出身のサーフロック・バンド、The Beach Boys（ザ・ビーチ・ボーイズ）オフィシャルサイトのWEBデザインです。 フラットデザインとグリッドや2カラムでのレイアウト、瑞々しく爽快感のある配色にレトロ感を持ったロゴやバッジデザインが特徴のサイトです。 さりげなくパララックスやグラデーションを取り入れるなど、シンプルな世界観の中に奥行きや広がりを与えています。 ...
-
第９回大阪国際室内楽コンクール＆フェスタ｜OSAKA International Chamber Music Competition & Festa | 公益財団法人 日本室内楽振興財団
公益財団法人・日本室内楽振興財団が運営する第９回大阪国際室内楽コンクール＆フェスタのオフィシャルサイトのWEBデザインです。 格調高く重厚感を感じさせるブラック×ゴールドの配色と、斜めの要素をふんだんに使ったレイアウトがスタイリッシュな印象を与えているサイトです。 随所にさりげなくグラデーション要素を取り入れている事でアクセントを与え、ダークな印象になりがちな配色を華やかで鮮やかに彩っています...
-
TuneCore Japan
デジタル音楽配信サービス、TuneCore Japan（チューンコア・ジャパン）のWEBデザインです。 ドキュメンタリーのような動画をフルスクリーンで表示、その中央に配置したシンプルなキャッチコピーと赤色のボタンが目を惹くサイトです。 シンプルでスタイリッシュなレイアウトの中にパララックスやグラデーション、デュオトーンを取り入れてモダンな印象を与えています。...
-
Kesha Official Site
アメリカの女性歌手/シンガーソングライター、Kesha（ケシャ）のオフィシャルサイトのWEBデザインです。 アルバム「Rainbow」のアートワークをモチーフにしたポップでカラフル、賑やかなシングルページのサイトです。 マウスオーバーで反応するアートワークと、フォームのボタンが目玉のような画像になっている部分に遊び心を感じます。...
-
RAY OFFICIAL WEB SITE
大阪出身のレゲエ・シンガー、RAY（レイ）さんのオフィシャルサイトのWEBデザインです。 フルスクリーンで切り替わり表示されるダイナミックなビジュアルと細かな装飾のアニメーションが特徴的なサイトです。 アーティスト写真を水彩画風の背景イラストに溶け込ませていたり、さりげなく取り入れたグラデーションが美しいデザインです。...
-
Norah Jones
ニューヨーク出身のシンガーソングライター、Norah Jones（ノラ・ジョーンズ）さんのオフィシャルサイトのWEBデザインです。 モノクロの画像とグラデーションで繋がれたゴールドのロゴがどこかレトロでジャジーな印象も感じさせるデザインです。 シングルページをセクションによって横幅いっぱいの背景画像を敷いて区切りを分かりやすく、またサイトをダイナミックにもしています。...
-
KENJI ENDO
東京出身のレジデントDJ/トラックメーカーのKENJI ENDOさんのオフィシャルサイトのWEBデザインです。 印象的なアーティスト画像と大胆なタイポグラフィ、canvasで描かれたアブストラクトな模様のアニメーションが特徴的なサイトです。 スクロールで変化していくパララックスやグラデーションも美しく、またコンタクトフォームのホバーエフェクトと合わせて近未来感も感じられるデザインです。...
-
タビノエ – きこえる音、うかぶ風景 – 10/7(日) 18:30 東京・蔵前 Nui. HOSTEL& BAR LOUNGE
音楽イベント、「タビノエ – きこえる音、うかぶ風景 -」の特設サイトのWEBデザインです。 ホワイトスペースが心地の良いゆったりとしたレイアウトと美しい風景画像、その上にずらして重なったテキストが特徴のデザインです。 ジャンプ率の低いテキストと淡い配色、さりげなく取り入れたナビのグラデーション等が柔らかで落ち着いた雰囲気を演出しています。...
-
酸欠少女さユり公式サイト
福岡出身の女性シンガーソングライター、酸欠少女さユりさんのオフィシャルサイトのWEBデザインです。 シングル「月と花束」のアートワークをモチーフとしたデザインで、フルスクリーンのダイナミックな表示とパララックスが奥行きを与えています。 セリフ体の大きな見出しと画面右に固定されたナビゲーションも特徴で、グラデーションも取り入れることで深みが増し、よりサイトの世界観を魅力的にしています。...
-
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デザインです。 鮮やかな配色のグラデーションやデュオトーンを大胆に取り入れたポップでビビッドなデザインで、シンプルでありながらも非常に印象に残るサイトです。...
