Keynote Kung-Fu: Wireframe Toolkit for Keynote
7 weeks ago by sunpig
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
7 weeks ago by sunpig
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
7 weeks ago by sunpig
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
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: