Quick Tip: How to Use Keynote to Make GUI Elements!

by mattjdrake on July 23, 2009

iStock_000002270054XSmall.jpgDo you want your iPhone app to have a stunning visual appearance, but you can’t afford a designer?

Well – me too! Generally, I recommend getting a designer but if your business does not yet have a cash-flow then you may need to be a little creative. Fortunetly, if you have a Mac then you can buy or get the free trial of “Keynote” which is the PowerPoint clone made by Apple.

Huh?

Ok, I know that Keynote is not designed to create GUI for software but it does ship with a lot tools that make shapes, etc that you can use use.

My WorkFlow

  • Create Shapes in Keynote
  • Edit Shapes in Acorn
  • Add Files to XCode
  • Use Images in IB
  • Here is a video me doing this for cool looking button:

    I am actually using this to design my next app (Commander Data) since I am tired of the standard UI elements we are all use to working with. Also, I used it to map out the flow that my app takes – I encourage you to check keynote and Acorn out as cheap but effective ways to do add some flair to your apps.

    Do you have any tips about the design part of the app building process?

    eBookAd1.001.jpg

    Please share this if you like it!
    • Digg
    • del.icio.us
    • Facebook
    • Mixx
    • Google Bookmarks
    • email
    • FriendFeed
    • LinkedIn
    • MySpace
    • Ping.fm
    • StumbleUpon
    • Suggest to Techmeme via Twitter
    • Technorati
    • Tumblr
    • Yahoo! Bookmarks

    { 1 trackback }

    Under The Bridge
    July 27, 2009 at 11:32 am

    { 3 comments }

    1 maniacdevNo Gravatar July 23, 2009 at 3:07 pm

    Nice video. For some reason I never thought of using Keynote for that stuff, and I’m not a graphics guy so I’d never heard of Acorn. So this is great.

    2 roostertNo Gravatar July 23, 2009 at 3:50 pm

    I had never used KeyNote for this before, nice.

    I like OmniGraffle. They have a iPhone template. Many of the UI objects are there and you can manipulate them easily. You are also able to create your own buttons, etc and put them into the image also. I have used this to prototype an application, where every button had a response “image” and I walked thru my app before I wrote any code.

    3 John BiesneckerNo Gravatar July 23, 2009 at 11:55 pm

    That is absolutely fantastic. I’ve used Keynote for about a year to make pretty graphs, but I never thought about using it to make iPhone UI elements. Genius (and quite helpful for someone as design impaired as I am!).

    Comments on this entry are closed.

    Previous post: Making the Move: C# to Objective-C [The Gotchas]

    Next post: Newly Released App Offers FREE Schooling in How It’s Done…