UI Design

Find, Vote, Save, Share your favorite design tools!

Dashboard Design Guidelines

Design, prototype, and test usability remotely with Indigo.Design. Create a prototype in Sketch and then generate Angular code from your UI designs.

From some very tough competition, these are the 50 sites we liked the best this year. Each one has been chosen either because it took a unique approach, or because it was central to a design trend that was a big hit in 2019. There's a lot of fullscreen video, a lot of illustration, and the emergence of a post-Brutalist maximalism trend that's set to keep running into 2020 and beyond. Is your favorite included in the list? Nomadic Tribe Illustration has been one of the biggest trends of 2019, and it is used to great effect in Nomadic Tribe, an interactive, animated short story, created to ce...

💈 1. Style 💈 Color 🔸 Grid 🔸 Iconology 🔸 Typography Name,Term,Definiton,Reference+Image Color,Primary Color,A primary color is the color displayed most frequently across your app's screens and components. If you don't have a secondary color, your primary color can also be used to accent e...

Collection of printable wireframe, mockup and dot grid sketchpad templates

With the introduction of Smart Layout in Sketch 58, we can finally build adaptable symbols without the hacks, plugins or workarounds.

How I use the 4px baseline grid to measure space around text in UI design

Create hundreds of text and layer styles automagically in minutes

CSS Grid Layout is the most powerful layout system available in CSS. It is a 2-dimensional system, meaning it can handle both columns and rows, unlike

7 Use-Cases of Forms Design

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

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

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

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…

This graph shows the stats of screen resolutions in Italy based on over 10 billion monthly page views.

More than being creative, a good artist must also consider subtleties like composition, colors, size, what to include, and — perhaps more importantly — what to leave out. That’s no easy feat, which...

A comprehensive guide to web design that covers the visual appearance and interface (UI) of a website to how the website functions (UX).

Using a dropdown menu usually seems a no-brainer but it’s also easy to misuse due to its limitations. You can do better.

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

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

Warning: More GIFs than the peanut butter aisle.

How to make a reusable button symbol with icons.

Grid systems are a key component of graphic design, but they’ve always been designed for canvases with fixed dimensions. Until now. Today you’re designing for a medium that has no fixed dimensions, a ...

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....

A comprehensive design guide for sizing and resolutions across all devices.

How pixel density works and how it affects your designs.

Indicates your screen's current density. It's actually quite easy to detect the pixel density with just a little CSS. By modifying the same @media query slightly we can get pretty accurate density con...

unit adjust the unit on the left sidebar spaces adjust the spaces on the left sidebar widths adjust ...

This video will help you better address moders screens with your UI Design to deliver best quality. Check out the other courses at https://learnux.io