#design (850 links)
- gridless.design gridless.design
For the purposes of the following observations and examples we'll be referring to the grid used for user interface (UI) design to layout a web page or application. This is commonly known as the n-column grid or the n-pixel grid.
So it works out that, yet again, the ecosystem is ready for some pretty big changes to happen to CSS. The engineers at Chrome and across the web platform are prototyping, speccing, and starting the implementation for the next era of responsive design. These updates include user-preference based media features, container queries, and media queries for new screen types, such as foldable screens.
- How to Favicon in 2021 evilmartians.com
- Pika superhighfives.com
An open-source colour picker app for macOS.
- archives.design archives.design
An organized collection of graphic design related items that are available on the Internet Archives compiled by Valery Marier
- All Websites Look The Same - NoVolume, Web Design Blog novolume.co.uk
When was the last time you saw a website that didn’t have a huge image fitting to the screen with some giant text overlaid on it?
From 2015!
- What is a UI Design Architect? methodbrain.com
The design architect is a champion for human-digital engagement. They have the responsibility to establish a sustainable and equitable balance between a system’s owner and its users with solid workflow and governance practices. And they must care for and find ways to measure and evaluate the health of their digital experience architectures.
- The typographic scale spencermortensen.com
- Revisiting Adaptive Design, a lost design movement (Interconnected) interconnected.org
That early work on Adaptive Design has already done the hard digging of finding reference points and developing frameworks to guide product design for adaptation - it’s the anti Apple, the anti Amazon, the anti DRM. I’d love to for designers to share their ideas for future adaptable iPhones and adaptable apps, expand the discourse, and pushing back on the status quo. Adaptive Design is a movement worth reviving in 2020.
- Laws of UX lawsofux.com
Consistency alone can produce consistently poor outcomes without flexibility. If the system is too strict, teams are constrained and the results are rigid and dull.
- Design Docs at Google industrialempathy.com
One of the key elements of Google's software engineering culture is the use of defining software designs through design docs. These are relatively informal documents that the primary author or authors of a software system or application create before they embark on the coding project. The design doc documents the high level implementation strategy and key design decisions with emphasis on the trade-offs that were considered during those decisions.
- Matthias Ott – User Experience Designer matthiasott.com
- Inter font family rsms.me
Inter is a typeface carefully crafted & designed for computer screens.
- Figure It Out – A List Apart alistapart.com
Color is, without a doubt, the visual element most often misunderstood and misused.
- Text for Proofing Fonts | Fonts by Hoefler&Co. typography.com
- What are "Flexible Visual Identities" + Will They Replace Logo-centric Design? | | Eye on Design eyeondesign.aiga.org
“A static, logo-centered visual identity is like someone who shouts the same message over and over again. A flexible visual identity on the other hand is a bit more eloquent.”
Moving. This one word sums up everything New York-based design studio DIA embodies. Movement is in the neoteric, kinetic identity systems it creates and the processes it uses to construct them. Moving forward is in the ethos that drives its leaders Mitch Paone and Meg Donohoe to redefine with graphic design is. DIA is always moving and, in turn, its solidified itself as the master of typography in flux. It’s a studio which messes with design theory only to improve it, leaving the rest of us scrambling to catch up.
- LegraJS legrajs.com
It’s hard to pick a font size that is just right, especially as you try to adapt to different screens and scenarios. Looking at the recent history of how we got here can give us some perspective.
- The Guardian digital design style guide design.theguardian.com
Defaulting to a scrollable presentation-style walkthrough works really well.
- Eva Design System: Deep learning color generator colors.eva.design
Lets you specify a primary color and generates your green, blue, yellow, and red hues to match it.
- Humane by Design humanebydesign.com
A resource that provides guidance for designing ethically humane digital products through patterns focused on user well-being.
- The Elements of UI Engineering - Overreacted overreacted.io
If you worked a user interface, you’ve likely dealt with at least some of these challenges — either directly or using a library.
- DesignOps Handbook - DesignBetter.Co designbetter.co
- Introducing Kit compositor.io
- Vox Product Accessibility Guidelines accessibility.voxmedia.com
- Designing Adobe’s Evolving Brand System – Prototypr blog.prototypr.io
A few weeks ago at Adobe MAX, we unveiled a few updates to the Adobe brand system. There were two significant changes: the redesign of the file type system…
- Abstract goabstract.com
- Terminology Search - Microsoft | Language Portal microsoft.com
Translations for common UI phrases.
- UX Power Tools | Sketch smarter. uxpower.tools
- InVision now supports Sketch files. High fives. - InVision Blog blog.invisionapp.com