iOS 7 Design Changes: Before and After Photos Highlight Key Differences

iOS 7 Design Changes: Before and After Photos Highlight Key Differences

The before and after iOS 7 gallery curated by TapFame highlights the aesthetic transformations introduced with iOS 7, offering a comprehensive view of the interface updates.

Edge to Edge Design

iOS 7 Design Changes: Before and After Photos Highlight Key Differences

The transition to edge-to-edge design marks a significant shift in iOS 7, removing traditional boundaries like status and navigation bars. This design allows apps to utilize the full screen, enhancing visual real estate. For instance, in the KickStarter app, the scrolling table seamlessly blends behind the header, subtly updating as you scroll, thereby enriching the contextual interaction within the app.

The Cobooks Contacts app exemplifies this trend by extending table cells to the screen’s edges, eliminating unnecessary margins and presenting a cleaner, more engaging user interface.

This approach effectively increases screen space by 15-20%, focusing attention more on the app content rather than the decorative borders.

User-Controlled Font Sizes

In iOS 7, font sizes are dynamically adjustable through a unified setting, allowing users to tailor text size across apps based on their viewing preferences.

This feature is particularly beneficial for those requiring larger text. The iRun Perth app demonstrates how different font roles within an app adjust in unison, maintaining consistency and enhancing readability.

See-Through Controls

The introduction of see-through controls in iOS 7 offers a less obtrusive user interface, where buttons and sliders integrate more harmoniously with the background content. The Photo Investigator app showcases these transparent controls, which adapt to the underlying color scheme, ensuring a cohesive aesthetic throughout the app.

Borderless Interaction

The RecordOrders app illustrates the new borderless button design, promoting a more integrated experience where actions feel like part of the application rather than separate elements.

This design can be polarizing but when executed well, it enhances the user interface significantly.

Removing Familiar Patterns

iOS 7 also abandons familiar skeuomorphic designs such as lined table backgrounds and textured underlays, opting for simpler interfaces that focus on content rather than stylistic embellishments.


The use of translucency in iOS 7 helps maintain context when switching between tasks. Apps like National Debt and Stamps for Direct Mail utilize translucent overlays that allow users to keep a sense of the underlying content, providing a smoother transition and a more cohesive user experience.

Final Thoughts

Despite the potential initial resistance to its new visual direction, iOS 7’s design is rooted in principles that prioritize user experience and app functionality. The bold redesign reflects Apple’s commitment to innovation and user-centric design, even if it requires a period of adjustment.


Mary is a dedicated writer for TUAW, your go-to source for all things Apple. With a deep love for technology, Mary brings insightful and engaging content to the blog. She has a knack for breaking down the latest updates on the iPhone, iPad, and MacBook, making them accessible to all readers. Mary’s expertise and enthusiasm for Apple products shine through in every article, helping readers stay informed and excited about the tech world.

Share This Article