#design (1,029 links)
- Team Libraries in Figma – Figma Design medium.com
1452 was a year of witch hunts and plague. Wild bandits were spreading chaos throughout Europe whilst medicine, transportation and science had been in stasis…
- To Designers With Love (A Letter From a Front-end Developer) blog.prototypr.io
Dear Designers, for two decades you’ve been sending me PSDs with the same issues. Dear Designers, This letter has been brewing for years. Parts of it have been…
- Components in Figma – Figma Design medium.com
Components in Figma Today we are excited to release Components in Figma . By bringing concepts like composition , inheritance and unlimited overrides from…
- Visual salience - Scholarpedia scholarpedia.org
- Space in Design Systems – EightShapes LLC medium.com
Space in Design Systems From Basics to Expanded Concepts to Apply Space with Intent I’ve long referred to Color , Type and Icons as the “Big 3” of a system’s…
- mojs/mojs github.com
The motion graphics toolbelt for the web
#animation#burst #design#es6 #graphics #javascript #library#mo-js#modern#mojs #motion#motion-graphics#shape #svg#swirl#timeline#toolbelt #web #webpack#coffeescript - Redesigning Pinterest, block by block medium.com
When I was a kid growing up in Sweden, my room was filled with classic BRIO-designed wooden toys. I remember being fascinated with the simple designs, bright…
Design Better Forms Common mistakes designers make and how to fix them Whether it is a signup flow, a multi-view stepper, or a monotonous data entry interface,…
- State of the Digital Nation 2016 blog.marvelapp.com
In 2013, we explored the state and future of the digital consultancy industry, posing the question “ How, When and Where Will The First Truly Great Digital…
- Affinity Designer - Professional graphic design software for the Mac affinity.serif.com
Affinity Designer Professional graphic design software for Mac Watch video No subscription. Just $49.99 Buy now Free trial Imagined by designers, created for…
Karri is currently answering your questions about the design language system in a segment of Ask Me Anything by Designer News. Click here to join the forum.…
- Exploring ways to export clean .svg icons with Sketch…the correct way — Design + Sketch App medium.com
Exploring ways to export clean .svg icons with Sketch…the correct way If you design interfaces, you probably work with developers on a daily basis. Your job is…
To ensure a consistent design approach across its digital services, the BBC uses a shared Global Experience Language (GEL). In this post, User Experience…
Patterns mean a lot of things to a lot of different industries, from fabric patterns in fashion to patterns for sand casting metal components. Even within the…
- Space Yourself – Smashing Magazine smashingmagazine.com
Advertisement There’s more to spaces than the key you instinctively hit between words with one of your thumbs. Let’s find out what other space characters there…
Users need to perceive, comprehend and operate a digital service: The service needs a way to get across to the user in order to be perceived. This could be…
- The Elephant in the Room: Web design work is drying up | Hacker News news.ycombinator.com
- A “web designer” or “web developer” used to be a generalist who wrote HTML, CSS, and some jQuery. Now there’s a demand for specialization: a UI/UX designer…
- Design systems in difficult places | Journal | The Personal Disquiet of Mark Boulton markboulton.co.uk
Design systems in difficult places – February 18th, 2016 – This is Manchester. I grew up on the outskirts of Manchester. I have memories like this picture.…
- Frontend Design | Brad Frost bradfrost.com
Somewhere between design – a world of personas, pixels, and polish – and engineering – a world of logic, loops, and linux – lies frontend design. Frontend…
- Framer - Prototype Interaction and Animation framerjs.com
Prototype anything you can imagine. Download Framer for Mac Google Now Type Tester iOS Lockscreen Calendar Item Video Player Chat Bubbles Places Search Photo…
This meant letting go of pixel-level beauty to create something bigger and harder: a system of elements that work together in harmony in many contexts. The visual style exists to guide the users. When done well, it becomes a language that users understand, so when they encounter a new feature or have a new goal, they already feel comfortable navigating it.
- Introducing the NHS.UK Alpha | NHS.UK Alpha digital.nhs.uk
The energy and enthusiasm at last week’s NHS Innovation Expo was striking – lots of people wanting to exploit the potential of better digital and technology…
- From Pages to Patterns: An Exercise for Everyone alistapart.com
Language defines the life of components. A “blue button” will work until the button is no longer blue—and then the name won’t make sense anymore. The pattern…
- Ricci Adams — Pixel Winch Guide ricciadams.com
Table of Contents Introduction Scale Mode Guides Grapple Tool Line Tool Rectangle Tool Hand Tool and Zoom Tool Marquee Tool Move Tool Keyboard Selection…
- The Language of Modular Design alistapart.com
As many of us move away from designing pages toward designing systems, one concept keeps cropping up: modularity. We often hear about the benefits of a modular…
I recently offered to talk at the local primary school, about my job (or at least part of my job). I expected to be speaking to the older kids, and be able to…
- Web Design - The First 100 Years idlewords.com
Idle Words > Talks > Web Design: The First 100 Years This is the expanded version of a talk I gave on September 9, 2014, at the HOW Interactive Design…
The smartest way to share designs, export assets and collaborate with your team. Export and share anything from Photoshop & Sketch designs Colors, image assets,…
- Ohh Deer | Quirky illustrated gifts ohhdeer.com
- In Search of a Living Design System the-pastry-box-project.net
- Thomas Byttebier - The best icon is a text label thomasbyttebier.be
- Design Principles learndesignprinciples.com
Learn about design principles and see how they can be applied from architecture to product design.
- The Ultimate Guide To iPhone Resolutions paintcodeapp.com
- Essential Sketch Plugins for Web Design - New Media Campaigns newmediacampaigns.com
- Pattern Lab patternlab.io
Build Atomic Design Systems
Via monospaced.
- Aspect Ratio Calculator (ARC) andrew.hedges.name
- What’s the design process at GDS? | Government Digital Service gds.blog.gov.uk
We don’t want a culture of designs being “thrown over a wall” to a dev team. We don’t make “high fidelity mock ups” or “high fidelity wireframes”. We’re making a Thing, not pictures of a Thing.
This guide explains how to make your service look consistent with the rest of GOV.UK.