Ready-Made iPhone App UI Patterns for Keynote and PowerPoint

Prototype iPhone Apps Instantly Using Ready-Made User Interface Screens From The Best Selling Apps On The App Store


The iPhone App Store contains more than 750,000 apps, and over 500 apps are launching every day. But a very small percentage of these apps ever become successful, and even fewer make it to the bestselling list and remain there

What Do The Top Selling iPhone Apps Have In Common?

I spent several months downloading and studying hundreds of the most popular and top selling iPhone apps on the App Store. I’ve dissected each one of them, and looked at each screen and UI component individually, trying to figure out what make these apps simple, elegant and easy to use. And do you know what I found out?

They Use Similar Interface Design Patterns!

Most of these apps are using common UI patterns to design user profiles, image galleries, activity streams, contact management, and many other screens. And to help you create equally successful apps without spending several hours researching, outlining and prototyping each screen from scratch, I’ve designed a large collection of ready-made screens based on the UI patterns of top selling iPhone apps, and which you can use directly in your next app prototypes.

These screens were all designed in Keynote and PowerPoint, and can be customized and edited to fit your app needs with minimal effort. They are all vector shapes and retina-ready.

Why use these ready-made UI screens?

Startups and Entrepreneurs

Create multiple prototypes for user testing and demo presentations in just a few minutes without doing any design work

Agencies and Freelancers

Deliver winning client proposals with embedded prototypes, and finish your projects ahead of deadlines

Teams and Product Managers

Enrich your requirements effortlessly with interactive screens, and communicate ideas instantly with team members

Here is how they work

  1. Decide the screens you want to include in your app (login, activity stream, gallery, checkin)
  2. Find the corresponding ready-made screens/patterns, and select the ones that best fit your app
  3. Copy and paste those screens into your prototype, and customize them if needed
  4. Repeat this process to create all your UI screens, then create hyperlinks and animations to make your prototype clickable and interactive

And here’s what you get

Over 100 retina-ready high-fidelity fully editable vector UI screens created from scratch in Keynote and PowerPoint

Compatible with Keynote 09 on Mac and Keynote on the iPad, as well as most versions of PowerPoint on Mac and PC

Prototyping with Keynotopia UI Patterns is like having the best app designers in the world create your next prototypes for you!

Our favorite secret prototyping weapon: Keynotopia!

[xyz-ips snippet=”Patterns-Purchase”]

Here are screenshots of what’s included

[xyz-ips snippet=”iPhone-Patterns”]


[xyz-ips snippet=”Checkout-note”]

Save 10 hours on your next prototyping project. Guaranteed!

[xyz-ips snippet=”Patterns-Purchase”]

The artwork used in these patterns is copyrighted to Aaron Jasinski.