Design

Newest first.

1. A framework for creating a predictable & harmonious spacing system for faster design-de...
2. Apple’s Icons Have That Shape for a Very Good Reason
3. How Designers Should Think About SVG – Design + Sketch – Medium

   SVGs are living things. Bitmaps are photos of things.
4. Material Design and the Mystery Meat Navigation Problem

   TL;DR: ambiguous icons & design principles.
5. Preparing and Exporting SVG Icons in Sketch – Design + Sketch – Medium
6. The 7-Minute Guide to Flat Design 2.0

   "Flat design is so connected to design theory that it will continue to grow and evolve."

1. Atlassian Design
2. Lightning Design System
3. Welcome | Photon Design System
4. Website Style Guide Resources
5. Building a Visual Language : Airbnb Design
6. How to construct a design system
7. 5 more

1. 7 Custom Sketch Shortcuts You Should Start Using Today - Sketch App Tricks
2. 8 critical Sketch shortcuts

1. Auto Layout Plugin for Sketch App - YouTube

   awesome!!!
2. Flexbox for Sketch App: Stacks Auto Layout Plugin - YouTube

   super freaking awesome!!
3. Auto-Layout: Introducing Stacks — Flexbox for Sketch
4. Overrides & Dynamic Buttons in Sketch – Design + Sketch – Medium

   Use Auto Layout to create dynamic buttons, not very useful but interesting.
5. “I didn’t know Sketch could do that!” – UX Power Tools – Medium
6. Sketch 39 Resizing: Cheat Sheet – Design + Sketch – Medium

1. Sketch symbols best practices (now that nested overrides are a thing) – Medium

   Really useful cheatsheet for Resizing behaviors.
2. A Better Way to Make Buttons in Sketch – UX Power Tools – Medium

   setting up buttons by nested symbol.
3. This is, without a doubt, the coolest Sketch technique you’ll see all day. – UX Power T...

   use nested symbol to create complicated UI components.

1. Pandacolors
2. Grabient
3. Color Hunt
4. Colors - Canva's Design Wiki
5. ambiance. - Color Palettes You Will Love To Stare
6. Bugsnag Blog - Advanced Sass color utilities with chromatic-sass
7. 10 more

1. Feather – Simply beautiful open source icons
2. Simple Icons

   SVG icons for popular brands, already in IconJar
3. Iconbros
4. Orion Icon Library
5. DEVICON | All programming languages and development tools related icons font
6. Free icons by first-class designers - IconStore

1. Novapattern – curates well-designed patterns

1. Photorealism Explained - YouTube

   Modeling, Material, Lighting & Post Processing

Best practices for UI components, such as data table, login/register, modal, etc.

1. How to Write a Perfect Error Message – UX Planet
2. Dropdown alternatives for better (mobile) forms – Zoltan Kollin – Medium
3. Why ‘Sign Up’ and ‘Sign In’ Button Labels Confuse Users - UX Movement
4. Why the Confirm Password Field Must Die - UX Movement
5. 5 UX Tips for Designing More Usable Registration Forms - Designmodo

1. Brutalism: BrutAl wEbsIteS for mOdern dAy webMAsTeRS.
2. 2017 Design Trends Guide on Behance
3. Top Pens of 2016 on CodePen
4. The awards for design, creativity and innovation on the internet
5. The best new portfolio sites, January 2017 | Webdesigner Depot