Title Screen and Icon Design Project

A Title Screen functions as a way for the user to enter into a game and sets the tone for a specific style of artwork or gameplay. An App Icon works in a similar way and also serves as the visual identifier that activates the game on a mobile device. App Icon and Title Screen Design are closely related to branding, logo development, typography, and interface design. This project will introduce the aesthetic theme and design style of graphics present in your game concept. Our theoretical game for the semester is a side/vertical scroll “tapping”, "clicker" or “infinite runner” style mobile game. The Title Screen and App Icon you generate should reinforce the graphics, illustrations, and design work that you have done in previous project work. This project will be incorporated into future project work and can be refined after the project is complete.

Objectives:

  • Develop ability to use vector graphics in visual design
  • Develop ability to use vector graphics in concept development
  • Explore design process, iteration, and versioning
  • Explore generation of graphics for identity and branding
  • Explore presentation of artwork through print and websafe images

Requirements:

  • Title Screen Layout with Visual Hierarchy:
    • Title – Logo Graphic, Hand Drawn Lettering OR Modified Typography, Subtitle/subheading
    • Interface Elements – Buttons (start, difficulty, settings, other, etc)
    • Background – Still image or composition based on character, environment, or gameplay
    • Optional Info – World Map, Stats, Scoring, High Score, Company, Year
    • Color, Style, and Shape based on character/environment
    • Single Screen layout
    • Well-Developed Title Screen Visual Layout
  • App Icon design with multiple scaled versions of design
    • Design at 512px X 512px with 80px Radius Coners
    • Resized or Scaled from that size to:
      • 256px X 256px
      • 128px X 128px
      • 64px X 64px
    • Incorporate aspects of Character/Environment/Interface
    • Visual Design and style related to game concept
  • Final Layout to fit on 13” x 19”
  • Submit Project at Deadline
    • Submit one PNG (Web Safe)
    • Submit one PDF (print/archive)

Evaluation:

  • 50 points – Requirements
    • Meets Requirements
    • Project Appears Complete
    • Illustrations are Well-Developed
    • Basic (30pts) - Mid Level (40pts) - Advanced (50pts)
  • 200 points - Execution
    • Demonstrates Correct Use of Vector Tools
    • Vector Tools Applied in Appropriate Ways
    • Shows Evidence of Understanding Assigned Processes
    • Basic (150pts) - Mid Level (175pts) - Advanced (200pts)
  • 200 points - Presentation
    • Demonstrates Understanding of Visual Design Principles
    • Shows Evidence of Attention to Detail
    • Demonstrates Understanding of Aesthetic Presentation
    • Basic (150pts) - Mid Level (175pts) - Advanced (200pts)
  • 50 points – Solution
    • Evidence of Self Expression
    • Evidence of Creative Approach
    • Evidence of Risk Taking
    • Basic (30pts) - Mid Level (40pts) - Advanced (50pts)

Conditions

  • Project is unlocked after students achieve 1500 points total.
  • Project is unlocked after students complete Character Project
  • Project is unlocked after students complete Environment Project
  • Project must be submitted in order to unlock other projects.
  • Project is required.
  • Project Formal Critique: Class 24 - November 28

Example Project

project example