Lesson List
UI Design for Developers
As a developer, your goal should be to create designs that are as objectively good as possible, using design systems, well-established principles and techniques that translate well to code. You should work on your speed, since you don’t want to steal away from your coding time. My goal is to get you to be satisfied with your designs and to find a system to consistently improve over time by not only explaining the foundations of UI design, but my personal insights on how it's feasible to divide your time between design and code. We'll be using free icons and illustrations from shape.so and mockups from angle.sh.
0/22
Source Code & Book
0/1
Lesson: Visual Hierarchy and Depth
About Lesson

Apply colors, shadows and background blur to give priority and increase clarity.

Now, that we’ve added a navigation bar at the top, let’s also add a menu for smaller screens. Before we do that, we’ll add a drop shadow effect to the text as well as the button.

Exercise Files
No Attachment Found
No Attachment Found
Join the conversation
Lesson List
UI Design for Developers
As a developer, your goal should be to create designs that are as objectively good as possible, using design systems, well-established principles and techniques that translate well to code. You should work on your speed, since you don’t want to steal away from your coding time. My goal is to get you to be satisfied with your designs and to find a system to consistently improve over time by not only explaining the foundations of UI design, but my personal insights on how it's feasible to divide your time between design and code. We'll be using free icons and illustrations from shape.so and mockups from angle.sh.
0/22
Source Code & Book
0/1
0% Complete