This Week's Sponsor:

Collections Database

A Powerful Database with iCloud Sync

Posts tagged with "design"

Apple Adds Videos to Developer Portal Featuring the New iPad Pro and Pencil→

To help developers take advantage of the latest features of the iPad Pro and Apple Pencil, Apple has posted two new videos to its developer portal. Even if you aren’t a developer though, the videos include interesting insights on some of the unique features of the new iPad Pros.

The videos cover development and design issues that should be considered when adapting apps to the new iPad Pros like using safe area insets to avoid crowding content into the rounded corners or under the home indicator. Another consideration to take into account is that unlike the previous iPads, the 11” iPad Pro doesn’t have a 4:3 aspect ratio, which means apps hard-coded to those dimensions will have areas cut off at the top and bottom.

Also, apps that don’t link against the iOS 12.1 SDK will run in a compatibility mode when multi-tasking, which will add an inset at the top and bottom of the screen for both apps instead of running them fullscreen. Apple says that making sure iPad apps can handle the inset compatibility mode will also help with bringing iOS apps to the Mac in 2019.

The Apple Pencil has a set of default double-tap settings that we covered in our iPad overview, but developers have the option to customize the double tap action in their apps. Apple also encourages developers not to hide functionality behind the gesture or turn custom actions on by default.

The videos cover the iPad Pro’s new USB-C connector too. The iPad Pro supports HDR 4K up to 60Hz and external displays up to 5K as well as USB audio devices, Ethernet, and MIDI. The iPad Pro can also send simultaneous USB-C outputs, which permits uses like connecting a DSLR Camera and 5K display to the iPad Pro at the same time.

The new videos are available as part of Apple’s Tech Talk series.

You can also follow all of our Apple event coverage through our October 30, 2018 hub, or subscribe to the dedicated October 30, 2018 RSS feed.

Permalink

Creative Selection Delves into Apple Software Design with Stories about Safari, the iPhone, and the iPad

Today, former Apple engineer Ken Kocienda’s book Creative Selection, which covers his career at Apple and insights about the company’s software design process, was released. As an engineer at Apple, Kocienda worked on several high-profile projects including Safari on the Mac and the touch keyboards on the iPhone and iPad. Much of the publicity surrounding the book focuses on Kocienda’s work on the iPhone. However, there is a treasure trove of interesting anecdotes about other products and people that make Creative Selection an absorbing read for anyone interested in the creative process and Apple.

Read more

Affinity Publisher Beta for Mac Available

Serif, the maker of Affinity Photo and Designer, announced the launch of a public beta for Affinity Publisher, a desktop publishing app that it is developing for the Mac and Windows. In a press release today, Serif says that the feature set will include:

  • Advanced typography
  • Linked text frames
  • Master pages
  • Facing page spreads
  • Dynamic photo frames
  • Tables
  • Baseline grids
  • Linked resources
  • End-to-end CMYK

Of course, Serif cautions that it is not ready to use in production work, but you can download the app from Affinity’s website and take it for a spin to get a sense for what is coming and provide input to Serif. The final product is expected to ship in ‘a few months’ according to the Publisher preview webpage.

In addition to the signup page, Serif has published a series of 16 short video tutorials explaining the basic functionality of the app. There is also a sample brochure you can download to use as a playground for experimenting with the app’s features.

From my initial look at the beta and tutorials, Publisher is an ambitious effort to build an integrated suite of creative apps by leveraging Affinity Photo and Designer, which will be accessible directly from within Publisher. Those integrations are not yet available in the beta but will be activated in a later build.

It’s been interesting to watch Serif invade an app category, in which Adobe has been the dominant player for so long, with sophisticated but cost-effective alternatives that suit the needs of many users. Publisher looks like an app that could round out the Affinity suite of apps nicely, making the trio of apps appealing to an even greater audience.

Apple Releases New App Design Resources for the Mac and Apple Watch

As tweeted by Mike Stern, Apple’s Platform Experience and Design Evangelism Manager, Apple has updated its AppKit design resources with a comprehensive set of UI elements for making Mac apps. The UI elements come in both Aqua and the Dark Aqua variants for designing Dark Mode Mac apps.

The update, also announced on Apple’s developer news website, includes new watchOS UI elements too, including ‘dozens of new UI elements for watchOS apps, watch face templates for designing complications, a color guide, and new text styles.’

The design assets are available to download in both Photoshop and Sketch formats from the Resources section of Apple’s Human Interface Guidelines website. A full list of all the changes is available here.

The Fragmentation of iOS’s UI Design→

Benjamin Mayo on the state of iconography in Apple’s built-in iOS apps:

My gripe is there is no consistency, no structure or logic to this. Apps introduced later sometimes use rounded icons, sometimes not, sometimes create all-new custom glyphs of their own. Incredulously, you could open flagship apps like Messages, Mail and Safari and have no idea Apple was even playing with bold icons as a conceptual change. These apps adopted the iOS 11 large bold navigation bar title formats, but their icons and glyphs have stagnated for more than four years at this point.

Mayo uses eight examples of Apple’s action icon to emphasize the design inconsistencies.

Since iOS 7, each revision of iOS has felt like a tentative design experiment, with icons in a handful of apps moving in different directions. The trouble is, Apple doesn’t seem to have settled on a clear winner among the several options tested, which has begun to make the UI feel directionless. Although rumors seem to indicate that a design refresh of iOS is at least another year off, I hope we’ll start to see indications of where iOS design is going this year at WWDC.

Permalink

Sketch Adds Shared Libraries, Including the Official Apple iOS 11 Design Template, and Prototyping

Sketch, the popular design app from Bohemian Coding, received a big update today, but perhaps the most interesting aspect of the update is the incorporation of Apple’s official iOS 11 design template. An earlier update of Sketch added Libraries, sets of design assets that can be saved, reused, and shared. With the new version of Sketch released today, those Libraries can be stored in Sketch Cloud and shared with other Sketch users who can download and subscribe to them.

The utility of the new feature is highlighted by the inclusion of Apple’s official iOS 11 UI Assets as a Shared Library.

According to Bohemian Coding:

We’re really excited to say that we’ve integrated Apple’s iOS 11 design template into Sketch, and can now offer this invaluable resource as a built-in Library.

The Apple iOS UI library has all of the components you’ll need to start working on your next project, carefully crafted for Sketch. This expansive Library includes everything, from tab bars and status bars to buttons and switches, ready to be inserted into your latest designs.

Users can download the iOS 11 design template from the Libraries tab of Sketch’s Preferences. Once downloaded, users will receive notifications of updates to the templates.

Sketch’s latest release also adds prototyping. The feature allows users to link artboards and add animated transitions. Prototypes can be previewed in Sketch, using Bohemian Coding’s Mirror iOS app, or using Sketch Cloud.

To get a sense of what can be done with Sketch’s new prototyping feature, check out the video below by Sam Beckett, who has worked with MacStories in the past on Federico’s iOS concept videos.

Aquarelo: A Beautifully-Designed Mac Color Utility

There are a seemingly endless number of ways to represent colors. Whether you’re a professional designer or developer, or someone who just wants to update a website template, you’ve undoubtedly come across several. The trouble with so many different formats is that it guarantees that at some point, the color value you have won’t be the one you require. Aquarelo is a beautifully-designed new Mac app that cuts through the thicket of formats to help you find the colors you want and convert them to the format you need.

Read more

On Ive’s Return to Design Team Management→

Bloomberg’s Mark Gurman and Alex Webb reported yesterday on a change in Apple’s design team, confirmed by Apple PR with a statement:

Apple Inc.’s Jony Ive, a key executive credited with the look of many of the company’s most popular products, has re-taken direct management of product design teams.

Ive, 50, was named Apple’s chief design officer in 2015 and subsequently handed off some day-to-day management responsibility while the iPhone maker was building its new Apple Park headquarters in Cupertino, California. “With the completion of Apple Park, Apple’s design leaders and teams are again reporting directly to Jony Ive, who remains focused purely on design,” Amy Bessette, a company spokeswoman, said Friday in a statement.

I don’t know what to think about this. I never assumed Ive would leave Apple after Apple Park was completed. From the outside, we can only infer that his return to managing the design team is important enough for Apple to issue an official statement and remove Design VPs Dye and Howarth from the Leadership page.

Benjamin Mayo also raises a good point:

It’s hard to parse what this means because nobody on the outside really has a good idea of what the title change two years ago meant. Jony Ive’s elevation to Chief Design Officer felt like the first steps to his retirement with Howarth and Dye taking up the posts of lead hardware and software design.

Yet, Apple never tipped its hand that Ive was on the way out. I expected Howarth and Dye to slowly start appearing in keynote presentation videos, in interviews, and new product marketing. Ive would slowly fade from relevance in Apple’s public relations before he left for real. That simply didn’t happen. If anything, Ive became even more intertwined into Apple’s public image. He has done countless interviews and photo shoots in the intervening years.

Permalink

Jony Ive and an Apple Park Architectural Lead on Apple’s New Headquarters and Design→

Wallpaper Magazine’s Nick Compton has an extensive interview with Foster + Partners’ Stefan Behling, one of the lead architects of Apple Park, and Apple’s Chief Design Officer, Jony Ive. There are a lot of great details about Apple Park and the Steve Jobs Theater in the article, including this from Behling on constructing a roof on the theater that appears to hover in space:

A network of 44 conduits, carrying electricity, data and sprinkler systems, is housed in three-quarter-inch strips of aluminium in-between the theatre’s glass surrounds. The carbon-fibre roof, tested, built and unbuilt in Dubai, was made the same way you make the hulls of racing yachts and weighs just 80 tons. ‘This is the first time in the history of mankind that this has been done,’ says Behling. ‘It’s the biggest carbon-fibre roof of its kind in the world. If you are serious about achieving something like this, and making it look effortless, you have to go all out. And that does mean doing something that has never been done before.’

Jony Ive has a lot to say about Apple Park too. In response to criticism that the building isn’t sufficiently configurable he says:

Our building is very configurable and you can very quickly create large open spaces or you can configure lots of smaller private offices. The building will change and it will evolve. And I’m sure in 20 years’ time we will be designing and developing very different products, and just that alone will drive the campus to evolve and change. And actually, I’m much more interested in being able to see the landscape, that is a much more important capability.’

Ive also talks about Apple’s design philosophy in general noting that his team’s goal is to ‘get design out of the way.’ However, my favorite part of the interview is Ive’s insight that with every new product, two are actually created:

‘When I look back over the last 25 years, in some ways what seems most precious is not what we have made but how we have made it and what we have learned as a consequence of that,’ he says. ‘I always think that there are two products at the end of a programme; there is the physical product or the service, the thing that you have managed to make, and then there is all that you have learned. The power of what you have learned enables you to do the next thing and it enables you to do the next thing better.

Wallpaper’s interview is a must-read for anyone intrigued by Apple Park and Apple’s approach to design.

Permalink