UI Design

La più grande raccolta Italiana di risorse selezionate per chi si occupa di design e digitale. Oltre 1000 link, divisi per categoria, con dettagli e informazioni utili.

Guidelines to naming conventions, components structure and document organization.

Join Jacob and Ryhan to understand how Figma shipped one of their most requested features, what barriers you’ll face implementing your own, and how to overcome those obstacles and make it easy on yourself. Check out their slides on the Figma community: https://www.figma.com/community/file/1105965841124675704 00:00 - Introduction 0:45 - The reality of designing dark mode 3:40 - How colors work differently in light vs. dark mode 4:35 - Step 1: Reinventing color ramps 7:34 - Step 2: Semantic colors 13:52 - Step 3: Implementation 18:16 -Closing #Figma #Config #Config2022 #FigJam #Tutorial #NothingGreatIsMadeAlone

In this article, we’ll explore the main types of animated progress indicators and provide recommenda...

Good UI animations have purpose, they are meaningful and functional. In this article we’ll talk abou...

User interfaces look way different than they used to just a couple years ago — user interfaces (UIs) are becoming less cluttered and more contextual. ...

The sad slide of the once-darling design co.

I don’t lie, I copied few lines from the masters.

By Tim Wouters, senior UX Researcher at Internet Architects

Photoshop, Sketch templates, and other UI materials for quickly designing iOS apps.

Designers, these Sketch shortcuts are about to make your life *so* much easier.

Compare popular industry UX tools for design, prototyping, handoff, versioning, monitoring, and more.

How to make a reusable button symbol with icons.

Sketch App Sources is the largest collection of icons, UI kits, wireframes, and free design resources for Sketch.

Designers, we live in exciting times. The new generation of tools created for digital media is slowly breaking the ties with the old world…

A couple of weeks ago the O'Reilly design team officially began using Abstract for its version control system.

Second story of mine and again dealing with Sketch … So there is the new Sketch format since the release of 43.1 and now it is as if the…

Before Abstract, designers used to work with Dropbox, Google Cloud or any other cloud service. Files would get overwritten or lost.

Is the “Git for designers” really that good? YES.

Uizard, the future of app development. Transform mobile hand-drawn wireframes automatically to Sketch and download the React Native code! Code less, create more.

Theres only two dominant UI design tools available today. In this article we will cover why there can be only one in 2020: Figma!

*It may actually take you longer than 5 minutes if you don’t meet the prerequisites.

Switching tools isn’t a decision to be taken lightly. Here’s a nuts-and-bolts and behind-the-scenes look at how Help Scout migrated design systems from Sketch to Figma — why we made the switch, a step-by-step walkthrough of what it entailed, and what we got out of it — a story that applies to any team considering a large-scale tool migration.

Warning: More GIFs than the peanut butter aisle.

Prefer SVG over PNG, trust browsers to downscale, drop obscure formats—the ultimate, exhaustive guide to favicons for modern web. Includes steps for static HTML and Webpack.

Thoughts on using vertical grids for text in UI design

by Nick Babich

A modular grid has consistent horizontal divisions from top to bottom in addition to vertical divisions from left to right. These modules govern the placement and cropping of pictures as well as text....