Learn Design for iOS Development

Learn Design for iOS Development

by Sian Morson
Released December 2013
Publisher(s): Apress
ISBN: 9781430263647

Read it now on the O’Reilly learning platform with a 10-day free trial.

O’Reilly members get unlimited access to books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial

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

    Product information

    • Title: Learn Design for iOS Development
    • Author(s): Sian Morson
    • Release date: December 2013
    • Publisher(s): Apress
    • ISBN: 9781430263647