Upload File

prototyping game ui with framerjs

21
Prototyping Game UI with FramerJS

Upload: johannes-ippen

Post on 14-Jan-2017

411 views

Category:

Design


2 download

Report

TRANSCRIPT

Page 1: Prototyping Game UI with FramerJS

Prototyping Game UIwith FramerJS

Page 2: Prototyping Game UI with FramerJS

Johannes Ippen@presskind

http://johannesippen.com

http://johannesippen.com
Page 3: Prototyping Game UI with FramerJS
Page 4: Prototyping Game UI with FramerJS

⊖ Static ⊖ Vague

Page 5: Prototyping Game UI with FramerJS
Page 6: Prototyping Game UI with FramerJS

⊖ Sluggish ⊖ Stupid

Page 7: Prototyping Game UI with FramerJS
Page 8: Prototyping Game UI with FramerJS

⊖ Needs a developer

Page 9: Prototyping Game UI with FramerJS

Something In-Between

Page 10: Prototyping Game UI with FramerJS

FramerJs

Page 11: Prototyping Game UI with FramerJS

Layers + CoffeeScript = Prototype

Page 12: Prototyping Game UI with FramerJS

Made for Animations & Interactions

Page 13: Prototyping Game UI with FramerJS
Page 14: Prototyping Game UI with FramerJS

Framer Studio

Page 15: Prototyping Game UI with FramerJS
Page 16: Prototyping Game UI with FramerJS
Page 17: Prototyping Game UI with FramerJS
Page 18: Prototyping Game UI with FramerJS

FramerJs Frameless for iOS

Page 19: Prototyping Game UI with FramerJS

FramerJsFramer for Android

Page 20: Prototyping Game UI with FramerJS

⊕ Minimal Coding ⊕ Perfect for UI ⊕ Perfect for Feedback

Page 21: Prototyping Game UI with FramerJS

framerjs.com

http://framerjs.com

1 CSE 403 UI Prototyping Reading: Paper Prototyping, C. Snyder These lecture slides are copyright (C) Marty Stepp, 2007. They may not be rehosted, sold,

UI Prototyping with VB 6.0 SIMS213 Tutorial March 5, 1999 Melody Y. Ivory

UI prototyping - University of WashingtonSome prototyping methods UI builders (Visual Studio, ...) draw a GUI visually by dragging/dropping UI controls on screen implementation by

2009/04/19 UI Gathering Lighting Talk－Simulation Prototyping

Rapid Prototyping Marti Hearst (UCB SIMS) SIMS 213, UI Design & Development February 25, 1999

Prototipos interactivos con FramerJSmeetsapp.github.io/talks/framerjs/talk.pdf · 14 FramerJS, Photoshop VS “en crudo” con Photoshop - Exporta la imágenes y las posiciona - Genera

Hall of Fame or Shame?€¦ · CSE440: Intro HCI –UI Design, Prototyping, and Evaluation, Autumn 2008 Prof. James A. Landay University of Washington CSE 440 - Autumn 2008 UI Interface

Prototypování ve FramerJS [CZ]

June 2004 User Interface Design, Prototyping, and Evaluation 1 Outline Low-fi prototyping Wizard of Oz technique Informal UI prototyping tools Hi-fi prototyping

Game Design 2 (2013): Lecture 5 - Game UI Prototyping

Ui Prototyping Teil I - Sketch & InVision

UI Prototyping with VB 6.0

Online Training in UI UX DESIGN · UI UX Design Project & Portfolio 100% Job Guarantee Developer Handoff Animated Prototyping Complete UI UX Master Program 360° (Beginner to Expert)

Tutoriat - UI Prototyping | Strukturprototypen

User interface design...UI Wrap-Up UI design process involves •user analysis •system prototyping •prototype evaluation Create metaphors, use them consistently UI critical for

Early Stage Prototyping - University of Washington · 2013. 3. 5. · 1 CSE 440 – UI Design, Prototyping, and Evaluation, Winter 2013 Prof. James A. Landay University of Washington

Ben Hutchins UX & UI Designerbenhutchins.uk/download/resume/2016-03-Ben-Hutchins-Resume.pdf · UX & UI Designer SCAMPING. PROTOTYPING. CRAFTING. ... 2016-03-01 Ben Hutchins Resume.pages

Rapid Force.com Pages (Visualforce) UI Prototyping

IPhone UI Design & Prototyping Anna Callahan Raizlabs

Online Master Program in UI UX DESIGNUI UX Design Project & Portfolio 100% Job Guarantee Developer Handoff Animated Prototyping Complete UI UX Master Program 360° (Beginner to Expert)

Prototyping, UI, UX, Security & Personas A little bit of Everything Nupul Kukreja Supannika Koolmanojwong 26 th September, 2014

Prototyping & UI Software · 2007-02-13 · 1 Prototyping & UI Software John Stasko Spring 2007 This material has been developed by Georgia Tech HCI faculty, and continues to evolve

UI prototyping with ms expression blend sketch flow

Why User Interface Design ? Why ? Whatlatemar.science.unitn.it/segue_userFiles/2012Mobile/lecture-UI.pdf · Information via a GUI, MUI or VUI ! ... UI prototyping: Wireframing UI

Fast Prototyping Strategies for UI design

High Fidelity UI Prototyping - Because JPG Attachments S*ck

UI / UX Prototyping Tools

CS147 - HCI+D: UI Design, Prototyping, and …...CS147 - HCI+D: UI Design, Prototyping, and Evaluation, Autumn 2014 Prof. James A. Landay Stanford University 2 Autumn 2014! HCI+D -

UX/UI Workshop: Prototyping magic

A Study and Prototyping of Physical UI ComponentA Study and Prototyping of Physical UI Component KEITA WATANABE†1 KENTA HARA†1 Abstract: Today, vast amounts of knowledge are stored

From Prototyping to Optimization; UX/UI a continuous process

CSE 440 UI Design, Prototyping, and Evaluation, Winter ...€¦ · CSE 440 – UI Design, Prototyping, and Evaluation, Winter 2013 Prof. James A. Landay University of Washington Hall

Less Code More UI · Rapid prototyping For rapid prototyping the UI processing can be simply built without any serious business logic behind, but with some simulation of business

Responsive Prototyping with WordPress and Atomic UI Libraries - anthonydpaul - edUi 2016 Charlottesville VA

Fast QML UI prototyping for platforms WITHOUT Qt · PDF fileFast QML UI prototyping for platforms WITHOUT Qt/QtQuick support ... (Java ME) •Java ME MIDP 2.1, ... •Max Java Heap: