Erik Kennedy – Learn UI Design

Question and Answer

What is me?

me is Let save you some time..

How does me Let?

Let me save you some time.

What is one reason?

one reason is Honestly, there’s only to read anything on this page, and it’s this: you want to learn how to create great-looking user interfaces.If that’s not you, you can bounce along now..

How does one reason only?

Honestly, there’s only one reason to read anything on this page, and it’s this: you want to learn how to create great-looking user interfaces.If that’s not you, you can bounce along now.

What is hard feelings ?If?

hard feelings ?If is No you’re anything like I was, you find UI design to be confusing and open-ended..

How does hard feelings ?If was,?

No hard feelings ?If you’re anything like I was, you find UI design to be confusing and open-ended.

What is The advice?

The advice is out there seems vague, contradictory, and theoretical (rather than practical).When you look at design topics like typography or color, you’re overwhelmed.And when you see beautiful designs, they seem to be some mix of: Subjective Arbitrary Easy to recognize, but difficult to create These feelings are all too familiar to me..

How does The advice seems?

The advice out there seems vague, contradictory, and theoretical (rather than practical).When you look at design topics like typography or color, you’re overwhelmed.And when you see beautiful designs, they seem to be some mix of: Subjective Arbitrary Easy to recognize, but difficult to create These feelings are all too familiar to me.

What is I?

I is When was a developer and PM, I felt this way constantly..

How does I was?

When I was a developer and PM, I felt this way constantly.

What is I?

I is saw tons of great designs..

How does I saw?

I saw tons of great designs.

What is I?

I is could even tell you which I liked best..

How does I could even tell?

I could even tell you which I liked best.

What is it?

it is But when came to recreating something similar for myself, I was hopeless..

How does it came?

But when it came to recreating something similar for myself, I was hopeless.

What is I?

I is saw UI designers as magical creatures who sprinkle ?.

How does I saw?

I saw UI designers as magical creatures who sprinkle ?

What is over any wireframe?

over any wireframe is and make it shine..

How does over any wireframe make?

over any wireframe and make it shine.

What is It?

It is seemed like some art school voodoo that was completely inaccessible to others – myself included..

How does It seemed like?

It seemed like some art school voodoo that was completely inaccessible to others – myself included.

What is I?

I is When learned UI design, I had to do it the hard way..

How does I learned?

When I learned UI design, I had to do it the hard way.

What is self-?

self- is Largely taught, making progress an inch at a time..

How does self- taught,?

Largely self-taught, making progress an inch at a time.

What is the end,?

the end, is In I learned the aesthetics of apps the same way I’ve learned any creative endeavor: cold, hard analysis..

How does the end, learned?

In the end, I learned the aesthetics of apps the same way I’ve learned any creative endeavor: cold, hard analysis.

What is I’ve?

I’ve is worked 10 hours on a UI project and billed for 1..

How does I’ve worked?

I’ve worked 10 hours on a UI project and billed for 1.

What is the wild flailing of learning.?

the wild flailing of learning. is The other 9 were.

How does the wild flailing of learning. were?

The other 9 were the wild flailing of learning.

What is that time,?

that time, is During I came to have a disdain for the theory-heavy tripe that plagues so much design writing..

How does that time, came?

During that time, I came to have a disdain for the theory-heavy tripe that plagues so much design writing.

What is You?

You is know what I’m talking about?.

How does You know?

You know what I’m talking about?

What is Stuff?

Stuff is like: Color theory (in reality, no designers really use it) The golden ratio (seems insightful, doesn’t help) Grids (less practical than you’d expect, given the airtime they get) This stuff seems useful, but it failed the only metric that mattered to me: does it help me make a bad design look good?.

How does Stuff like: Color?

Stuff like: Color theory (in reality, no designers really use it) The golden ratio (seems insightful, doesn’t help) Grids (less practical than you’d expect, given the airtime they get) This stuff seems useful, but it failed the only metric that mattered to me: does it help me make a bad design look good?

What is a few years.?

a few years. is Let’s fast-forward.

How does a few years. Let’s?

Let’s fast-forward a few years.

What is I’ve?

I’ve is Now, designed interfaces for clients like Amazon, Soylent, Roam Research, and more, and made hundreds of thousands of dollars doing it..

How does I’ve designed?

Now, I’ve designed interfaces for clients like Amazon, Soylent, Roam Research, and more, and made hundreds of thousands of dollars doing it.

What is I’ve?

I’ve is circled the globe freelancing from a dozen countries..

How does I’ve circled?

I’ve circled the globe freelancing from a dozen countries.

What is enterprise systems?

enterprise systems is From to personal side-projects, I’m confident in my ability to design whatever I need to – and have it look awesome..

How does enterprise systems design?

From enterprise systems to personal side-projects, I’m confident in my ability to design whatever I need to – and have it look awesome.

What is I?

I is “But don’t know Arial from Helvetica” you cry. How will you ever become confident in design? I thought you’d never ask..

How does I don’t know?

“But I don’t know Arial from Helvetica” you cry. How will you ever become confident in design? I thought you’d never ask.

What is Lessons?

Lessons is Introducing 53 Video-Based.

How does Lessons Introducing?

Introducing 53 Video-Based Lessons

What is Over 35 hours of video lessons,?

Over 35 hours of video lessons, is filled with strategies and live examples covering all major areas of UI design..

How does Over 35 hours of video lessons, filled?

Over 35 hours of video lessons, filled with strategies and live examples covering all major areas of UI design.

What is me,?

me, is Watch Erik, as I actually design dozens of examples right in front of you..

How does me, Watch?

Watch me, Erik, as I actually design dozens of examples right in front of you.

What is any device?

any device is Watch from.

How does any device Watch?

Watch from any device

What is UI Design?

UI Design is Learn works on phones and tablets too, so you can watch from your desk or on the go..

How does UI Design Learn?

Learn UI Design works on phones and tablets too, so you can watch from your desk or on the go.

What is Skill-Based?

Skill-Based is exercises.

How does Skill-Based exercises?

Skill-Based exercises

What is Dozens of assignments?

Dozens of assignments is tailored to efficiently hone your UI design skills..

How does Dozens of assignments tailored?

Dozens of assignments tailored to efficiently hone your UI design skills.

What is them –?

them – is Take a shot at then post in the student community for feedback from the student mentors..

How does them – Take?

Take a shot at them – then post in the student community for feedback from the student mentors.

What is it?

it is But works..

How does it works.?

But it works.

What is a dozen printable PDF cheatsheets and checklists?

a dozen printable PDF cheatsheets and checklists is Get over with key design reminders and frameworks..

How does a dozen printable PDF cheatsheets and checklists Get over?

Get over a dozen printable PDF cheatsheets and checklists with key design reminders and frameworks.

What is I?

I is keep these on my office wall..

How does I keep?

I keep these on my office wall.

What is You’ll?

You’ll is want to too..

How does You’ll want?

You’ll want to too.

What is Student Slack Community Come?

Student Slack Community Come is for the design feedback, stay for the community..

How does Student Slack Community Come stay?

Student Slack Community Come for the design feedback, stay for the community.

What is other aspiring designers.?

other aspiring designers. is Learn alongside.

How does other aspiring designers. Learn alongside?

Learn alongside other aspiring designers.

What is plenty?

plenty is (There’s of abrasive, competitive design communities out there — but we’re not one of them ) Watch Over a Pro’s Shoulder.

How does plenty not?

(There’s plenty of abrasive, competitive design communities out there — but we’re not one of them ) Watch Over a Pro’s Shoulder

What is UI Design?

UI Design is Learn is packed full of live video demos..

How does UI Design Learn?

Learn UI Design is packed full of live video demos.

What is I?

I is Follow along as create dozens of layouts, color schemes, elements, and more..

How does I Follow?

Follow along as I create dozens of layouts, color schemes, elements, and more.

What is blank canvas?

blank canvas is From to finished design, you’ll see how the process looks at every step of the way..

How does blank canvas see?

From blank canvas to finished design, you’ll see how the process looks at every step of the way.

What is Articles?

Articles is can be helpful, slide decks can be illustrative — but live videos combine the best of both worlds..

How does Articles can be?

Articles can be helpful, slide decks can be illustrative — but live videos combine the best of both worlds.

What is I’ve?

I’ve is designed these videos to be like watching over my shoulder as I share the frameworks, tips, and tricks that have helped me design UI for companies of every size..

How does I’ve designed?

I’ve designed these videos to be like watching over my shoulder as I share the frameworks, tips, and tricks that have helped me design UI for companies of every size.

What is total,?

total, is In we’ll cover every major area of interface design..

How does total, cover?

In total, we’ll cover every major area of interface design.

What is lesson?

lesson is Which will you do first?.

How does lesson will?

Which lesson will you do first?

What is the Course?

the Course is Inside.

How does the Course Inside?

Inside the Course

What is UI Design?

UI Design is Learn includes access to three things: I. The Lessons: Video Series 35+ hours of video content, along with cheat sheets, top resources, and skill-building homework assignments..

How does UI Design Learn?

Learn UI Design includes access to three things: I. The Lessons: Video Series 35+ hours of video content, along with cheat sheets, top resources, and skill-building homework assignments.

What is The Bonus:?

The Bonus: is Redesign Vault Dozens of sample redesign videos I’ve done from student submissions..

How does The Bonus: Redesign?

The Bonus: Redesign Vault Dozens of sample redesign videos I’ve done from student submissions.

What is 36+ hours?

36+ hours is of narrated design content..

How does 36+ hours narrated?

36+ hours of narrated design content.

What is other course?

other course is There is no that covers so extensively the skills you need to design beautiful UI, as well as the skills you need to be a good designer (and it’s more than just pretty pictures– see unit VII)..

How does other course is no?

There is no other course that covers so extensively the skills you need to design beautiful UI, as well as the skills you need to be a good designer (and it’s more than just pretty pictures– see unit VII).

What is a closer look?

a closer look is Let’s take at each of the 3 parts..

How does a closer look Let’s?

Let’s take a closer look at each of the 3 parts.

What is it lesson?

it lesson is Work through by lesson, or skip around to what you’re most curious about at the moment..

How does it lesson Work?

Work through it lesson by lesson, or skip around to what you’re most curious about at the moment.

What is I?

I is get it — 35+ hours of video is a lot, even watching at 2x speed..

How does I get?

I get it — 35+ hours of video is a lot, even watching at 2x speed.

What is every minute?

every minute is But is something I wish I had known when I started designing UI..

How does every minute is?

But every minute is something I wish I had known when I started designing UI.

What is I.?

I. is Introductory Topics 1.1 Begin Here How to use this course What makes for an ideal UI project for learning A few of my all-time favorite intro design resources 1.2 Introduction to Figma A primer on Figma functionality How to create and modify text, shapes, backgrounds, and more 1.3 Introduction to Sketch A primer on Sketch functionality How to create and modify text, shapes, backgrounds, and more 1.4 Setting Up Your Workspace for UI Design Other files you should keep on your computer for use in UI design The most common hotkeys for speeding up UI design Top tutorials for learning Sketch (or your UI app of choice) 1.5 How to Build Your Design Gut Instinct A 2-step process for building your gut instinct What to focus on so you can improve as quickly as possible How to break down and analyze a “good” design 1.6 Starting a Project: Brand & Goals The 80-20 of branding – the most common brands designers should be able to create for The most powerful questions for helping you determine your brand How knowing your brand and goals can help make a good-but-plain design great 1.7 Finding & Using Design Inspiration The best places to find inspiration My strategies for finding inspiration Setting up systems to keep inspiration close at hand when you need it How to use design inspiration without copying 1.8 3 Ways to Design Above Your Level How to move forward when there’s a thousand things you could change A strategy for how to iterate on designs efficiently When to say “enough is enough” when you’re designing II..

How does I. use?

I. Introductory Topics 1.1 Begin Here How to use this course What makes for an ideal UI project for learning A few of my all-time favorite intro design resources 1.2 Introduction to Figma A primer on Figma functionality How to create and modify text, shapes, backgrounds, and more 1.3 Introduction to Sketch A primer on Sketch functionality How to create and modify text, shapes, backgrounds, and more 1.4 Setting Up Your Workspace for UI Design Other files you should keep on your computer for use in UI design The most common hotkeys for speeding up UI design Top tutorials for learning Sketch (or your UI app of choice) 1.5 How to Build Your Design Gut Instinct A 2-step process for building your gut instinct What to focus on so you can improve as quickly as possible How to break down and analyze a “good” design 1.6 Starting a Project: Brand & Goals The 80-20 of branding – the most common brands designers should be able to create for The most powerful questions for helping you determine your brand How knowing your brand and goals can help make a good-but-plain design great 1.7 Finding & Using Design Inspiration The best places to find inspiration My strategies for finding inspiration Setting up systems to keep inspiration close at hand when you need it How to use design inspiration without copying 1.8 3 Ways to Design Above Your Level How to move forward when there’s a thousand things you could change A strategy for how to iterate on designs efficiently When to say “enough is enough” when you’re designing II.

What is Fundamentals 2.1 Introduction:?

Fundamentals 2.1 Introduction: is Analyzing Aesthetics How the “Design Fundamentals” in this course differ from most courses or articles The six techniques you’ll be using in every single design you ever do How you know these principles aren’t just “opinion” 2.2 Alignment The importance of alignment The trick to aligning tables and padded elements Centering asymmetric elements Vertically aligning text How an element’s shape changes how you align it The importance of alignment in an era of responsive design 2.3 Spacing The 4 most important rules of spacing How to add whitespace in data-heavy apps Unique spacing concerns in mobile apps 2.4 Consistency A simple trick for all designing with as much consistency as possible When to break consistency – and how to do it effectively How to draw the line between consistency vs..

How does Fundamentals 2.1 Introduction: differ?

Fundamentals 2.1 Introduction: Analyzing Aesthetics How the “Design Fundamentals” in this course differ from most courses or articles The six techniques you’ll be using in every single design you ever do How you know these principles aren’t just “opinion” 2.2 Alignment The importance of alignment The trick to aligning tables and padded elements Centering asymmetric elements Vertically aligning text How an element’s shape changes how you align it The importance of alignment in an era of responsive design 2.3 Spacing The 4 most important rules of spacing How to add whitespace in data-heavy apps Unique spacing concerns in mobile apps 2.4 Consistency A simple trick for all designing with as much consistency as possible When to break consistency – and how to do it effectively How to draw the line between consistency vs.

What is 2.5 Sizing?

2.5 Sizing is standing out The only 5 text sizes you’ll ever need Sizing elements on mobile vs..

How does 2.5 Sizing standing?

standing out 2.5 Sizing The only 5 text sizes you’ll ever need Sizing elements on mobile vs.

What is desktop?

desktop is The 3 heuristics of proper sizing of UI elements 2.6 Simplicity The 6 strategies of making a messy design look clean and simple Removing clutter from busy data tables How you know when a design is “clean enough” 2.7 Lighting & Shadows How to use shadows to mimic real world lighting The 2 major types of lights and what they mean for UI design 6 techniques for making shadows in different situations Advanced lighting effects III..

How does desktop making?

desktop The 3 heuristics of proper sizing of UI elements 2.6 Simplicity The 6 strategies of making a messy design look clean and simple Removing clutter from busy data tables How you know when a design is “clean enough” 2.7 Lighting & Shadows How to use shadows to mimic real world lighting The 2 major types of lights and what they mean for UI design 6 techniques for making shadows in different situations Advanced lighting effects III.

What is 3.1 HSB?

3.1 HSB is Color An introduction to Hue, Saturation, and Brightness Developing an intuitive understanding of the HSB system 3.2 Luminosity Why luminosity is such an important property in color Practical situations in which luminosity can help you find the right color Luminosity’s role in accessibility 3.3 Gray: The Most Important Color Why gray is the most important – and common – color in UI design How to make gray match any other color Specific tactics for using gray on various supporting elements 3.4 Variations: The Most Important Color Skill How to generate entire interfaces from just 1 or 2 base colors 6 techniques for modifying colors in various circumstances When to adjust different colors to appear the same Why “color palettes” is a misnomer in day-to-day UI design 3.5 3 Techniques to Fix Clashing Colors Major reasons colors appear to clash – or blend together – and how to fix them 3.6 Picking a Primary UI Color Why you shouldn’t just go with blue for your app Ideas for generating “non-obvious” themes (e.g. green for an environmental app) Why app colors are less subjective than you think 3.7 Creating a Brand-Based Palette The 2 major types of secondary UI colors 3 strategies for finding brand colors that match Live demos of generating secondary UI colors 3.8 Dark Interfaces How to use lighting and shadows when the background is dark The best times to use – and avoid – dark background UI How to modify your color scheme for use with dark backgrounds 3.9 Gradients The 3 main types of gradients The best way to make brilliant multi-stop gradients Common mistakes with gradients and how to avoid them IV..

How does 3.1 HSB Color?

Color 3.1 HSB An introduction to Hue, Saturation, and Brightness Developing an intuitive understanding of the HSB system 3.2 Luminosity Why luminosity is such an important property in color Practical situations in which luminosity can help you find the right color Luminosity’s role in accessibility 3.3 Gray: The Most Important Color Why gray is the most important – and common – color in UI design How to make gray match any other color Specific tactics for using gray on various supporting elements 3.4 Variations: The Most Important Color Skill How to generate entire interfaces from just 1 or 2 base colors 6 techniques for modifying colors in various circumstances When to adjust different colors to appear the same Why “color palettes” is a misnomer in day-to-day UI design 3.5 3 Techniques to Fix Clashing Colors Major reasons colors appear to clash – or blend together – and how to fix them 3.6 Picking a Primary UI Color Why you shouldn’t just go with blue for your app Ideas for generating “non-obvious” themes (e.g. green for an environmental app) Why app colors are less subjective than you think 3.7 Creating a Brand-Based Palette The 2 major types of secondary UI colors 3 strategies for finding brand colors that match Live demos of generating secondary UI colors 3.8 Dark Interfaces How to use lighting and shadows when the background is dark The best times to use – and avoid – dark background UI How to modify your color scheme for use with dark backgrounds 3.9 Gradients The 3 main types of gradients The best way to make brilliant multi-stop gradients Common mistakes with gradients and how to avoid them IV.

What is Typography 4.1 Intro?

Typography 4.1 Intro is to Typography The 2 fundamental skills of UI typography The paradox of learning typography The most important typographic terminology 4.2 The Good Fonts Table Over 100 of the best free or cheap fonts for UI design work A brief analysis of each font, helping you know what brands and apps would be a good fit 4.3 Choosing Fonts: Overview The 3 primary constraints of fonts in UI design How many fonts you should use in a project A 3-step process for finding good fonts 4.4 Choosing Body Fonts 4 hacks for finding great body fonts How letterform shape determines legibility How even a “plain” body font can match your project’s brand 4.5 Styling Text I: The Basic Rules How line length relates to line height and font size The ideal paragraph spacing, and the danger of baseline grids How text styling differs on mobile vs..

How does Typography 4.1 Intro work?

Typography 4.1 Intro to Typography The 2 fundamental skills of UI typography The paradox of learning typography The most important typographic terminology 4.2 The Good Fonts Table Over 100 of the best free or cheap fonts for UI design work A brief analysis of each font, helping you know what brands and apps would be a good fit 4.3 Choosing Fonts: Overview The 3 primary constraints of fonts in UI design How many fonts you should use in a project A 3-step process for finding good fonts 4.4 Choosing Body Fonts 4 hacks for finding great body fonts How letterform shape determines legibility How even a “plain” body font can match your project’s brand 4.5 Styling Text I: The Basic Rules How line length relates to line height and font size The ideal paragraph spacing, and the danger of baseline grids How text styling differs on mobile vs.

What is desktop 4.6 Brand & Letterform How?

desktop 4.6 Brand & Letterform How is the shape of letterforms relates directly to a font’s brand The 5 most common brands you should be evoke with typography Why the “energy” of a font is a useful for UI design 4.7 Styling Text II: Interactive Apps The 4 most important principles of styling text in data-heavy web/mobile apps Common typographical design patterns 6 strategies for styling “data” (and everything is data) 4.8 Pairing Fonts A framework for making sense of the many font-pairing strategies The 4 most common font-pairing mistakes How pairing fonts differs between clean/simple/neutral sites and heavily-branded sites 4.9 Styling Text III: Editorial Special text stylings to keep in mind for text-heavy content – like blogs and articles Using condensed fonts Tips for creating drop caps V. User Interface Components 5.1 Component Libraries I: Controls How to match your components to your brand The 4 most important rules of creating a component library A deep dive into button variations 5.2 Component Libraries II: States The 7 most common states – and which components they apply to How to prototype hover and focus states in Figma Creating an error message in 8 simple decisions (I promise!.

How does desktop 4.6 Brand & Letterform How relates directly?

desktop 4.6 Brand & Letterform How the shape of letterforms relates directly to a font’s brand The 5 most common brands you should be evoke with typography Why the “energy” of a font is a useful for UI design 4.7 Styling Text II: Interactive Apps The 4 most important principles of styling text in data-heavy web/mobile apps Common typographical design patterns 6 strategies for styling “data” (and everything is data) 4.8 Pairing Fonts A framework for making sense of the many font-pairing strategies The 4 most common font-pairing mistakes How pairing fonts differs between clean/simple/neutral sites and heavily-branded sites 4.9 Styling Text III: Editorial Special text stylings to keep in mind for text-heavy content – like blogs and articles Using condensed fonts Tips for creating drop caps V. User Interface Components 5.1 Component Libraries I: Controls How to match your components to your brand The 4 most important rules of creating a component library A deep dive into button variations 5.2 Component Libraries II: States The 7 most common states – and which components they apply to How to prototype hover and focus states in Figma Creating an error message in 8 simple decisions (I promise!

What is ?) 5.3 Vector Illustration?

?) 5.3 Vector Illustration is An overview of vector editing functionality, from nodes to networks When to use blend modes in illustration – and which ones A live example illustration you can follow along with 5.4 Icon Design The 4 main requirements of good icons The biggest beginner mistakes when designing icons Matching your icon style to your brand 5.5 Photography & Imagery 5 simple tricks for stunning visuals How to identify top-notch imagery for UI design My favorite sites to find great free photography A practical overview of blend modes 5.6 Lists & Tables What elements to show in a list/table – and what to remove Strategies for making your huge data tables smaller Two example redesigns – desktop & mobile 5.7 Charts & Data Visualizations The two most common mistakes in making gorgeous data visualizations How to make a line chart look awesome The best workflows for creating – and coloring – a pie chart in Figma VI..

How does ?) 5.3 Vector Illustration editing?

?) 5.3 Vector Illustration An overview of vector editing functionality, from nodes to networks When to use blend modes in illustration – and which ones A live example illustration you can follow along with 5.4 Icon Design The 4 main requirements of good icons The biggest beginner mistakes when designing icons Matching your icon style to your brand 5.5 Photography & Imagery 5 simple tricks for stunning visuals How to identify top-notch imagery for UI design My favorite sites to find great free photography A practical overview of blend modes 5.6 Lists & Tables What elements to show in a list/table – and what to remove Strategies for making your huge data tables smaller Two example redesigns – desktop & mobile 5.7 Charts & Data Visualizations The two most common mistakes in making gorgeous data visualizations How to make a line chart look awesome The best workflows for creating – and coloring – a pie chart in Figma VI.

What is Digital Platforms & Paradigms 6.1 Responsive UI Design 4 overarching principles?

Digital Platforms & Paradigms 6.1 Responsive UI Design 4 overarching principles is to make responsive design easier Plus 4 patterns to use to make any element responsive Dozens of specific strategies for designing responsive UI 6.2 Designing Multi-State Screens The 8 states you need to consider designing for every page When to use different controls for waiting/loading states Includes a checklist cheatsheet to reference as you design 6.3 Accessibility The most common mistakes in creating accessible interfaces – and how to fix them Why creating an accessible design is easier than you might initially think My favorite plugins and tools for creating accessible designs 6.4 Overlaying Text on Images 7 techniques for placing text on top of images in your UI Pros and cons for each Thinking about text on images in terms of accessbility and responsive design 6.5 Truncating Text 9 methods for truncating text Pros and cons for each 6.6 Mobile: iOS How to “think like Apple” when designing an interface 3 reasons to use the default iOS styles The most common UI paradigm that differ between iPhone and other UIs 6.7 Mobile: Android/Material Design Key differences between Android and iOS design The most common UI controls in Android apps When to use – and not use – a floating action button 6.8 Grids When grids shine; when they fail Thinking responsive when designing layouts The major reason to break a grid VII..

How does Digital Platforms & Paradigms 6.1 Responsive UI Design 4 overarching principles make?

Digital Platforms & Paradigms 6.1 Responsive UI Design 4 overarching principles to make responsive design easier Plus 4 patterns to use to make any element responsive Dozens of specific strategies for designing responsive UI 6.2 Designing Multi-State Screens The 8 states you need to consider designing for every page When to use different controls for waiting/loading states Includes a checklist cheatsheet to reference as you design 6.3 Accessibility The most common mistakes in creating accessible interfaces – and how to fix them Why creating an accessible design is easier than you might initially think My favorite plugins and tools for creating accessible designs 6.4 Overlaying Text on Images 7 techniques for placing text on top of images in your UI Pros and cons for each Thinking about text on images in terms of accessbility and responsive design 6.5 Truncating Text 9 methods for truncating text Pros and cons for each 6.6 Mobile: iOS How to “think like Apple” when designing an interface 3 reasons to use the default iOS styles The most common UI paradigm that differ between iPhone and other UIs 6.7 Mobile: Android/Material Design Key differences between Android and iOS design The most common UI controls in Android apps When to use – and not use – a floating action button 6.8 Grids When grids shine; when they fail Thinking responsive when designing layouts The major reason to break a grid VII.

What is Design 7.1 Creating?

Design 7.1 Creating is Communicating a Design Portfolio How to get portfolio projects when you don’t have paying clients yet Best practices and examples of great portfolios around the web Tips for telling a good story with your project writeups 7.2 Interviewing for Design Jobs The 5 most common types of interviews – and how to succeed at each How to avoid common design interview pitfalls and red flags How your past work deck differs from your portfolio 7.3 Finding Clients The best methods for a new freelancer to find clients Best practices for turning one job into many The worst places to find new clients 7.4 Presenting Your Designs The most common mistake when presenting a design How to get the best possible feedback (and not have a design go straight to hell) A sample presentation with example questions that I answer 7.5 Click-Through Prototyping How to use Figma’s prototyping functionality The 4 main goals of a prototype Workarounds for one of the biggest drawbacks of click-through prototypes 7.6 Developer Handoff Sale Page: https://learnui.design/.

How does Design 7.1 Creating Communicating?

Communicating Design 7.1 Creating a Design Portfolio How to get portfolio projects when you don’t have paying clients yet Best practices and examples of great portfolios around the web Tips for telling a good story with your project writeups 7.2 Interviewing for Design Jobs The 5 most common types of interviews – and how to succeed at each How to avoid common design interview pitfalls and red flags How your past work deck differs from your portfolio 7.3 Finding Clients The best methods for a new freelancer to find clients Best practices for turning one job into many The worst places to find new clients 7.4 Presenting Your Designs The most common mistake when presenting a design How to get the best possible feedback (and not have a design go straight to hell) A sample presentation with example questions that I answer 7.5 Click-Through Prototyping How to use Figma’s prototyping functionality The 4 main goals of a prototype Workarounds for one of the biggest drawbacks of click-through prototypes 7.6 Developer Handoff Sale Page: https://learnui.design/

What is your purchase,?

your purchase, is – After you’ll see a View your orders link which goes to the Downloads page..

How does your purchase, see?

– After your purchase, you’ll see a View your orders link which goes to the Downloads page.

What is Here,?

Here, is you can download all the files associated with your order..

How does Here, can download?

Here, you can download all the files associated with your order.

What is – Downloads?

– Downloads is are available once your payment is confirmed, we’ll also send you a download notification email separate from any transaction notification emails you receive from esygb.com..

How does – Downloads are?

– Downloads are available once your payment is confirmed, we’ll also send you a download notification email separate from any transaction notification emails you receive from esygb.com.