Design

Design elements near each other are perceived as related, while elements spaced apart are perceived as belonging to separate groups.

A blog trying to be a pattern library. All about designing inclusive web interfaces, piece by piece.

Specify is a tool to create, scale and maintain a design system. Meet the ultimate bridge for digital product teams.

OpenChakra is a visual editor for React based on Chakra UI

The tool consists of 105 hands-on examples of cognitive biases use in software development for better user experience (UX).

Discover incredible free resources to study mathematics - textbooks, lecture notes, video and online courses.

Complete guide to designing a site using a collaborative and powerful design system Only a few years ago, Figma came out as the first design tool that utilized the power and accessibility of the Web while promising the same…

Leading Newly Remote Teams A guide for managing, mentoring, and operating design virtually. Learning The Hard Way Sixteen years ago, I started a design studio in Southern California. A year later, I hired the first employee who lived three time zones away on the East Coast. There was no requirement to move, no relocation offered; I hired the person because I wanted to work with them. The second employee was the same story, another super talented person that I wanted to work with—they can work remote. We all worked out of our homes and collaborated through a combination of AOL Instant Messenger, Campfire (the IIRC “Slack” app of the time), Skype, and that old application we rarely use today, the telephone. Once we learned how to upload biganimated .gifs to our chat channel, the company and its culture were off to the races. Everything went well until I hired my next handful of employees locally in Southern California and opened a small office. It didn’t take too long for the culture and company operations to take a hit. Frustrations mounted. Conversations were now happening in all of the regular digital channels, but also “in-person” places at the office. The local group was presenting design and making decisions without the inclusion of the remote members of our team. Out of sight, out of mind, became the norm faster than I could see it coming. Within months I had two companies: One remote and the other local. It sucked. To fix this, we got together, talked through problems, and agreed on a plan to turn things around and make it stick. And it took a lot of effort on everyone’s part to get our company back. Years later, when I worked as an executive design director at USAA, I took an opportunity to move to Seattle with a caveat that I would travel to San Antonio for one week per month. Despite going to headquarters with more frequency than that, I still found myself left out of conversations and eventually decision making. Out of sight, out of mind is very real, and it takes a concentration to turn that around. This is all to say working remote successfully is super hard. And it doesn’t take much for a small team, let alone a large company, to start receiving a few hits. As I write this, a large client of ours sent all of their employees home today as part of a company-wide readiness test in preparation for upcoming campus closures as a part of the COVID event. I live near Seattle, where tech companies have already made headlines with their travel restrictions and campus closures. To the south, in Portland, Nike closed its campus for a “deep cleaning,” whatever that means. In short, for some of us (likely many more of us eventually), work and life routines are changing shape abruptly. Working remote is likely to become a reality for significant portions of our workforce—especially for those jobs that can relocate with a laptop. Most of us have experience working remote for a day or two here and there. A vacation that we might have wanted to extend or a sick day spent at home. The one-offs are easy enough to do, but it’s the extended remote work that will have an impact on your team’s ability to interact with others, collaborate with parts of the business, and possibly your team’s culture (something that when damaged can take a lot to recover). With this in mind, I have collected stories on how to run an effective design team remotely. You will find content that covers everything from collaboration to culture, content to pass down to your team on avoiding distractions from working at home, and other topics related to the remote practice of design. I hope you will find these articles useful. If you know of a story or another source that we should include, please let me know at gregstorey@invisionapp.com. In the meantime, please keep an eye out for more content and resources by joining my colleagues and me in the Design Leadership Forum. Greg Storey Sr. Director, Executive Programs, InVision @brilliantcrank

If appropriately used, dropdowns don’t have to be awful

You’re creating a patient registration flow and your user is partway through the form wizard and needs more information on how to find and fill out their “insurance certificate number” in order to continue. Some users need to know what this means. Others need to know where to find it (hint: it’s on another piece of paper).

How to choose the right UI component for the type of message you want to deliver to your users.

The next-gen Web and EPUB Editor based on the rendering engine of Firefox®

Mixed – Communicate with voice, collaborate in real-time. Annotate, feedback and sketch together with simple visual tools.

Whiteboard together, even while apart. Visual communication that feels second-nature.

Glitch is the fastest and easiest way to code and collaborate online, right from your browser. Whether you're working remotely for the first time or want to level up your virtual collaboration skills, these resources can help.

👷 Build images with images. Contribute to nuno-faria/tiler development by creating an account on GitHub. Tiler is a tool to create an image using all kinds of other smaller images (tiles). It is different from other mosaic tools since it can adapt to tiles with multiple shapes and sizes (i.e. not limited to squares). An image can be built out of circles, lines, waves, cross stitches, legos, minecraft blocks, paper clips, letters, ... The possibilities are endless!

Instantly remove the background from your photos, free

How I taught myself 3D modeling in 100 days

Free 3D Software Suite for modeling & rendering realistic characters, clothes and scenes. Buy 3D models, anime characters, poses, and thousands of other professional ready-made items.

Turn ideas into a 3D design with this easy-to-use online 3D modeling software. Start for free with a complete set of tools including real-time rendering and models library.

Peter Tarka produces immersive illustrations using forms, shapes and bold colours to elevate aesthetics for the most recognizable brands on the planet. As an established artist and art director, Peter is able to craft mesmerizing visual experiences. Clients: Apple, Nike, LG, Samsung, Audi, Google, Adobe, Yoox, Honda, Guerlain, Van Cleef & Arpels, Furla, Molton Brown, BMW, Clarks, Asics, Absolut, Mastercard, Cadbury, Airbnb, AT&T, Wix, Verizon, Nickelodeon, ING, Red Bull, Net a Porter, Easyjet, Bloomberg, Fortune, Mcdonalds, Heineken, O2, Orange, Luisaviaroma, Qualcomm, Charles Schwab and ma...

Forget trust falls and ropes courses. These are activities for building your team's Get $#!τ Done muscle and working better together.

Futurespectives, like Retrospectives, look back at the past… from the future! I find them very useful when there isn’t much to retrospect on: at the start of a project or initiative. I&…

An intro to Design Sprints – from getting started to getting successful.

Free shared whiteboard built on Fabric.js and Socket.io

An organized and frequently updated collection of Design System examples, resources, tools, articles and videos.

Any UI Design System is built on the three main pillars of Colours, Scales (Size and Spacing), and Typography.

A personal UX designer portfolio website is a way for you to be yourself and tell your story. Here you'll find top 20 hand-selected portfolios that will inspire you when building your own.