KEMBAR78
UI / UX Design Processes | PDF
UI / UX DESIGN
P R O C E S S E S
DESIGN FOR SUCCESS
by Miss Lipas
WHAT IS UI / UX ?
SKETCH
#01
#02#03
#04#05
#06
• Concept Art Research
• Sketch Character Concept
• Sketch Details For 3D modeling
3D MODEL
•LowPoly Modeling
•DetailingTo Highpoly
•Unwrapping UV
•Organize UV
•ExportTo PhotoShop
TEXTURE
•Texture Research
•Texturing
•Material For 3D Model
•Detailing
RIG
•Skeleton And Detailing
•Blend Shape For Lips Sync And Detailing
•DetailingThe Paint Weight
•Controller Creation
ANIMATION
•Based On Storyboad
-Blocking , Smothing
And Detailing
•Lip Sync For Dialog
APP INTEGRATION
•Import 3D with AnimationTo Scene
•Vuforia Setting
•Build
•Testing
•Bug Fixing
DESIGN PROCESS
1. SKETCH & IDEATION
2. PAPER TO DIGITAL
3. WIREFRAME / DETAILS
4.VISUAL CONCEPT
4.1 COLOUR
4.2 TYPOGRAPHY
4.3 GRAPHICS
5.0 PROTOTYPE
1 . SKETCH & IDEATION
P A P E R B A S E D
2 . FROM PAPER → DIGITAL
D I G I T A L I Z A T I O N
3 . WIREFRAME / DETAILS
D I G I T A L B A S E D
4 . VISUAL CONCEPT
4.1 COLOUR
MOOD BOARD
COLOUR
4.2 TYPOGRAPHY
4.3 GRAPHICS
ICON – BUTTON – ELEMENT -
PHOTOGRAPHY - VECTOR ILLUSTRATION
5.0 PROTOTYPE
DESIGN SPRINT
UI / UX Design Processes

UI / UX Design Processes

  • 1.
    UI / UXDESIGN P R O C E S S E S DESIGN FOR SUCCESS by Miss Lipas
  • 2.
    WHAT IS UI/ UX ?
  • 7.
    SKETCH #01 #02#03 #04#05 #06 • Concept ArtResearch • Sketch Character Concept • Sketch Details For 3D modeling 3D MODEL •LowPoly Modeling •DetailingTo Highpoly •Unwrapping UV •Organize UV •ExportTo PhotoShop TEXTURE •Texture Research •Texturing •Material For 3D Model •Detailing RIG •Skeleton And Detailing •Blend Shape For Lips Sync And Detailing •DetailingThe Paint Weight •Controller Creation ANIMATION •Based On Storyboad -Blocking , Smothing And Detailing •Lip Sync For Dialog APP INTEGRATION •Import 3D with AnimationTo Scene •Vuforia Setting •Build •Testing •Bug Fixing
  • 11.
    DESIGN PROCESS 1. SKETCH& IDEATION 2. PAPER TO DIGITAL 3. WIREFRAME / DETAILS 4.VISUAL CONCEPT 4.1 COLOUR 4.2 TYPOGRAPHY 4.3 GRAPHICS 5.0 PROTOTYPE
  • 12.
    1 . SKETCH& IDEATION P A P E R B A S E D
  • 15.
    2 . FROMPAPER → DIGITAL D I G I T A L I Z A T I O N
  • 16.
    3 . WIREFRAME/ DETAILS D I G I T A L B A S E D
  • 28.
    4 . VISUALCONCEPT
  • 36.
  • 37.
  • 40.
  • 43.
    4.3 GRAPHICS ICON –BUTTON – ELEMENT - PHOTOGRAPHY - VECTOR ILLUSTRATION
  • 46.
  • 49.