From the course: Design Aesthetics for the Web

Schalten Sie den kompletten Kurs noch heute frei

Join today to access over 23,400 courses taught by industry experts.

Solution: Type over video

Solution: Type over video

From the course: Design Aesthetics for the Web

Start my 1-month free trial Buy for my team

Solution: Type over video

"

- [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.

Inhalt