UI Design

UI Design

147 bookmarks
Newest
50 Best Websites of 2019
50 Best Websites of 2019
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...
·webdesignerdepot.com·
50 Best Websites of 2019
UI Term
UI Term
💈 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...
·docs.google.com·
UI Term
uiprint | All Mockups
uiprint | All Mockups
Collection of printable wireframe, mockup and dot grid sketchpad templates
·uiprint.co·
uiprint | All Mockups
A Complete Guide to Grid
A Complete Guide to Grid
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
·css-tricks.com·
A Complete Guide to Grid
Understanding Web UI Visual Hierarchy
Understanding Web UI Visual Hierarchy
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...
·awwwards.com·
Understanding Web UI Visual Hierarchy
A Comprehensive Guide to Web Design | Adobe Blog
A Comprehensive Guide to Web Design | Adobe Blog
A comprehensive guide to web design that covers the visual appearance and interface (UI) of a website to how the website functions (UX).
·theblog.adobe.com·
A Comprehensive Guide to Web Design | Adobe Blog
The Infinite Grid
The Infinite Grid
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 ...
·alistapart.com·
The Infinite Grid
Grid – Thinking With Type
Grid – Thinking With Type
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....
·thinkingwithtype.com·
Grid – Thinking With Type
Device metrics - Material Design
Device metrics - Material Design
A comprehensive design guide for sizing and resolutions across all devices.
·material.io·
Device metrics - Material Design
Density Buckets for iOS, Android & Windows by Jeff Broderick
Density Buckets for iOS, Android & Windows by Jeff Broderick
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...
·density.brdrck.me·
Density Buckets for iOS, Android & Windows by Jeff Broderick
Modulator
Modulator
unit adjust the unit on the left sidebar spaces adjust the spaces on the left sidebar widths adjust ...
·hihayk.github.io·
Modulator