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


  1. Discover the world's best design practices—DesignBetter.Co
  2. Animating in Principle: A Crash Course

    Free video course about prototyping in Principle

  3. Motion Design by Jorge R. Canedo

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

  4. Origami Studio — Getting Started
  5. Principle App Crash Course - YouTube
  6. Sketch Together

    Provide courses about Sketch, Principle & Flinto

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.

Auto Layout Skills

  1. Auto-Layout: Introducing Stacks — Flexbox for Sketch
  2. Overrides & Dynamic Buttons in Sketch – Design + Sketch – Medium

    Use Auto Layout to create dynamic buttons, not very useful but interesting.

Finished Articles of Design


Newest first.

  1. Apple’s Icons Have That Shape for a Very Good Reason
  2. How Designers Should Think About SVG – Design + Sketch – Medium

    SVGs are living things. Bitmaps are photos of things.

  3. Material Design and the Mystery Meat Navigation Problem

    TL;DR: ambiguous icons & design principles.

  4. Preparing and Exporting SVG Icons in Sketch – Design + Sketch – Medium
  5. 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."

Interface Design References


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

  1. CSS & JS Animations - Awwwards
  2. 404 Error Page - Awwwards
  3. Buttons
  4. UX brutalism
  5. | Brand-focused collection of UI design examples

UI best pratices


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. 基礎デザイン学科 science of design

Branding & Packaging

  1. Brand New
  2. Al'z Ács 'business card on Behance

    Special material: gradient Foil

  3. 表參道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