Design

You must be logged in to view the contents of this board.

Courses

Pin
  1. Introducing design systems - DesignBetter.Co
  2. Adobe Illustrator tutorial: Create a brand new style of vector portrait - Digital Arts
  3. A Step-by-step Guide to Designing Custom Illustrations Without Any Drawing Skills
  4. Discover the world's best design practices—DesignBetter.Co

    A work by Invision

  5. Animating in Principle: A Crash Course

    Free video course about prototyping in Principle

  6. Motion Design by Jorge R. Canedo

    Use After Effect to create motion graphic. not a free course but the designer is awesome

Finished Articles of Design

Pin

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

Sketchapp Skills

Pin

Build Design System

Pin
  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

Nested Symbols Technique

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

Design Resources

Pin

Color

Pin
  1. Color Hex - ColorHexa.com
  2. HTML Color Codes
  3. Open Color
  4. Made You Look | Poster Collection 2017 on Behance

    Amazing colors combination by StudioJQ

  5. Pandacolors
  6. Grabient

Icons

Pin
  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

Patterns

Pin
  1. Novapattern – curates well-designed patterns

3D

Pin
  1. Photorealism Explained - YouTube

    Modeling, Material, Lighting & Post Processing

Studios & Portfolios

Pin

For personal website references.

  1. Creative Portfolios - Made by the greatest designers & developers.
  2. Best Web Agencies Websites

    Good reference for portfolio design!

  3. Brutalist Websites
  4. Super Crowds inc.
  5. Portfolio of Edwin de Jongh

    Cool portfolio

  6. Tobias Ahlin

Awesome Websites

Pin

With incredible web technologies.

  1. Brick Block - by Oskar Stålberg
  2. A Single Div

Interface Design References

Pin

Including web design, app design, user experience, etc.

  1. Nicely done — Products & pattern designs inspiration.
  2. Good Web Design
  3. Interfaces.pro | Brand-focused collection of UI design examples

    IRL examples base on pages, such as login, about, 404, etc.

  4. Hyperpixel | Best landing pages for inspiration
  5. CSS & JS Animations - Awwwards
  6. A Round-up of The Best Loading Animations.

UX best practices in UI

Pin

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

  1. Really Good UX
  2. How to Write a Perfect Error Message – UX Planet
  3. Dropdown alternatives for better (mobile) forms – Zoltan Kollin – Medium
  4. Design better data tables – uxdesign.cc
  5. Why ‘Sign Up’ and ‘Sign In’ Button Labels Confuse Users - UX Movement
  6. Why the Confirm Password Field Must Die - UX Movement

Design Trend

Pin
  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
  6. Jardson Almeida ⚡️ - Dribbble

    A product designer who provides the source files (Sketch & Principle) of his design for everyone!

Graphic Design Reference

Pin
  1. Julian Montague(@montagueprojects)• Instagram 相片與影片

    Curated mid-century book covers. Good reference for graphic design.

  2. 基礎デザイン学科 science of design

Branding & Packaging

Pin
  1. Brand New
  2. Dropbox Design
  3. Our bold new brand - Atlassian Blog

    Good case study for product family!

  4. Al'z Ács 'business card on Behance

    Special material: gradient Foil

  5. 表參道Hills|表參道Hills簡介|概念|Logo Design

Illustrators

Pin
  1. Maggie Appleton - Dribbble

    Illustrator of egghead.io

  2. MBE - Dribbble
  3. Simon Oxley - Dribbble

    Twitter bird & Github Octocat

0 Comment
Comments or thoughts?
Submit
Cancel
or
Email a link to this board
Share this board on Facebook
Share this board on Twitter
Notice label will go here