📂
Design
  • Design and Interaction System
  • Designing for MR
    • Introduction - Design for MR
    • Content Placement in Mixed Reality
    • User's State of Experience
  • Visual Design
    • Introduction - Visual Design
    • User Interfaces in Mixed Reality
    • Scale, Depth & Size
    • Theme System
      • Color System
      • Typography
      • Shape System
      • Transition System
    • Components of Tesseract Mixed Reality Design
      • Typography
      • Button
      • Progress Indicator
      • Radio Button
      • Check Box
      • Keyboard
      • Toggle Button (Switch)
      • Video View
      • Voice UX
      • Canvas
      • Image View
      • Text View
      • Slider
      • Scroll View
      • Dialog Box
      • Dropdown
      • Pointer
      • Input Field
      • Search Bar
      • Tool Tip
  • Interaction Design
    • Introduction - Interaction Design
    • Multimodal Interactions
    • Voice
    • JioGlass Controller
    • Navigation System
      • States
      • Transitions
Powered by GitBook
On this page
  • Layout
  • Usage
  1. Visual Design
  2. Theme System

Shape System

PreviousTypographyNextTransition System

Last updated 2 years ago

Shapes are a fundamental element that define the theme system.

Tesseract Mixed Reality Design uses rounded curved edges style for exuding simplicity and comfort.

The architecture should define an icon pack format that can be expanded later on to include more variations of design assets that can be loaded/changed during runtime.

Layout

Square/Rectangle Shape (Round): Corner edges = 30px & 15px ( depending on the size of the shape on Display)

Eg. 1. If it is a Button or Box- 30 px corner is suggested. 2. If its a Text box- 15 px corner is suggested.

Usage