# learn-design

Published articles for learn-design.

This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles.

## Designing a Tinted iOS 18 App Icon with Alternate Brand Marks and Alpha Gradients

DevFeed: [Designing a Tinted iOS 18 App Icon with Alternate Brand Marks and Alpha Gradients](<https://devfeed.tech/articles/oh-no-i-need-to-design-a-tinted-ios-18-app-icon-9126.md>)

Original publisher: [Read original article](<https://www.sketch.com/blog/tinted-app-icons/>)

Author: Marcelo Marfil

Published: 2024-11-11T09:00:00Z

Content type: tutorial

Language: en

Sources: [Sketch Blog](<https://devfeed.tech/sources/sketch-blog.md>)

Topics: [iOS](<https://devfeed.tech/topics/ios.md>), [Sketch](<https://devfeed.tech/topics/sketch.md>)

Tags: [apple](<https://devfeed.tech/tags/apple.md>), [brand-identity](<https://devfeed.tech/tags/brand-identity.md>), [customization](<https://devfeed.tech/tags/customization.md>), [design](<https://devfeed.tech/tags/design.md>), [ios](<https://devfeed.tech/tags/ios.md>), [learn-design](<https://devfeed.tech/tags/learn-design.md>), [macos](<https://devfeed.tech/tags/macos.md>), [visual-hierarchy](<https://devfeed.tech/tags/visual-hierarchy.md>)

### AI overview

A Sketch design article explains how its team adapted an iOS app icon for iOS 18's tinted appearance. It focuses on alternate brand marks and alpha gradients, along with clarity, contrast, and consistency with stock iOS icon design.

### Source excerpt

Tinted app icons in iOS 18 were met with plenty of concerns over visual hierarchy and brand identity. Here are a few tricks we used to make ours look good and feel right at home.

## How to Create Interactive Prototypes in Sketch

DevFeed: [How to Create Interactive Prototypes in Sketch](<https://devfeed.tech/articles/prototyping-in-sketch-everything-you-need-to-know-9102.md>)

Original publisher: [Read original article](<https://www.sketch.com/blog/an-in-depth-look-at-prototyping-in-sketch/>)

Author: Sketch

Published: 2024-09-30T08:54:00Z

Content type: tutorial

Language: en

Sources: [Sketch Blog](<https://devfeed.tech/sources/sketch-blog.md>)

Topics: [Sketch](<https://devfeed.tech/topics/sketch.md>), [iOS](<https://devfeed.tech/topics/ios.md>)

Tags: [how-to](<https://devfeed.tech/tags/how-to.md>), [ios](<https://devfeed.tech/tags/ios.md>), [learn-design](<https://devfeed.tech/tags/learn-design.md>), [prototyping](<https://devfeed.tech/tags/prototyping.md>)

### AI overview

A tutorial on creating interactive prototypes in Sketch using frames, Overlays, Smart Animate, links, custom layer visibility, and previews. It also covers testing prototypes in context on an iOS device.

### Source excerpt

Learn how to create realistic prototypes with a variety of tools, like Overlays or scroll areas, add movement with Smart Animate and preview them in our iOS app