sunpig + prototype   27

Keynote Kung-Fu: Wireframe Toolkit for Keynote
Use Keynote to create wireframes and clickable prototypes for the web and mobile devices.
keynote  wireframe  prototype  diagram  draw  presentation  tool  library  shape  image  design  ux 
7 weeks ago by sunpig
LukeW | Designing with Keynote
Recently, an increasing number of designers (myself included) are turning to Apple's presentation making software, Keynote, to design and prototype software applications. Here's a few reasons why and some tips learned along the way.
design  keynote  interaction  wireframe  ux  prototype  presentation  animation  transition  software  tool 
7 weeks ago by sunpig
ESPI at work: The power of Keynote | Edenspiekermann
I should start by saying I am by no means a Keynote ‘pro’ compared with many of our web team who could use it in their sleep. In fact, when I first started working at ESPI last July, I was very surprised to find out that designers were using Keynote for laying out presentations. My surprise turned to alarm when I found out that they were also using it as a design tool to build UI designs for websites and apps. It turns out that I was absolutely wrong. Keynote is an incredibly powerful design tool. Less then one year later, I now rarely (if ever) use InDesign to layout presentations, and I have started using Keynote almost exclusively for any web layouts I do. And not just UX wireframes, but full UI designs. On a recent project, I also used it for poster mock ups, banner designs and a bunch of other formats.
keynote  apple  presentation  design  layout  wireframe  prototype  tool  osx  graphic 
7 weeks ago by sunpig
Contrast | The Blog | Wireframing for web apps
RT @dalmaer: "A great design can be a terrible solution"
design  wireframe  ixd  ux  ui  mock  sketch  greyscale  colour  web  prototype 
march 2011 by sunpig

related tags

aarongustafson  adjust  ajax  ala  alistapart  animation  apple  array  asp.net  aspnet  atlas  bencherry  browser  carolynsnyder  chain  class  classical  code  colour  compatibility  content  css  danwebb  demo  design  detect  development  diagram  doc  documentation  dojo  dom  done  draw  effects  enumerable  events  examples  feel  fields  figure  forms  frame  functions  geeknotes  global  graphic  greyscale  hash  html  ia  image  inheritance  instanceof  interaction  interactiondesign  interface  interval  isarray  iteration  ixd  javascript  johnresig  jquery  js  kathysierra  key  keynote  keyword  layout  libraries  library  look  microsoft  mock  model  ms  object  objects  oo  oop  osx  paper  paperprototyping  particletree  poster  presentation  programming  property  proto  prototype  prototyping  psychology  reference  replace  ryancampbell  sb  scope  script.aculo.us  scriptaculous  self  settimeout  shape  simonwillison  size  sketch  slides  snook  software  teamsnap  this  timeout  tool  transition  tutorial  ugc  ui  uie  userexperience  ux  validation  value  vitamin  web  webdev  width  window  wireframe  xhtml  yahoo  yui 

Copy this bookmark:



description:


tags: