You are previewing Learn Design for iOS Development.
O'Reilly logo
Learn Design for iOS Development

Book Description

Learn Design for iOS Development is for you if you're an iOS developer and you want to design your own apps to look great and be in tune with the latest Apple guidelines. You'll learn how to design your apps to work with the exciting new iOS 7 look and feel, which your users expect within their latest apps.

Learn Design for iOS Development guides you through the design processes that you can apply to design your own apps brilliantly. We'll start at the idea stages of your apps, and you'll see how you can analyze and apply the right design patterns for every app you are coding, use wireframing tools to take your ideas forward, and use Photoshop to create the visual assets you want to look great in your app.

You'll understand why Apple have made the decisions they've made with the new iOS 7 interface and new HIG guidelines, and from that insight you'll be able to vision and create your own apps, on iPhones and iPads, that work perfectly within the new iOS 7 interface.

What you'll learn

  • How to build apps that work within the exciting new iOS 7 design paradigm

  • How to design great looking apps that your users will find a pleasure to use

  • The deeper design elements you can apply to your apps

  • What is and how to use Apple's Human Interface Guidelines (HIG)

  • How to go beyond Apple's HIG guidelines to create innovative apps

  • Design pattern basics and how you can use them

  • How to use wireframes to create your app

  • How to use Adobe Photoshop to create the visual assets for your apps

  • How to create your app's icon and additional graphics for the App Store

  • Extra considerations for iPad app design considerations

  • Common design best practices and mistakes

Who this book is for

This book is for iOS developers who know that they can code well, but want to know how they can build apps to also have brilliant designs. This book is also a guide for all iOS app developers who want their apps to look contemporary within the new iOS 7 interface guidelines.

Table of Contents

  1. Title Page
  2. Dedication
  3. Contents at a Glance
  4. Contents
  5. About the Author
  6. About the Technical Reviewer
  7. Acknowledgments
  8. Introduction
  9. Chapter 1: So You’ve Got an Idea for an iPhone App, Now What?
    1. Assumptions
    2. Summary
  10. Chapter 2: iOS: What You Need to Know
    1. What to Expect in iOS 7
    2. Springboard
    3. Typography
    4. Icons
    5. Bars
    6. Table Views and Table View Elements
    7. Stock Apps
    8. Buttons
    9. Summary
  11. Chapter 3: iOS 7 and Flat Design
    1. The Principles of Flat Design
    2. The Origin of and Other Uses of Flat Design
    3. The Future of Flat Design
    4. Incorporating Flat Design into Your App
    5. Summary
  12. Chapter 4: Getting to Know the User Interface of the iPhone and iPad Design Considerations
    1. Use of Gestures in the UI
    2. Abstract Gestures and Feedback
    3. Gestures in iOS
    4. New iOS Gestures
    5. The iPad; How Is It Different?
    6. Summary
  13. Chapter 5: Mobile Design Patterns
    1. Registration & Login/Sign-up Forms
    2. App Navigation
    3. List & Table View Patterns
    4. Tables
    5. Searching and Sorting
    6. Tips, Tours, and Walkthroughs
    7. Stepping Out of the Box
    8. Summary
  14. Chapter 6: Using Wireframes to Design Your App
    1. What Is a Wireframe?
    2. The Wireframing Process
    3. Summary
  15. Chapter 7: Designing Your Visual Assets with Adobe Photoshop
    1. Some Photoshop Basics
    2. Gridlines & Guides
    3. The Tools Panel
    4. The Layers Panel
    5. Creating the Registration/Sign-in Page
    6. Creating the Select and Edit Trips Page
    7. Using Layer Comps for Screen Layouts
    8. What about Adobe Fireworks?
    9. Summary
  16. Chapter 8: Creating Your App Icon and Additional Graphics for the App Store
    1. App Discovery
    2. The App Store
    3. The App Icon
    4. Launch Images
    5. Newsstand Cover Icon
    6. Promotional Screenshots
    7. Promotional Artwork
    8. Your App’s Page
    9. Summary
  17. Chapter 9: Finalizing Your Assets for App Development
    1. Creating a Design Specifications Document for Your Developer
    2. Slicing Your Designs into Assets
    3. Scaling and Saving Your Assets for Various Devices
    4. Naming Your Assets
    5. Packaging Your Assets for Development
    6. Communication Is Key
    7. Summary
  18. Chapter 10: Design Best Practices and Mistakes to Avoid
    1. Create an App Design Statement
    2. The HIG Is Your Design Bible; Use It
    3. Wireframing Is Important
    4. UI vs. UX: There Is a Difference
    5. Simplify!
    6. Utilize White Space
    7. Be Aware of Changes to iOS 7
    8. Ask Why?
    9. Think Small
    10. The iPad Isn’t Just a Big iPhone
    11. Fonts Are Important
    12. Provide Visual Feedback
    13. The User Is King (or Queen)
    14. Design Patterns Are Your Friend
    15. Thumbs Rule
    16. Hi- to Low-Res
    17. Get ‘Em in Quick
    18. Test, Test, and Test Again
    19. Software Will Help
    20. Icons and Screenshots Are Important, Too
    21. Handoff and Communication
    22. Summary
  19. Index