Design

    Layout Guidelines for the Mac

    Mario Guzmán:

    The following sections are general guidelines that describe fundamental Mac layout principles of center equalization, text and control alignment, appropriate use of white space, and visual balance. Following these guidelines will help you create functional and aesthetically pleasing windows that are easy for Mac users to understand and use.

    I love it! It should be part of the HIG.

     

    UI Colors

    Zach Waugh:

    I'm horrible at colors, by far the worse part of my design skills, anyone have a resource for picking color palettes, preferably ones that have light and dark mode variants?

    Later:

    Found this site which is really nice and along the lines of what I was looking for, says Tailwind CSS, but seems generally usable to me

     

    ColorToolbox

    Ramon Torres:

    ColorToolbox is implemented as a set of extensions on UIColor, NSColor and Color (SwiftUI). All utility methods and properties are available on all supported platforms.

    Matt Massicotte:

    I would imagine there are many [color utilities for AppKit, UIKit, and SwiftUI] out there, but I like this one. Made with care. Recommended.

     

    Typography books for designers

    Jeremiah Shoaf:

    Over my 22-year career as a designer, I’ve amassed quite a nice collection of books on typography. Some have been more useful than others. In this article, I will share my thoughts on the books I’ve read, as well as gather together a list of books I’ve seen recommended elsewhere that I hope to read in the future.

    I agree with Shoaf that Bringhurst’s book is wonderful, and I look forward to reading some of his recommendations soon.

     

    A tooltip that looks like a toggle’s label

    Here’s the confirmation screen that ConvertKit shows you after sending a broadcast.

    The toggle switch is placed right next to a “What's this?” label—and I flipped it, expecting it to reveal some additional information. I bet the same has happened to others!

    If I were to fix this, I’d move the “What's this?” label closer to the “Post to my public feed” label. However, the distance between “Post to my public feed” and the switch is also problematic: I would bring them closer to make the association between the switch and its function clearer.