• Like
  • Save
Wireframes para sites e projetos de multimídia
Upcoming SlideShare
Loading in...5
×
 

Wireframes para sites e projetos de multimídia

on

  • 1,028 views

 

Statistics

Views

Total Views
1,028
Views on SlideShare
1,028
Embed Views
0

Actions

Likes
0
Downloads
25
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Wireframes para sites e projetos de multimídia Wireframes para sites e projetos de multimídia Presentation Transcript

    • 2012 Tersis Zonato e projetos de multimídia Wireframes para sites http://www.localwisdom.com/wp-content/uploads/2010/01/4239685407_910c832d73_o.jpg
    • sem um projeto definido Não se faz uma construçãohttp://www.industryleadersmagazine.com/wp-content/uploads/2011/03/j0401617.jpg
    • é definido na plantaNa engenharia, o projeto http://www.choosehometheater.com/userfiles/Blueprint.jpg
    • temos os wireframesPara projetos multimídia http://agenciathinkers.com.br/wp-content/uploads/cupido-wireframe1.jpg
    • wire: linha Wireframe: frame: quadrohttp://www.wireframeshowcase.com/images/uploads/ignacio_puga_main_01.jpg
    • CONCEITOO wireframe é o esqueleto do projeto, que permitedefinir a hierarquia de informação;É um diagrama bidimensional em preto e branco quesugere a estrutura que irá compor uma interface;Deve incluir informação suficiente para refletir o querealmente irá aparecer no seu site ou projeto;É uma excelente ferramenta para documentação doprojeto e aprovação pelo cliente.
    • http://d3pr5r64n04s3o.cloudfront.net/tuts/341_wf/wireframe-bare.png
    • http://d3pr5r64n04s3o.cloudfront.net/tuts/341_wf/wireframe-withcopy.png
    • http://d3pr5r64n04s3o.cloudfront.net/tuts/341_wf/wireframe-withvisuals.png
    • http://d3pr5r64n04s3o.cloudfront.net/tuts/341_wf/wireframe-withgreys.png
    • SKETCH (rabiscos) WIREFRAME LAYOUTDESENVOLVIMENTO
    • Comece com lápis e papel http://www.publicdomainpictures.net/pictures/10000/velka/1393-1247315873v1Xa.jpg
    • http://personavirtual.files.wordpress.com/2008/04/wireartesanato.jpg
    • http://www.richardbarros.com.br/blog/artigos/dicas-para-desenvolvimento-de-wireframesFerramentas para desktop:• Axure • Justinmind Prototyper• Balsamiq Mockups • Microsoft Visio• FlairBuilder • MockApp• FluidIA • MockupScreens• ForeUI • OmniGraffle• DENIM • OverSite• DesignerVista • Pencil• EasyPrototype • SketchFlow• GUI Design Studio • WireframeSketcher
    • http://www.richardbarros.com.br/blog/artigos/dicas-para-desenvolvimento-de-wireframesFerramentas online:• Cacoo • Lovely Charts• Gliffy • Lumzy• HotGloo • MockFlow• iPhone Mockup • Mockingbird• iPlotz • Pidoco• Jumpchart • ProtoShare• JustProto ...
    • http://www.sccc.premiumdw.com/wp-content/uploads/2009/04/tutorial-wireframe-01.png
    • ESSA ETAPA! NUNCA PULEhttp://poppemieke.deviantart.com/art/scream-Created-for-Drawing-Day-124978049
    • http://poppemieke.deviantart.com/art/scream-Created-for-Drawing-Day-124978049Nunca pule essa etapa:Desenvolver wireframes éum passo importante noprocesso de design;Não é trabalhoso e éessencial ao projeto;Deve ser feito antes dolayout.
    • Muito obrigado! www.tersis.com.br Tersis Zonato 2012