The Ultimate Guide For Good Looking Website

The Ultimate Guide For Good Looking Website

This cheat sheet is meant to be a quick reference for you.

It includes all of the guidelines I demonstrated in this course.

When creating your designs, it is critical that you keep all of the guidelines in mind at the same time.

Lovely typography

1. For body text, use a font size of 15 to 25 pixels.

2. Use (extremely) large font sizes for headlines.

3. Line spacing should be between 120 and 150% of the font size.

4. Each line should contain 45 to 90 characters.

5. Make good use of fonts.

6. Choose a font that reflects the style you want for your website.

7. Only use one font.

How to Use Colors Like a Pro

1. Use only one primary color.

2. If you want to use more colors, use a tool.

3. Color can be used to draw attention.

4. Never use the color black in your design.

5. Colors should be chosen with caution.

Working with Photographs

1. Text should be placed directly on the image.

2. Image overlaid

3. Fill in the blanks with your text.

4. Make the image blurry.

5. The fade to the floor

Utilizing Icons

1. To list features/steps, use icons.

2. Use icons to represent actions and links.

3. Icons should be easily identifiable.

4. Icons should be labeled.

5. Icons should not be given center stage.

6. When possible, use icon fonts.

Layout and spacing

1. Leave some whitespace between your elements.

2. Put whitespace between your element groups.

3. Put whitespace between the sections of your website.

4. Determine where you want your audience to focus their attention first.

5. Create a flow that corresponds to the message of your content.

6. Make use of whitespace to create that flow.

Increase the conversion rate of your website.

1. Build trust with your potential customer.

2. Rep your initial action.

3. pique your user's interest

4. Inform your user of the advantage.

5. Don't request too much information.

6. Make use of social proof.

7. Make use of urgency.

8. Make use of scarcity.