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


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

    A work by Invision

  4. Animating in Principle: A Crash Course

    Free video course about prototyping in Principle

  5. Motion Design by Jorge R. Canedo

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

  6. Origami Studio — Getting Started

Finished Articles of 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."

Sketchapp Skills


Build Design System

  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

  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.

Interface Design References


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

  1. Nicely done — Products & pattern designs inspiration.
  2. Good Web Design
  3. | 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. Loading Animations - Awwwards

UX best practices in UI


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. Design better data tables –
  4. Why ‘Sign Up’ and ‘Sign In’ Button Labels Confuse Users - UX Movement
  5. Why the Confirm Password Field Must Die - UX Movement
  6. 5 UX Tips for Designing More Usable Registration Forms - Designmodo

Studios & Portfolios


For personal website references.

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

    Good reference for portfolio design!

  3. Nick Jones - Interface Prototyper / Designer
  4. Rakesh - mobile and web designer
  5. David Hellmann - Art Director & Developer | David Hellmann

    Gorgeous black-golden style.

  6. Norgram — Digital Design Studio

    Incredible horizontal layout & scroll interactions.

Awesome Websites


With incredible web technologies.

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

Design Trend

  1. 2017 Design Trends Guide on Behance
  2. Top Pens of 2016 on CodePen
  3. The awards for design, creativity and innovation on the internet
  4. The best new portfolio sites, January 2017 | Webdesigner Depot
  5. Jardson Almeida ⚡️ - Dribbble

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

  6. motiontable

    Periodic table for motion graphics.

Graphic Design Reference

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

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

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

Branding & Packaging

  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


  1. MBE - Dribbble
  2. Simon Oxley - Dribbble

    Twitter bird & Github Octocat

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