The First Fitbit: Engineering And Industrial Design Lessons
It could happen to anyone of us: suddenly you got this inkling of an idea for a product that you think might just be pretty useful or even cool. Some of us then go on to develop a prototype and man…
Last year we rebuilt our well-loved Stamen basemaps from scratch, re-creating them on a totally new tech stack in partnership with Stadia Maps. This was a bittersweet and challenging process, trying to build new styles that matched the aesthetics of the old maps, while still giving us a fresh start to keep these maps running...
Control Scheme Builder. Create multiple variations of gamepad layouts across different modes and platforms, and solve button-related UX problems with ease. No registration required, and sharing your work is as simple as copying the URL from your browser!
The ultimate interface reference Tool for game designers. Explore over 1,300 games, and 55,000 UI screenshots and videos, and filter by screen category, animation, colour, material, layout, texture, shapes, patterns, genre and more!
Tabs are everywhere, but do you use them properly? Distinguish between types of tabs, design them for visual clarity, and structure their content for usability.
How will our online experiences be different once we take back control over exactly who should see, interact with, and even collaborate on our content and activities at the most granular level?
Safer social networking - Bonfire's recent experiment with Prosocial Design Patterns
To better understand the workflow involved in building Bonfire extension from scratch, we implemented a design pattern from the Prosocial Design Network: label misleading content; add links to reliable, related content.
Pixels of the Week – July 28, 2024 by Stéphanie Walter - UX Researcher & Designer.
Weekly UX Research, Design & Tech resources: introduction to user interviews workshop, strategic information architecture, minimum WCAG target size, accessibility and typography, curated design inspiration, free SVG icons, 2D shape interpolation script, react kawaii icons, a directory of design systems, impact of European accessibility act, practical SVG book etc.
Spartan was Mergenthaler Linotype and ATF’s knockoff of Paul Renner’s extremely popular Futura (Bauer, 1927).
“Linotype announced Sanserif 52 and Italic early in 1939; later in the same year these typefaces were offered as Spartan Black, along with light, medium, and heavy weights, all with italics. In 1941 ATF cut some of these typefaces; by arrangement with Mergenthaler the small sizes were cut to match. ¶ Over the following dozen years or more, additional weights and widths were drawn by Bud Renshaw and Gerry Powell for ATF, and by Linotype staff designers. Renshaw's Spartan Medium Condensed, drawn in 1953, is wider than the corresponding typefaces in other families. In 1955 Linotype announced Spartan Bold, ‘the latest member of the Spartan family; slightly larger on the body than Spartan Heavy and more compactly fitted.’ Spartan Extra Black is heavier than the comparable typefaces from other sources. ATF made supplementary Advertising Figures, Decimal Figures, and Fractions for several weights of Spartan. ¶ Spartan Circuit and Spartan Circuit Heavy are 1964 adaptations of the design by Linotype for Teletypesetter use, requiring modification of character widths.” [McGrew 1993]
Renshaw is credited for the Medium Italic and Heavy Italic [Reichardt/Hoefer], and for the Book and Medium Condensed styles. [ATF catalog, ca. 1966].
Spartan offered some things Futura did not: such as a double-story alternate ‘a’ and Linotype’s unique Classified cuts (released later) for very small type. It also differs from Futura in that its ‘1’ has a flat (rather than angled) terminal in all weights. Also, the ATF version had mirrored “signpainters” quotes (a form more common in the US).
If you see Futura in a magazine or newspaper published in mid-century America, there’s a good chance it’s actually Spartan (or the other followers: Twentieth Century, Tempo, Vogue).
In user interface design, a pie menu or radial menu is a circular context menu where selection depends on direction. It is a graphical control element. A pie menu is made of several "pie slices" around an inactive center and works best with stylus input, and well with a mouse. Pie slices are drawn with a hole in the middle for an easy way to exit the menu.
This user interface option adds one or more items to a browser context menu. This is the menu available when a user right-clicks on a web page. Tabs and bookmarks can also have context menus, available through the menus API.
A context menu is a menu in a graphical user interface (GUI) that appears upon user interaction, such as a right-click mouse operation. A context menu offers a limited set of choices that are available in the current state, or context, of the operating system or application to which the menu belongs. Usually the available choices are actions related to the selected object. From a technical point of view, such a context menu is a graphical control element.
When you think of art, you might think of portraiture, landscapes, or other kinds of paintings. But mathematics can feel artistic at times, too. We’ve all seen gorgeous Mandelbrot fractals, a…
Not Quite Past trains AI to produce specific kinds of art and ornament. Our first project explores Delftware tiles. We use AI to allow you to design beautiful tile designs and then work with a high-quality British producer to make them real. The result: a revolutionary approach to design. Rapidly create highly personalised, one-of-a-kind artwork that plays with the rich cultural traditions of the past. Make old things new and new things old.
Hello, I just wanted to say that if you want your web app to feel Cool and
Modern, one of the easiest things you can do is make it so that Mac users can
hit…
tldr: I have rearranged my internet homestead into three sections — the front of the book (blog posts), the feature well (essays, long analysis & interviews), and the back of the book (my podca…
Turquoise is Timeless - A Mid Modern Classic Color - Mid Mod Scout
Turquoise “Both a modern & ancient color classic?” No color palette from the Mid Century Modern era would be complete without some shade of Turquoise. Often confused with it’s bluer brothers aqua and teal, turquoise reflects light in a strong … Continued
The Secret Color Formula for a Stunning Mid-Century Modern Home
Imagine unlocking the secrets of mid-century modern color palettes and discovering how to create stunning, timeless spaces. Explore the vibrant hues, bold designs, and sleek lines that define this iconic style, and learn how to infuse your home with a touch of retro charm and sophistication.
The concepts in modern operating systems — apps, windows, desktops, notifications, and so on — have so permeated our understanding of personal computing, it’s hard to imagine anything else, let alone believe there could be anything better.
