Foto & motion
Jenis foto dan video yang sudah dimiliki XSERIES, cara memakainya di produk digital, gaya grading, dan aturan animasi.
Inventaris foto yang ada
| Jenis | Contoh | Kualitas untuk web | Pemakaian |
|---|---|---|---|
| Potret takhta (studio) | Player card XS-3 | Tinggi, tapi butuh file asli | Player card, halaman pemain |
| Arena render | FAQ, tiket XS-3 | Tinggi | Hero, latar tiket |
| Dokumenter (bandara, sekolah) | XS-2 | Sedang (dari story) | Cerita, arsip, halaman tim |
| Pertandingan | Klip XS-2 | Rendah (screenshot story) | Butuh foto resmi dari fotografer event |
| Press conference | XS-2 | Sedang | Berita, arsip |
Dua gaya foto
Baca dua kolom ini sebagai pasangan: "panggung" membuat pemain terasa besar, "ruang ganti" membuat pemain terasa dekat.
Membuat pemain terasa besar
- ContohPotret takhta, arena, key visual
- CahayaTerarah, kontras tinggi, rim light merah/teal
- GradingHitam pekat, highlight dingin, aksen merah
- Di produk digitalHero, kartu, profil
Membuat pemain terasa dekat
- ContohBandara, school visit, latihan
- CahayaNatural, apa adanya
- GradingHangat, sedikit grain (seperti XS-2)
- Di produk digitalCerita, arsip, feed tim
Contoh nyata dari materi yang sudah ada. Bandingkan cahaya dan grading kedua kelompok.
Kedua gaya dipakai bersama. Ini menjawab celah XS-2, di mana grafis dan dokumenter terasa seperti dua brand (Audit identitas). Yang menyatukan keduanya adalah bingkai UI yang sama (hitam, wordmark, tipografi), bukan grading yang sama.
Kebutuhan shoot untuk XS-3
Enam catatan ini perlu dikirim ke tim produksi GOS sebelum photoshoot pemain. Tiap catatan menyebut untuk apa foto itu dipakai.
Dikirim ke tim produksi GOS
Penting
Semua foto evidence di dokumentasi ini adalah screenshot dari Instagram dengan resolusi rendah. Untuk produksi, minta file asli dan hak pakai untuk web dan app ke GOS, termasuk izin pemakaian wajah pemain internasional (V7).
Motion
Karakter gerak
Arahkan kursor atau tap tiap baris untuk melihat gerakannya. Kurva di kiri menunjukkan easing.
cubic-bezier(.2,.8,.2,1)Fade + naik 8pxcubic-bezier(.65,0,.35,1)Rotasi Y 180° dengan cahaya yang menyapu permukaanease-outFlash warna kartu, zoom 1,04, kembaliease-outAngka skor naik dengan efek "slot"linearAngka merah, denyut tiap detiklinearX terisi dari mint ke merahAturan
Kiri untuk momen permainan, kanan untuk UI biasa.
Hanya untuk momen permainan
- KapanKartu, gol, live
- ContohFlash, zoom, efek "slot" pada skor
Untuk UI biasa
- KapanNavigasi, masuk halaman, hover
- ContohFade dan geser pendek, cepat
- Tidak ada animasi berulang tanpa henti di halaman yang dibaca (artikel, aturan).
- Semua animasi punya versi
prefers-reduced-motion. - Video loop di player card maksimal 5 detik, tanpa suara, dan tidak autoplay di koneksi lambat.
Referensi gerak
- Preloader animasi dan marquee di ballerleague.us
- Ilustrasi aturan di Kings League rules
- Lapangan LED XS-1 sebagai kanvas: evidence XS-1
Dasar riset
- Potret takhta, arena render, kedatangan di bandara, school visit, dan press conference berasal dari highlight IG: Audit konten Instagram, FAQ dan TICKET, dan XS-2, dari Instagram @xseries___
- School visit terhubung ke basis pelajar Futsal Series: Games of Society
- Foto evidence beresolusi rendah karena semuanya screenshot: batasan riset
Benang merah halaman ini
Halaman yang menjadi dasar halaman ini, dan halaman lain yang memakainya.