Art Vision Vol. 01 // The Genesis of Style: GUI & Video | Marvel Rivals

Welcome to the Marvel Game World

Introduction to Visual Style

• The game features a unique artistic style that presents an exciting split-screen gaming experience, diverse worldviews, and epic storylines.

• The initial goal was to create a distinctive American visual style and system.

• Inspiration was drawn from various sources including anime, film animation, and graphic packaging.

Artistic Techniques

• Expressionist painting characteristics were combined with vibrant colors and bold strokes, emphasizing main color tones for lively visuals.

• Anime style is particularly effective in portraying characters and storytelling with bright colors reflecting pop culture influences.

Development of Visual Extensions

Implementation of Visual System

• Subsequent game interfaces, cutscenes, promotional videos, websites, and merchandise are based on this visual system termed "Dynamic Comic Style."

• Players first encounter this visual style through the game's launcher interface upon logging in.

Design Elements

• The launcher aims to establish a unique Marvel aesthetic as part of its visual packaging strategy.

• Super symbol design provides continuity throughout the interface while enhancing the game's energetic impression.

Interface Design Choices

Flat Design Preference

• A flat design approach was chosen for its modernity and adaptability while maintaining strong visual impact.

• This simplicity allows the art style to stand out effectively.

Geometric Integration

• Elements like anime sensations and geometric forms are integrated into designs as core components of Marvel IP's systematic design approach.

Energy Dynamics in Design

Conveying Emotion Through Design

• Geometric crystal shapes serve as a universal interface base; orderly arrangements convey transitions within the IP universe.

• High-energy dynamics infuse both interface and transition designs with vibrancy that expresses positive emotions.

Player Experience Enhancements

Emotional Engagement Strategies

• Energy intensity varies according to gameplay changes; impactful moments are designed to evoke strong emotional responses during critical game events.

Blending 2D and 3D Elements

Innovative Character Presentation

• Adhering to 2D principles while innovating beyond traditional boundaries creates dynamic character displays in hero selection screens.

• Flat stylized lighting enhances character presentation by adding depth without losing 2D aesthetics.

Commercialization Aspects

Banner Designs in Storefront

• Banners represent significant design elements within the store; color plays a crucial role in evoking player emotions.

• Color contrasts dominate commercial designs where primary colors take precedence over basic tones for heightened impact.

Battle Pass Storytelling

Narrative Integration into BP Designs

• Each season's battle pass centers around core items like time crystals or dark tomes while incorporating narrative elements into their designs.

• Final designs merge hero actions with compelling visuals that resonate emotionally with players.

Summary of Key Design Principles

Core Aesthetic Goals

• The primary focus remains on conveying flatness alongside anime influences within Marvel’s unique visual identity.

Video Production Insights

Animation Techniques Used

• Early promotional animations aimed at capturing grand narratives through innovative camera techniques focusing on distance contrast.

• Enhanced action density using dynamic lines contributes significantly to portraying heroic qualities effectively.

Player Immersion Through Cutscenes

Engaging Storytelling Methods

• Players navigate choices between being guardians or destroyers within an epic storyline conveyed through animated sequences.

Consistency Across Video Content

Maintaining Visual Cohesion

• Video styles align closely with game graphics ensuring consistent atmosphere while enhancing narrative clarity through color saturation adjustments.

Behind-the-scenes Process Overview

Storyboarding Challenges

• Initial storyboards focus on key scenes derived from scripts requiring meticulous planning for dynamic movements across frames.

Balancing Creativity With Practical Constraints

Overcoming Production Challenges

• Striking balance among creative vision, technical feasibility, and production timelines poses ongoing challenges throughout project development.