SPOBAN NEWS

お知らせ

スポーツを楽しむ毎日へ。
スポバンの新しい機能と、大切なご案内。

サービス更新・運営からのお知らせ
新機能トーナメントアップデート

トーナメント表をもっと自分好みに!角丸・配色セットなど、デザインカスタマイズが登場

いつもスポバンドットコムをご利用いただき、ありがとうございます。

トーナメント表の見た目を、もっと自分好みに。線の角丸、配色セット、勝ち上がりの強調、優勝表示を組み合わせて選べる、トーナメントのデザインカスタマイズ機能を公開しました。

同じ組み合わせ・試合結果でも、設定ひとつで印象が変わります。まずは注目の「角丸」から、ぜひ試してみてください。

角丸の線とグリーン配色を組み合わせたトーナメント表
角丸 × グリーン × 色+太線 × カップ。実際の描画機能で作成した、架空の4チームによる表示例です。 画像を押すと拡大できます。

いちばん試してほしい、新しい「角丸」

これまでの直角の線に加えて、曲がり角をなめらかにした「角丸」を選べるようになりました。勝ち上がりの線も角丸でつながり、トーナメント表全体がやわらかく、すっきりとした印象になります。

切り替えるのは「線の形」だけ。いつもの直角のデザインも引き続き選べるので、大会の雰囲気に合わせて比べてみてください。

同じ試合結果を標準の直角と角丸で表示した比較
上が「標準(直角)」、下が「角丸」。線の曲がり角に注目してください。 画像を押すと拡大できます。

配色セットで、雰囲気をまとめてチェンジ

「標準」「ブルー」「グリーン」「ブラック(白い線)」「モノクロ」の配色セットを用意しました。線だけでなく、文字や背景、周囲の表示領域も配色に合わせて変わります。

爽やかなブルー、やさしいグリーン、黒い背景に白い線が映えるブラック。同じ表でも、こんなに雰囲気が変わります。

ブルー、グリーン、ブラック、モノクロの配色を比較したトーナメント表
配色セット4種類の表示例。いずれも角丸とカップ表示を組み合わせています。 画像を押すと拡大できます。

これまでの個別カラー設定も、そのまま使えます。「配色」で「カスタム(個別のカラー設定)」を選ぶと、お好みの色を個別に設定できます。配色セットに切り替えても、カスタムの色設定は保持されます。

勝ち上がりの見せ方も、3種類から

  • 色+太線:勝ち進んだ経路を、色と太さではっきり見せたいときに。
  • 色のみ:通常の線と同じ太さで、すっきりと。配色セットでは勝利線が赤系になり、経路を見分けやすくなります。
  • 控えめ:細い線と淡い色で、落ち着いた表示に。
勝ち上がり表示の色と太線、色のみ、控えめの3種類を比較
同じグリーン配色で、勝利線の太さと濃さを比較した例です。 画像を押すと拡大できます。

優勝表示は、カップ・文字のみ・非表示

優勝チームをカップ付きで華やかに見せるか、文字だけでシンプルに伝えるか。それとも優勝表示を出さず、組み合わせと結果を中心に見せるか。用途に合わせて3段階で選べます。

優勝表示をカップ付き、文字のみ、非表示に切り替えた比較
上から「カップ+優勝者名」「文字のみ」「非表示」。試合結果は同じです。 画像を押すと拡大できます。

設定方法:まずは角丸に切り替えてみよう

  1. 変更したい大会の編集・管理画面を開きます。
  2. 「詳細設定」を開き、「詳細入力」に切り替えます。
  3. 「配色・デザイン」の「線の形」で「角丸」を選びます。
  4. 配色・勝ち上がり表示・優勝表示を選び、プレビューで雰囲気を確認します。
  5. 「設定保存」を押すと、大会の表示に反映されます。
配色・デザイン設定画面。グリーン、角丸、色と太線、カップ付き表示を選択
実際の設定画面です。プレビューは表示例です。変更したら「設定保存」を押してください。 画像を押すと拡大できます。

迷ったら、この組み合わせから

  • やわらかく爽やかに:角丸 × グリーン × 色+太線 × カップ。
  • かっこよく目立たせる:角丸 × ブラック × 色+太線 × カップ。
  • すっきり見せる:角丸 × ブルー × 色のみ × 文字のみ。

作成済みの大会でも、編集権限があれば設定を変更できます。角丸と配色を切り替えながら、お気に入りの組み合わせを探してみてください。

新しい大会を作る

掲載画像は、架空のチーム名とサンプルの試合結果を使った表示例です。比較用に見出しを添えています。画面の大きさやチーム数によって配置は異なります。

今後ともスポバンドットコムをよろしくお願いいたします。