- [Narrator] What five changes did you make…to improve the type over this video?…Here's what I did.…First, I added a dark blue background…with 85% alpha transparency behind the type.…Next, I set the type in white…using Hucklebuck JF for the Heading 1…and Clarendon Text Pro Regular for paragraphs.…I then created form fields…using a neutral base for the background,…and gray for the hint label text in each field.…Then I set the disclaimer text in Roboto Regular.…

And lastly, I added a big, easy-to-click button for sign up…using a red that matches the company logo…and Roboto Bold for the text.…This is just one possible solution…to a design puzzle of this type.…Remember, as the designer, it's your job…to ensure that the copy is readable and legible…no matter what is shown behind it.…

Resume Transcript Auto-Scroll

Author

Released

9/26/2016

A basic understanding of the principles of good design (such as contrast, unity, and balance) is the foundation for creating beautiful websites. In this course, Sue Jenkins explains design aesthetics in simple terms, and shows how to incorporate the principles and elements of design in specific ways that improve your websites. Learn how to adjust adjacent colors to add contrast, create depth with texture, incorporate movement, and use repeating shapes, patterns, and borders to unify your design. Then find out how these principles play out in industry trends—and how technology such as social media and web video affect design. Sue also explores the designer's role in the process and key concepts that apply to every workflow, including responsive design, accessibility, and originality. Along the way, Sue offers challenges to test your knowledge and think more deeply about design aesthetics for the web.