世界的なスポーツブランド、NIKEのデザインガイドラインのページです。モノトーンでまとめた色使いで、ファーストビューではブラックのラインで区切られた画面にシンプルにタイトル・キャッチコピー・ロゴが配置されています。サムネイルのコーナーと辺の中央に白いドットを配置して、バウンティングボックスのように見せた各コンテンツの入り口はデザインソフトの編集画面をほうふつとさせます。下層ページも大小の写真とテキストをグリッドで区切ったエリアに配置し、重要な単語にはイエローのベタを下に敷いてラインマーカーのように見せています。
カテゴリ
基本情報
スポーツに関連するデザイン
- 「草野球ワールドシリーズ2019」のホームページデザイン解説
ファーストビューは3人の野球選手の写真で構成されたスライドショーで、ブラックの背景に溶けこむように加工された写真と、写真に重ねられた力強いキャッチコピーが迫力を生み出しています。ブラックとダークグレーの背景にくっきりとしたホワイトのフォント...
- 「Oakshop」のホームページデザイン解説
スポーツウェアブランドのオークリーのECサイトです。メインビジュアルの鮮やかな女性アスリートの写真から画面をスクロールすると、一転してブラック基調のクールな写真に切り替わり、クールなイメージを感じさせます。商品ページのテキストもブラックとグ...
- 「Championオンラインストア」のホームページデザイン解説
ファーストビューではテンポ画面幅いっぱいに表示されたスライドショーがテンポよく再生され、商品ラインナップの多彩さを表すと同時にお得なクーポンやキャンペーンの情報を効率よく表示しています。グリッド上に整然と並んだレイアウトを基本としていますが...
サービスサイトに関連するデザイン
- 「Caroselling」のホームページデザイン解説
イタリアのデザインスタジオのページで、サイトにアクセスすると画面を埋め尽くす勢いの大きなフォントで書かれたキャッチコピーに圧倒されます。トップページは写真が1枚使われている以外はすべてフォントの大小とウェイトの差のみでコントラストをつけたレ...
- 「stimmt」のホームページデザイン解説
オランダのデザイン会社のサイトです。ファーストビューではダークな画面に流線型のグラフィックが浮かび上がり、その上にホワイトのフォントでメッセージが重ねられた画面が目を引きます。モノトーン中心の配色に鮮やかなピンクが映え、スタイリッシュな中に...
- 「TRIPPIN」のホームページデザイン解説
海外の旅行をメインにしたコミュニティプラットフォームサイトで、隙間なく並べられた角丸長方形のサムネイルにはヒートマップ風にドットが重ねられており、記事ページに移動すると同じ色のピンがマップに重ねられています。画面左2/3がマップ、残りのエリ...
ホワイトを使ったデザイン
- 「ヘンミ胃腸内視鏡・内科クリニック」のホームページデザイン解説
細身のフォントとシンプルなラインのアイコンで構成された病院ロゴと、病院の様子を伝えるスライドショーで病院の清潔感と信頼感をまず与えています。診療科はイラストアイコンを使って自分のかかりたい科が直感的にわかる構成です。下層ページのタイトルはラ...
- 「WEEK END」のホームページデザイン解説
ファーストビューはスタイリッシュな写真と製品の切り抜き写真を切り替えるスライドショーを組み合わせてメインビジュアルとしており、スライドショーを切り替えるとビジュアルも連動して切り替わる仕組みになっています。サイトに使われている写真もモノトー...
- 「美容室MILLOR」のホームページデザイン解説
ファーストビューには何ができる美容院かがしっかりと表現され、関連するイラストや写真や手書きの文字がまとめられた伝えたいメッセージが明確で理解がしやすいホームページです。その下にはLOOKBOOKと題し、様々な髪型のモデルが並んでいます。どん...
かっこいいなホームページのデザイン
- 「Rondomark」のホームページデザイン解説
ファーストビューではダークな画面の中にスモーク風のグラフィックがうごめき、中央に配置された企業名にも鮮やかなレインボーカラーのアニメーションを重ねて、スタイリッシュなイメージを強く感じさせます。ベースの色使いはモノトーンでまとめ、タイトルや...
- 「stimmt」のホームページデザイン解説
オランダのデザイン会社のサイトです。ファーストビューではダークな画面に流線型のグラフィックが浮かび上がり、その上にホワイトのフォントでメッセージが重ねられた画面が目を引きます。モノトーン中心の配色に鮮やかなピンクが映え、スタイリッシュな中に...
- 「Men’s Hair SPICE|佐賀市高木瀬・夢咲にある男性専用の…」のホームページデザイン解説
男性専用の店舗として黒と白のモノトーンカラーを基調としたスタイリッシュでカッコいい印象のホームページです。上部には注目させたい3つのカテゴリーをバナーにて表示させています。バナーには関連するお洒落な画像を用いることで理解が進みます。 ニュー...