Wireframes mockups and graphics

Wireframes Mockups and Graphics

Screen sizes

Device Width (cm/pixels) Height (cm/pixels) Notes
iPhone 5 5/640px 9/1136px  
       
       
       

Many Apps seams to be using 3 or 4 columns

  • Dimensions - http://www.vickiwenderlich.com/2012/09/iphone-5-basic-screen-component-dimensions/
  • http://www.idev101.com/code/User_Interface/sizes.html

Simple sketching

  • http://960.gs - Conceptual model. Also has re-usable CSS classes.
  • http://sixrevisions.com/web_design/the-960-grid-system-made-easy/
  • http://www.tripwiremagazine.com/2012/07/free-printable-sketching-wireframing-templates.html

Wireframes & Mockups

  • http://pencil.evolus.vn/en-US/Home.aspx - Firebird plugin, gratis, ej iOS antar jag
  • http://www.balsamiq.com/ - Flash funkar ej i iOS, separat app?, $12/månad, $79 desktop, kommer en app
  • https://gomockingbird.com/mockingbird/ - $9/månad (två projekt)
  • https://projects.invisionapp.com/ - fungerar på iOS, $25/månad, 2 projekt gratis
  • http://www.smashingapps.com/2010/09/02/excellent-mockup-and-wireframing-9-web-apps-which-you-would-love-to-know.html
  • http://devgrow.com/review-of-balsamiq-mockingbird-and-mockflow/
  • http://www.gliffy.com/
  • https://gizur.mybalsamiq.com/confirm/cfb516d186047fcf40a193b1128a47a2cd5da16f
  • http://creately.com/
  • http://www.mockflow.com/

  • iRise - expensive
  • Adobe Proto

Animations

  • http://tumult.com/hype/ - $50
  • http://www.sencha.com/products/animator - $199
  • Adobe Flash
  • http://www.flashdevelop.org/ - MIT license
  • http://www.stencyl.com/ - for games
  • http://www.synfig.org/cms/ - for films?

  • Adobe Edge - CSS3
  • Adobe Flex
  • http://maqetta.org/
  • Adobe Dreamveawer
  • http://animatable.com/
  • http://www.purpleanimator.com/

Misc

  • OpenLazslo
  • http://speckyboy.com/2011/07/11/20-new-tools-for-for-easier-css-development/ - CHECK THIS!

IOS

  • http://www.appcooker.com/
  • http://www.uisketcher.com/
  • http://www.appsketcher.com/download/