Under The Bridge Under The Bridge

Tag: dark
Join The Dark Side We Have WebCookies

Here is an excellent reference to keep handy for your next project … or when you’re finally getting that proper iOS 13-savvy redesign finished up for your current projects, not that any of us would be in that situation of course:

What a Designer Needs to Know about iOS Dark Mode When Working with a Developer

As a senior iOS app developer, it is my responsibility to analyse an app UI / UX design from a developer standpoint and provide feedback to the designers. One of the common problems that my team encounter is the communication gap between designers and developers, because of that, designers sometimes might create UI / UX design that is impossible or extremely difficult to implement by the technical team…

Feeling the pain? We know we’re feeling the pain.

With the introduction of dark mode in iOS 13, Apple has redefined the meaning of colors and UI styling in iOS, which further widen the communication gap between designers and developers. This has motivated me to create this article that from a technical perspective, explain what a designer need to know regarding adopting iOS dark mode in order to smoothen the communication between both parties…

And it is an excellent job of doing so!

More good reads for your designers are

How to design delightful dark themes

It is difficult to create a delightful dark theme. We cannot simply reuse our colors or invert our shades. If we do, we will achieve the opposite of what we want: we will increase eyestrain and make it harder to read in low light. We may even break our information hierarchy.

In this post, we share how to design dark themes that are readable, balanced, and delightful….

8 Tips for Dark Theme Design

When it comes to designing a dark theme for an existing app, you probably want to communicate the same spectrum of emotions in dark mode. But it’s better not to do it. Why? Because colors are actually perceived differently depending on their background…

Dark UI Design: A step-by-step guide

What’s New in iOS Design and Implementing Dark Mode on iOS

From the implementation side of things, here’s some articles worth reading for various tips and tricks:

Implementing iOS 13 Dark Mode in the new BigCommerce mobile app

Implementing Dark Mode on iOS

Implementing Dark Mode in iOS 13 (Instagram)

How To Adopt Dark Mode In Your iOS App

iOS 13 Dark Mode and companion DarkMode helpers

Dark Mode: Adding support to your app in Swift

Dark Mode on iOS 13

iOS 13 Semantic UI: “Dark Mode, Dynamic Type, and SF Symbols”

DynamicColor is “Yet another extension to manipulate colors easily in Swift and SwiftUI”

Backward compatible Dark Mode on iOS

Implement In-App Dark Mode Using Swift Observation Protocols

UPDATES:

Overriding Dark Mode