Start designing apps (for non-designers)

Start designing apps (for non-designers)

SECTION: 

Start Here

1 of 56

1 of 56

You Can Draw in 30 Days

BOOK • 

goodreads.com

If you aren't comfortable picking up a pencil and sketching your ideas, this will be helpful. If you know how to draw, skip it.

Start Here

You Can Draw in 30 Days

BOOK

Figma: the collaborative interface design tool.

TOOL

UX Design vs UI Design | What's the Difference? Which one is right for me?

VIDEO

Universal Design Principles

Get familiar with high-level principles that apply to any design field (graphic design, architecture, web design, etc.)

The Building Blocks of Visual Design

ARTICLE

Gestalt principles | Processing the Environment | MCAT | Khan Academy

VIDEO

First Principles of Interaction Design (Revised & Expanded)

ARTICLE

The Psychology of Design

ARTICLE

The Laws of UX - 19 Psychological Design Principles

VIDEO

🧠Psychology of Design: 101 Cognitive Biases & Principles That Affect Your UX

TOOL

Designing for Accessibility (Pablo Stanley @ Designers + Geeks)

VIDEO

DESIGN RULES: Fundamental Principles + Practices for Great UI Design | Joe Natoli | Skillshare

CLASS

Interaction Design for the Web

CLASS

Deep Dive: Typography

You'll frequently see the phrase "content is king on the web" so, naturally, having a good grasp on web typography is super important.

The rules of responsive web typography

ARTICLE

Getting Typography Right in Digital Design

ARTICLE

Google Fonts

TOOL

Type Scale - A Visual Calculator

TOOL

A Type Primer

BOOK

Thinking with Type

BOOK

Deep Dive: Color

Color can make a design look legit or amateur, so it's important to understand how it can be used best for digital products.

Beginning Graphic Design: Color

VIDEO

How I Organize Colors for a UI Design Project

VIDEO

Colorable

TOOL

Create a palette - Coolors

TOOL

Usability/User Experience (UX) Design

Before you think about what your product looks like, nail down who you're designing for and what they really want and need. Wireframing bridges the gap between this section and the next one (UI design).

Complete Beginner's Guide to Interaction Design | UX Booth

ARTICLE

Usability 101: Introduction to Usability

ARTICLE

Top 10 Application-Design Mistakes

ARTICLE

Intro to UX: Fundamentals of Usability | Marieke McCloskey | Skillshare

CLASS

The “Jobs to be Done” Theory of Innovation - HBR IdeaCast

PODCAST

How to wireframe a website | CharliMarieTV

VIDEO

Wireframing for Newbies

VIDEO

Design Thinking Bootleg — Stanford d.school

TOOL

Don't Make Me Think, Revisited

BOOK

Design of Everyday Things

BOOK

Visual/User Interface (UI) Design

How to apply visual elements (color, typography, white space, etc.) to web design.

Streamline your workflow: The efficient UI/UX design process in Figma | Nicole Saidy | Skillshare

CLASS

The 2019 UI Design Crash Course for Beginners

VIDEO

60 Design Terms You Should Know

ARTICLE

Design Systems, when and how much? — Diana Mounter

VIDEO

7 Practical Tips for Cheating at Design

ARTICLE

Font Awesome

TOOL

Noun Project

TOOL

Look at other design

Critically look at other digital products to learn what about their design works well and what doesn't.

How to develop an eye for Design

ARTICLE

Inge Druckrey: Teaching to See

VIDEO

User Onboarding Teardowns | UserOnboard | User Onboarding

OTHER

Growth Design — UX Case Studies

OTHER

Design Pttrns

TOOL

Dribbble - Discover the World’s Top Designers & Creative Professionals

TOOL

THE GAP by Ira Glass

VIDEO

Design that serves business goals

This section is specifically geared towards designers at startups. Design has to serve greater business goals, so there are extra considerations.

Kathy Sierra: Building the minimum Badass User, Business of Software 2012

VIDEO

The only metric that matters

ARTICLE

Designing for Conversions

ARTICLE

Landing Page Guide: Advanced Copywriting and Design

TUTORIAL

Digital Experience Analytics, Session Replay, Heatmaps | FullStory

TOOL

Fun stuff for your downtime...

Learn some history, hear from some practicing designers, and immerse yourself in "design-y" things.

"Abstract: The Art of Design" Ian Spalter: Digital Product Design (TV Episode 2019) - IMDb

VIDEO

Eames: The Architect & The Painter (2011) - IMDb

MOVIE

Helvetica (2007) - IMDb

MOVIE

Objectified (2009) - IMDb

MOVIE

DESIGN DISRUPTORS

MOVIE

Start designing apps (for non-designers)

Description

This list is intended to help anyone who doesn't have a formal design background start designing their first app or website.

About me: I have a Graphic Design degree and 5 years of professional web and app design experience. I'm also a founder, so my particular angle is to be sufficiently knowledgeable on lots of facets of design/related fields, instead of deep-diving into one particular area.

354 views

May 1, 2020

This list is intended to help anyone who doesn't have a formal design background start designing their first app or website.

About me: I have a Graphic Design degree and 5 years of professional web and app design experience. I'm also a founder, so my particular angle is to be sufficiently knowledgeable on lots of facets of design/related fields, instead of deep-diving into one particular area.

Curator

I designed Learnlistt! I'm excited to learn about the environment, macroeconomics, entrepreneurship, interior design, plants and whiskey.

Stats

354 views

May 1, 2020

Topics