Your SlideShare is downloading. ×
Flex and AIR User Interface Design Showcases and Examples
Flex and AIR User Interface Design Showcases and Examples
Flex and AIR User Interface Design Showcases and Examples
Flex and AIR User Interface Design Showcases and Examples
Flex and AIR User Interface Design Showcases and Examples
Flex and AIR User Interface Design Showcases and Examples
Flex and AIR User Interface Design Showcases and Examples
Flex and AIR User Interface Design Showcases and Examples
Flex and AIR User Interface Design Showcases and Examples
Flex and AIR User Interface Design Showcases and Examples
Flex and AIR User Interface Design Showcases and Examples
Flex and AIR User Interface Design Showcases and Examples
Flex and AIR User Interface Design Showcases and Examples
Flex and AIR User Interface Design Showcases and Examples
Flex and AIR User Interface Design Showcases and Examples
Flex and AIR User Interface Design Showcases and Examples
Flex and AIR User Interface Design Showcases and Examples
Flex and AIR User Interface Design Showcases and Examples
Flex and AIR User Interface Design Showcases and Examples
Flex and AIR User Interface Design Showcases and Examples
Flex and AIR User Interface Design Showcases and Examples
Flex and AIR User Interface Design Showcases and Examples
Flex and AIR User Interface Design Showcases and Examples
Flex and AIR User Interface Design Showcases and Examples
Flex and AIR User Interface Design Showcases and Examples
Flex and AIR User Interface Design Showcases and Examples
Flex and AIR User Interface Design Showcases and Examples
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Flex and AIR User Interface Design Showcases and Examples

10,516

Published on

These are some examples of user interface designs made by Comtaste

These are some examples of user interface designs made by Comtaste

Published in: Technology, Business
3 Comments
14 Likes
Statistics
Notes
  • Thanks. Those examples are helpful.

    Darren Mack
    www.lyricsringtones.org/
    www.shibidoo.com/
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • One can do a ton with AIR and there is a lot of innovative stuff that can be done but it is important to follow a few basic rules. I wrote this online virtual world for children last year and learned a ton about how important it is for an RIA application to be intuative and how the rules change from a desktop application to a web browser bound application. I wrote an article about my experience here that I thought I would share http://www.actionscript-flash-guru.com/blog/11-user-interface-design-for-the-internet
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Very interesting ppt. The research indicated PPT only contains 30% of information; therefore the 70% valuable information comes from the presenter himself/herself. soEZLecturing.com provides you a chance to record your voice with your PowerPoint presentation and upload to the website. It can share with more readers and also promote your presentation more effectively on soEZLecturing.com.

    www.soEZLecturing.com
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
10,516
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
3
Likes
14
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. USER INTERFACE DESIGN A3 13/04/2008 12:42 USER: TRD1005 LOG OFF LogoCliente ANAG PASSA A GECA GESTIONE DATI GESTIONE RAPPORTI CENSIMENTO RICERCA GESTIONI PARTICOLARI GESTIONE CLIENTI © 2008 Comtaste S.r.l. - All rights reserved
  • 2. LogoCliente
  • 3. USER INTERFACE DESIGN B3 LogoCliente login logout 13/04/2008 12:42 USER: TRD1005 GESTIONE DATI GESTIONE RAPPORTI CENSIMENTO Persona fisica Altra natura giuridica RICERCA GESTIONI PARTICOLARI © 2008 Comtaste S.r.l. - All rights reserved
  • 4. USER INTERFACE DESIGN B4 LogoCliente login logout 13/04/2008 12:42 USER: TRD1005 menu Anag CENSIMENTO - Persona Fisica 7034652 0001 Settorista unico C 55355 Ufficio Poste Viale Europa 100 Roma N.D.G. T.c Sett. Filiale Viola Matteo Cognome Cognome acquisito Nome Sesso M Celibe Stato civile Regime patrimoniale Roma Prov. RM Nato a Italia Nazione VLIMTT65R10H501F 10/10/1965 Codice Fiscale il P.Iva SAE 060 0 RAE 0000 Viola CIAE Viola Matteo Cognome Cognome acquisito Nome Sesso M Celibe Stato civile Regime patrimoniale Sesso M Celibe Stato civile Regime patrimoniale © 2008 Comtaste S.r.l. - All rights reserved
  • 5. USER INTERFACE DESIGN C1 LogoCliente ANAG ANAG GECA CENSIMENTO GESTIONE DATI GESTIONE RAPPORTI RICERCA GESTIONI PARTICOLARI LOGIN User ID Password enter © 2008 Comtaste S.r.l. - All rights reserved
  • 6. USER INTERFACE DESIGN C2 13/04/2008 12:42 LogoCliente USER: TRD1005 LOGOUT ANAG GECA CENSIMENTO GESTIONE DATI GESTIONE RAPPORTI RICERCA GESTIONI PARTICOLARI Persona fisica Altra natura giuridica © 2008 Comtaste S.r.l. - All rights reserved
  • 7. USER INTERFACE DESIGN C3 13/04/2008 12:42 LogoCliente USER: TRD1005 LOGOUT ANAG GECA CENSIMENTO GESTIONE DATI GESTIONE RAPPORTI RICERCA GESTIONI PARTICOLARI CENSIMENTO PERSONA FISICA N.D.G. Matteo NOME COGNOME COGNOME ACQUISITO Matteo Matteo Matteo 0001 Settorista unico C 55355 Ufficio Poste Viale Europa 100 Roma T.c SETT. FILIALE Matteo NOME COGNOME COGNOME ACQUISITO Matteo Matteo 0001 Settorista unico C 55355 Ufficio Poste Viale Europa 100 Roma T.c SETT. FILIALE Matteo NOME COGNOME COGNOME ACQUISITO Matteo Matteo 0001 Settorista unico C 55355 Ufficio Poste Viale Europa 100 Roma T.c SETT. FILIALE Matteo NOME COGNOME COGNOME ACQUISITO Matteo Matteo 0001 Settorista unico C 55355 Ufficio Poste Viale Europa 100 Roma T.c SETT. FILIALE INSERISCI © 2008 Comtaste S.r.l. - All rights reserved
  • 8. USER INTERFACE DESIGN D1 FIND&SHARE menu logout TROVA TIPO FILE UTENTE SEZIONE DATA documento giorno risorse mese immagine novità anno link login CONDIVIDI RISORSE NOVITÀ User Password dimenticato password/User? ENTRA ULTIMI INSERIMENTI NOVITÀ Risorse | Marketing TITOLO Inserito il: 01/25/2008 - 13:23 Inserito il: 01/25/2008 - 13:23 da: Marco Casario da: Marco Casario Descrizione: Every release helps to make the Web a nicer place which is why we support Descrizione: Every release helps to make the designers and challenge them to release something for free in order to be featured on Web a nicer place which is why we support Tipo documento: PDF Visualizza Risorse | Sviluppo TITOLO Inserito il: 01/25/2008 - 13:23 Inserito il: 01/25/2008 - 13:23 da: Marco Casario da: Marco Casario Descrizione: Every release helps to make the Web a nicer place which is why we support Descrizione: Every release helps to make the designers and challenge them to release something for free in order to be featured on Web a nicer place which is why we support Tipo documento: DOC Visualizza TITOLO Risorse | Comunicazione Inserito il: 01/25/2008 - 13:23 Inserito il: 01/25/2008 - 13:23 da: Marco Casario da: Marco Casario Descrizione: Every release helps to make the Descrizione: Every release helps to make the Web a nicer place which is why we support Web a nicer place which is why we support designers and challenge them to release something for free in order to be featured on Tipo documento: PDF Visualizza TITOLO Risorse | Comunicazione Inserito il: 01/25/2008 - 13:23 Inserito il: 01/25/2008 - 13:23 da: Marco Casario da: Marco Casario Descrizione: Every release helps to make the Descrizione: Every release helps to make the Web a nicer place which is why we support Web a nicer place which is why we support designers and challenge them to release something for free in order to be featured on Tipo documento: JPEG Visualizza 2008 Comtaste Srl - Intranet create account | logoff © 2008 Comtaste S.r.l. - All rights reserved
  • 9. USER INTERFACE DESIGN D2 FIND&SHARE menu logout TROVA TIPO FILE UTENTE SEZIONE DATA documento giorno risorse mese immagine novità anno link login CONDIVIDI RISORSE NOVITÀ User Password dimenticato password/User? ENTRA HOME > CONDIVIDI INSERISCI CONTENUTO INSERISCI FILE SEZIONE SFOGLIA RISORSE Sviluppo NOVITÀ Marketing TIPO FILE Comunicazione documento immagine TITOLO UPLOAD AGGIUNGI FILE DESCRIZIONE nomefile.estensione nomefile.estensione INSERISCI LINK INSERISCI CONDIVIDI www.comtaste.com 2008 Comtaste Srl - Intranet create account | logout © 2008 Comtaste S.r.l. - All rights reserved
  • 10. USER INTERFACE DESIGN D3 FIND&SHARE menu logout TROVA TIPO FILE UTENTE SEZIONE DATA documento giorno risorse mese immagine novità anno link login CONDIVIDI RISORSE NOVITÀ User Password dimenticato password/User? ENTRA HOME > RISORSE > SVILUPPO > Titolo documento Marketing Sviluppo Visualizza tutti Comunicazione TITOLO DOCUMENTO Inserito il: 01/25/2008 - 13:23 da: Marco Casario Descrizione: Every release helps to make the Web a nicer place which is why we support designers and challenge them to Every release helps to make the Web a nicer place which is why we support designers and challenge them to Every release helps to make the Web a nicer place which is why we support designers and challenge them to Every release helps to make the Web a nicer place which is why we support designers and challenge them to Descrizione: Every release helps to make the Web a nicer place which is why we support designers and challenge them to Every release helps to make the Web a nicer place which is why we support designers and challenge them to Tipo documento: DOC Fonte: www.comtaste.com DOWNLOAD APRI ELIMINA 2008 Comtaste Srl - Intranet create account | logoff © 2008 Comtaste S.r.l. - All rights reserved
  • 11. USER INTERFACE DESIGN E1 OURRABBITSINTHEHAT TUTORIALS EVENTS MASH UP Event: Adobe conference 2008 Subscribe TUTORIALS Sviluppare Rich Internet Applications con le nuove Flex 3 SDK Sviluppare Rich Internet Applications con le nuove Flex 3 SDK Sviluppare Rich Internet Applications con le nuove Flex 3 SDK © 2008 Comtaste S.r.l. - All rights reserved
  • 12. USER INTERFACE DESIGN E3 OURRABBITSINTHEHAT TUTORIALS TUTORIALS EVENTS MASH UP TUTORIALS MASH UP 1. AIR Event: Adobe conference 2008 Subscribe Subscribe Sviluppare Rich Internet Applications con le nuove Flex 3 SDK Sviluppare Rich Internet Applications con le nuove Flex 3 SDK Sviluppare Rich Internet Applications con le nuove Flex 3 SDK 2. FLEX TUTORIALS Sviluppare Rich Internet Applications con le nuove Flex 3 SDK Sviluppare Rich Internet Applications con le nuove Flex 3 SDK Rich Internet Applications Sviluppare con le nuove Flex 3 SDK Sviluppare Rich Internet Applications 3. SILVERLIGHT con le nuove Flex 3 SDK Sviluppare Rich Internet Applications con le nuove Flex 3 SDK Rich Internet Applications Sviluppare con le nuove Flex 3 SDK Sviluppare Rich Internet Applications con le nuove Flex 3 SDK Sviluppare Rich Internet Applications con le nuove Flex 3 SDK Sviluppare Rich Internet Applications con le nuove Flex 3 SDK Sviluppare Rich Internet Applications con le nuove Flex 3 SDK Sviluppare Rich Internet Applications con le nuove Flex 3 SDK © 2008 Comtaste S.r.l. - All rights reserved
  • 13. USER INTERFACE DESIGN F1 STORAGEBox Tutorials Events Events ADOBE MAX MILANO Intervento di Marco Casario alle ore 15 sul Lab tema Flex e il futuro di tutti noi Subscribe Tutorials Titolo del tutorial che sarà lunghetto MENU di Marco Casario 28 Giugno 2008 Titolo del tutorial che sarà lunghetto di Marco Casario 28 Giugno 2008 Titolo del tutorial che sarà lunghetto di Marco Casario 28 Giugno 2008 Titolo che sarà lunghetto Titolo che sarà lunghetto di Marco Casario di Marco Casario 28 Giugno 2008 28 Giugno 2008 Unmatched Adobe integration Unmatched Adobe integration Enjoy a streamlined workflow with support for importing Enjoy a streamlined workflow Adobe® Photoshop® images that include video layers as with support for importing well as Adobe Illustrator® graphics that maintain image Adobe® Photoshop® images that integrity. Move easily between After Effects and Adobe include video layers as well as Premiere® Pro CS3 or Encore® CS3 software, and share Adobe Illustrator® graphics that animations easily with Adobe Flash® CS3 Professional maintain image integrity. Move software. Text and vector graphics creation and animation Text and vector graphics creation and animation Text and vector graphics creation and animation Create text and vector graphics in After Effects using Text and vector graphics creation and animation familiar Adobe tools, and then animate these elements to Create text and vector graphics in After Effects using create visually innovative new motion graphics familiar Adobe tools, and then animate these elements to effects such as stylize, distort, and shatter. [...] create visually innovative new motion graphics effects such as stylize, distort, and shatter. [...] © 2008 Comtaste S.r.l. - All rights reserved
  • 14. USER INTERFACE DESIGN F2 STORAGEBox Tutorials Tutorials Events Lab Subscribe Sviluppare Rich Internet Applications Create high-impact communications by MENU combining moving imagery, still images and graphics, text, and sound in 2D or 3D space and then animating virtually any aspect of each element. Leggi tutto Sviluppare Rich Internet Applications con le nuove Flex 3 SDK bla bla bla bbbbdlgads skfdssgn Text and vector graphics creation and animation Innovative compositing and animation tools Sviluppare Rich Internet Applications con le nuove Flex 3 SDK bla bla bla bbbbdlgads skfdssgn Sviluppare Rich Internet Applications con le nuove Flex 3 SDK bla bla bla bbbbdlgads skfdssgn © 2008 Comtaste S.r.l. - All rights reserved
  • 15. USER INTERFACE DESIGN F3 STORAGEBox Tutorials Tutorials Events Lab Unmatched Adobe integration di Marco Casario Subscribe 28 Giugno 2008 Enjoy a streamlined workflow with support for importing Adobe® Photoshop® STAMPA MENU images that include video layers as well as Adobe Illustrator® graphics that INVIA maintain image integrity. Move easily between After Effects and Adobe Premiere® Pro CS3 or Encore® CS3 software, and share animations easily with Adobe Flash® CS3 Professional software. Text and vector graphics creation and animation Text and vector graphics creation and animation Lista Create text and vector graphics in After Effects using familiar Adobe tools, and then animate these elements to create visually innovative new motion graphics. Titolo del tutorial che sarà lunghetto lunghetto bla Extensive visual effects Titolo del tutorial che sarà lunghetto Manipulate moving and still images using hundreds of effects such as stylize, lunghetto bla distort, and shatter. Create grids, radio waves, 3D particles, film grain, fractal noise, and more. Titolo del tutorial che sarà lunghetto lunghetto bla Timesaving tools Titolo del tutorial che sarà lunghetto Start projects quickly with animation presets and behaviors when creating lunghetto bla common animation elements, such as animating text in and out, creating synthetic backgrounds, and more. Use new Brainstorm to quickly experiment Titolo del tutorial che sarà lunghetto lunghetto bla and refine designs using parameters you define. Learn fast with Tool Tips and training resources in the box and on the web, and streamline your review Titolo del tutorial che sarà lunghetto process with Adobe Clip Notes to create and import comments. lunghetto bla Comprehensive masking and keying tools Control which portions of a layer are visible by importing, manipulating, and animating masks. Flexible auto-tracing options and RotoBezier masks make it easy to get precise results. Key bluescreen and greenscreen mattes with the Academy Award-winning Keylight and a host of supporting tools. © 2008 Comtaste S.r.l. - All rights reserved
  • 16. USER INTERFACE DESIGN G1 © 2008 Comtaste S.r.l. - All rights reserved
  • 17. USER INTERFACE DESIGN G2 © 2008 Comtaste S.r.l. - All rights reserved
  • 18. USER INTERFACE DESIGN G3 © 2008 Comtaste S.r.l. - All rights reserved
  • 19. USER INTERFACE DESIGN G4 © 2008 Comtaste S.r.l. - All rights reserved
  • 20. USER INTERFACE DESIGN H1 NOME PROGETTO APERTO * Nuovo progetto Apri progetto Salva progetto Sezioni Attributi sezione Proprietà 1 Sezione 1 Attributo 1 Proprietà 2 Attributo 1 Proprietà 3 Attributo 1 Attributo 1 © 2008 Comtaste S.r.l. - All rights reserved
  • 21. USER INTERFACE DESIGN I1 CASUAL ELEGANT NIGHTLIFE Feed Rss Adobe Developer Connections Rss Feed TITOLO ARGOMENTO Adobe Developer Connections Rss Feed Mercoledì 30 Ottobre 2008 alle 23:15 CE 7 8 9 / ACROBAT Adobe Developer Connections Rss Feed Flex 3 is the new version of Adobe technology for the definition of a development Mercoledì 30 O b 2008 alle 23:15 l dì Ottobre ll C 4 5 6 FELX x atmosphere at runtime which allows developers to create highly interactive front end Notizia titolo due which uses the benefits of the well-known Flash Player. PHOTOSHOP Mercoledì 30 Ottobre 2008 alle 23:15 1 2 3 % BLA BLA Notizia titolo tre Flex 3 applications interact with the Business Logic part through web services, 0 + = +/- , Mercoledì 30 Ottobre 2008 alle 23:15 JavaBeans and all server side technologies (PHP, Coldfusion, .NET, Ruby on Rails) and BLA BLA BLA Titolo quattro notizia q insert themselves in complex Enterprise (J2EE) architectures guaranteeing aspects such Mercoledì 30 Ottobre 2008 alle 23:15 as security and the separation between presentation and logic. Titolo cinque notizia più lungo del primo Mercoledì 30 Ottobre 2008 alle 23:15 Titolo cinque notizia più lungo del primo . Mercoledì 30 Ottobre 2008 alle 23:15 Titolo cinque notizia più lungo del primo Mercoledì 30 Ottobre 2008 alle 23:15 Titolo cinque notizia più lungo del primo Mercoledì 30 Ottobre 2008 alle 23:15 M POC MY POCKET OCK © 2008 Comtaste S.r.l. - All rights reserved
  • 22. USER INTERFACE DESIGN I2 CASUAL ELEGANT NIGHTLIFE MY RSS POCKET C Adobe Developer Connections ... Adobe Developer Connections Rss Feed Mercoledì 30 Ottobre 2008 alle 23:15 Mercoledì 30 Ottobre 2008 alle 23:15 Notizia titolo due Flex 3 is the new version of Adobe technology for the definition of a Mercoledì 30 Ottobre 2008 alle 23:15 development atmosphere at runtime which allows developers to create Notizia titolo tre highly interactive front end which uses the benefits of the well-known Mercoledì 30 Ottobre 2008 alle 23:15 Flash Player. Titolo quattro notizia Mercoledì 30 Ottobre 2008 alle 23:15 Flex 3 applications interact with the Business Logic part through web services, JavaBeans and all server side technologies (PHP, Coldfusion, Titolo cinque notizia più lungo ... Mercoledì 30 Ottobre 2008 alle 23:15 .NET, Ruby on Rails) and insert themselves in complex Enterprise (J2EE) architectures guaranteeing aspects such as security and the separation Notizia titolo tre between presentation and logic. Mercoledì 30 Ottobre 2008 alle 23:15 Titolo quattro notizia Mercoledì 30 Ottobre 2008 alle 23:15 Titolo cinque notizia più lungo ... . Mercoledì 30 Ottobre 2008 alle 23:15 © 2008 Comtaste S.r.l. - All rights reserved
  • 23. USER INTERFACE DESIGN I3 To Do List MONDAY TUESDAY WEDNESDAY THURSDAY FRIDAY SATURDAY SUNDAY 6:00 am 7:00 am 8:00 am 9:00 am 10:00 am 11:00 am 12:00 am 1:00 pm 2:00 pm 3:00 pm 4:00 pm ADD NOTES REMOVE NOTES EDIT NOTES SEARCH NOTES M MY POCKET CKET © 2008 Comtaste S.r.l. - All rights reserved

×