SlideShare uma empresa Scribd logo
1 de 43
Baixar para ler offline
Un prototipo vale mille meeting
is the new un’immagine vale mille parole
Sketch & Design - Vincenzo Petito
Matrix - 1999
Minority Report - 2002
Perchè prototipare
Design is not just how it looks like
and feels like. Design is how it works.
Steve Jobs
I tool di prototipazione
Static Interactive
Collaboration Implementation
Framer
Framer is a tool for drawing,
prototyping and sharing projects
across teams. It combines the
familiarity of visual editing with the
flexibility of code. An entire design
workflow, now in one smart interface.
Framer Website
Framer is a tool for drawing,
prototyping and sharing projects
across teams. It combines the
familiarity of visual editing with the
flexibility of code. An entire design
workflow, now in one smart interface.
Framer Website
Design
Sequenza automatica di artboard
Auto responsive
Strumenti testo avanzati
Nesting automatico dei livelli
Pannello icone
Gradienti ed Effetti
Bordi singoli
Export
Code
Autocompletamento codice
Pannello modifiche grafiche
Snippet di codice
Live preview con device
Documentazione In-App
Debugger
Elementi base
Livelli
Animazioni
Stati
Eventi
ComponentiFare tante cose con poco codice
FlowComponent
ScrollComponent
PageComponent
ModuliI plugin di Framer
Collaborate
DEMO
Perchè usarlo?
Prototipi High-Fidelity
Il codice è vostro amico (loop, JSON, dati, API)
Handoff con gli sviluppatori
Integrazione con Sketch (nativa e plug-in)
Community molto attiva (Gruppo Facebook, canale Slack)
Perchè non usarlo?
Effort medio/alta
Il codice è vostro nemico
Aggiornamenti importanti potrebbero rompere il prototipo
Il file Sketch va preparato all’importazione
Grazie
Sketch & Design - Vincenzo Petito

Mais conteúdo relacionado

Semelhante a Un prototipo valle mille meeting is the new un'immagine vale mille parole

Come strutturare un design semplice ed efficace per WordPress
Come strutturare un design semplice ed efficace per WordPressCome strutturare un design semplice ed efficace per WordPress
Come strutturare un design semplice ed efficace per WordPressSiteGround.com
 
Luca Cresciullo | Progettazione e realizzazione di ambienti digitali in VR
Luca Cresciullo | Progettazione e realizzazione di ambienti digitali in VRLuca Cresciullo | Progettazione e realizzazione di ambienti digitali in VR
Luca Cresciullo | Progettazione e realizzazione di ambienti digitali in VRPMexpo
 
Code Generation con i templates T4 in visual studio
Code Generation con i templates T4 in visual studioCode Generation con i templates T4 in visual studio
Code Generation con i templates T4 in visual studioMarco Parenzan
 
Angular e asp.net core: un framework sul framework
Angular e asp.net core: un framework sul frameworkAngular e asp.net core: un framework sul framework
Angular e asp.net core: un framework sul frameworkMichele Aponte
 
Gam05 costruisci il tuo antifurto perfetto con kinect e gli azure mobile se...
Gam05   costruisci il tuo antifurto perfetto con kinect e gli azure mobile se...Gam05   costruisci il tuo antifurto perfetto con kinect e gli azure mobile se...
Gam05 costruisci il tuo antifurto perfetto con kinect e gli azure mobile se...DotNetCampus
 
Ibm elm smart collaboration del tuo team di sys e sw engineering 19 novembre
Ibm elm  smart collaboration del tuo team di sys e sw engineering   19 novembreIbm elm  smart collaboration del tuo team di sys e sw engineering   19 novembre
Ibm elm smart collaboration del tuo team di sys e sw engineering 19 novembreProfesia Srl, Lynx Group
 
Framer X - Matricola o meteora?
Framer X - Matricola o meteora?Framer X - Matricola o meteora?
Framer X - Matricola o meteora?Vincenzo Petito
 
Designing Flex and AIR applications
Designing Flex and AIR applicationsDesigning Flex and AIR applications
Designing Flex and AIR applicationsmarcocasario
 
Gestione del codice sorgente con Visual Studio Online
Gestione del codice sorgente con Visual Studio OnlineGestione del codice sorgente con Visual Studio Online
Gestione del codice sorgente con Visual Studio OnlineDavide Benvegnù
 
Smau milano 2012 arena expo comm francesco-abbo
Smau milano 2012   arena expo comm francesco-abboSmau milano 2012   arena expo comm francesco-abbo
Smau milano 2012 arena expo comm francesco-abboSMAU
 
Twitter Bootstrap: an Introduction
Twitter Bootstrap: an IntroductionTwitter Bootstrap: an Introduction
Twitter Bootstrap: an IntroductionAndrea Signorile
 
{Community} Launch Wpf
{Community} Launch   Wpf{Community} Launch   Wpf
{Community} Launch WpfTeamDev
 
Xamarin & Cognitive Services Slides
Xamarin & Cognitive Services SlidesXamarin & Cognitive Services Slides
Xamarin & Cognitive Services SlidesFrancesco Bonacci
 
Multi-Device Hybrid Apps con Visual Studio e Apache Cordova
Multi-Device Hybrid Apps con Visual Studio e Apache CordovaMulti-Device Hybrid Apps con Visual Studio e Apache Cordova
Multi-Device Hybrid Apps con Visual Studio e Apache CordovaAndrea Dottor
 
Collettivo Creativo | Programma Movie Design 3D e biografia - WorkshopCreativ...
Collettivo Creativo | Programma Movie Design 3D e biografia - WorkshopCreativ...Collettivo Creativo | Programma Movie Design 3D e biografia - WorkshopCreativ...
Collettivo Creativo | Programma Movie Design 3D e biografia - WorkshopCreativ...Ornella Pirone
 
Programma movie design 3 d e biografia
Programma movie design 3 d e biografiaProgramma movie design 3 d e biografia
Programma movie design 3 d e biografiaCollettivo Creativo
 
VSTS - L'ALM a portata di mano
VSTS - L'ALM a portata di manoVSTS - L'ALM a portata di mano
VSTS - L'ALM a portata di manoRiccardo Cappello
 
Design of G.E.M.I.X.: Game Engine Movie Interaction eXperience
Design of G.E.M.I.X.: Game Engine Movie Interaction eXperienceDesign of G.E.M.I.X.: Game Engine Movie Interaction eXperience
Design of G.E.M.I.X.: Game Engine Movie Interaction eXperienceAntonio Notarangelo
 

Semelhante a Un prototipo valle mille meeting is the new un'immagine vale mille parole (20)

Come strutturare un design semplice ed efficace per WordPress
Come strutturare un design semplice ed efficace per WordPressCome strutturare un design semplice ed efficace per WordPress
Come strutturare un design semplice ed efficace per WordPress
 
Luca Cresciullo | Progettazione e realizzazione di ambienti digitali in VR
Luca Cresciullo | Progettazione e realizzazione di ambienti digitali in VRLuca Cresciullo | Progettazione e realizzazione di ambienti digitali in VR
Luca Cresciullo | Progettazione e realizzazione di ambienti digitali in VR
 
Code Generation con i templates T4 in visual studio
Code Generation con i templates T4 in visual studioCode Generation con i templates T4 in visual studio
Code Generation con i templates T4 in visual studio
 
Angular e asp.net core: un framework sul framework
Angular e asp.net core: un framework sul frameworkAngular e asp.net core: un framework sul framework
Angular e asp.net core: un framework sul framework
 
Gam05 costruisci il tuo antifurto perfetto con kinect e gli azure mobile se...
Gam05   costruisci il tuo antifurto perfetto con kinect e gli azure mobile se...Gam05   costruisci il tuo antifurto perfetto con kinect e gli azure mobile se...
Gam05 costruisci il tuo antifurto perfetto con kinect e gli azure mobile se...
 
Ibm elm smart collaboration del tuo team di sys e sw engineering 19 novembre
Ibm elm  smart collaboration del tuo team di sys e sw engineering   19 novembreIbm elm  smart collaboration del tuo team di sys e sw engineering   19 novembre
Ibm elm smart collaboration del tuo team di sys e sw engineering 19 novembre
 
Framer X - Matricola o meteora?
Framer X - Matricola o meteora?Framer X - Matricola o meteora?
Framer X - Matricola o meteora?
 
Designing Flex and AIR applications
Designing Flex and AIR applicationsDesigning Flex and AIR applications
Designing Flex and AIR applications
 
Microsoft Fast - Overview
Microsoft Fast - OverviewMicrosoft Fast - Overview
Microsoft Fast - Overview
 
Gestione del codice sorgente con Visual Studio Online
Gestione del codice sorgente con Visual Studio OnlineGestione del codice sorgente con Visual Studio Online
Gestione del codice sorgente con Visual Studio Online
 
Smau milano 2012 arena expo comm francesco-abbo
Smau milano 2012   arena expo comm francesco-abboSmau milano 2012   arena expo comm francesco-abbo
Smau milano 2012 arena expo comm francesco-abbo
 
OpenGL e realtà aumentata
OpenGL e realtà aumentataOpenGL e realtà aumentata
OpenGL e realtà aumentata
 
Twitter Bootstrap: an Introduction
Twitter Bootstrap: an IntroductionTwitter Bootstrap: an Introduction
Twitter Bootstrap: an Introduction
 
{Community} Launch Wpf
{Community} Launch   Wpf{Community} Launch   Wpf
{Community} Launch Wpf
 
Xamarin & Cognitive Services Slides
Xamarin & Cognitive Services SlidesXamarin & Cognitive Services Slides
Xamarin & Cognitive Services Slides
 
Multi-Device Hybrid Apps con Visual Studio e Apache Cordova
Multi-Device Hybrid Apps con Visual Studio e Apache CordovaMulti-Device Hybrid Apps con Visual Studio e Apache Cordova
Multi-Device Hybrid Apps con Visual Studio e Apache Cordova
 
Collettivo Creativo | Programma Movie Design 3D e biografia - WorkshopCreativ...
Collettivo Creativo | Programma Movie Design 3D e biografia - WorkshopCreativ...Collettivo Creativo | Programma Movie Design 3D e biografia - WorkshopCreativ...
Collettivo Creativo | Programma Movie Design 3D e biografia - WorkshopCreativ...
 
Programma movie design 3 d e biografia
Programma movie design 3 d e biografiaProgramma movie design 3 d e biografia
Programma movie design 3 d e biografia
 
VSTS - L'ALM a portata di mano
VSTS - L'ALM a portata di manoVSTS - L'ALM a portata di mano
VSTS - L'ALM a portata di mano
 
Design of G.E.M.I.X.: Game Engine Movie Interaction eXperience
Design of G.E.M.I.X.: Game Engine Movie Interaction eXperienceDesign of G.E.M.I.X.: Game Engine Movie Interaction eXperience
Design of G.E.M.I.X.: Game Engine Movie Interaction eXperience
 

Un prototipo valle mille meeting is the new un'immagine vale mille parole