Indonesia Website Awards

10 Best Tricks to Improve Website Design for Web Designer

10 Best Tricks to Improve Website Design for Web Designer, Bogor 16/02/2021. Everyone starts the journey of the design as a beginner and your aesthetic eyes must be formed like the others. Seeing the Dribbble design can be very helpful, but sometimes you just enjoy the design but don't understand why.

There is no idea. Bad assets to do. All these reasons can slow you down and make you frustrated, so I will now show you 10 very simple design tips, which don't require special skills, and how to improve website builders for your ugly design.

"Remember that it doesn't rule, but the most work tips."

The Best Tricks to Improve Website Design

1. Go black and white.

There is no idea? No good picture? Just go black and white. You can get a brutal design with the right composition. It helps you understand balance, white space, and how to use text and geometry.

2. Create a "scale scheme".

I like to test my design using "things" that I might find (??). I call it a "balanced plan" and it is a black and white version of the concept, where I use a simple geometric number to replace my content.

The aim is to bring the same black amount to the left and right, up and down.

You must definitely go to the eye, but let's look at the calculation.

Black rectangular black surface summarized

(236 * 138) + (934 * 132) + (313 * 69) + (674 * 44) = 207109 pixels

While the right rectangle counts around

446 x 446 = 198916 pixels.

They are very different from small differences: 3.9558%!

Note: Yes, ink is smaller than the rectangle, but it becomes strong and quite detailed helps attract more attention.

I don't count it before getting pregnant. After years of practicing, it only becomes automatic, because your eyes will feel bad sales.

3. Serve design with the background.

The example I brought was previously served on a gray background, but you can try various things. This helps create depth and context for your design.

But be careful: on a real website, you won't have this extra space, so it's just a presentation tour!

4. Use a guide for size.

Stop a waste of time experiencing sizes throughout the day. In the end, your paragraph will be around 14-18, your subtitle is a little more (24-36), and your title is even more (personally, I use between 96 and 1443T for them). The Figma default size is rather good for typography.

They will look too small but it's normal: you don't run the full screen.

Be careful: some types of characters are very small or bigger than others. You must base yourself on standard characters like Roboto: If the font is 14-18 PT Robot, it's perfect for paragraphs.

5. Embrace Z-index.

If you have pictures with transparency, you can use it to make superpositions. If you don't have it, you can use Delete

As Indio Z in CSS, you can bring pictures behind or in front of other elements, giving Tridimensability illusions. This is very effective.

6. Start using pastel colors.

Bright colors are extraordinary but often cause aggressive design and a frightening combination. In addition, pastel design is very trendy today, so let's start experimenting with the new area of our color pickers.

7. Have a lot of design.

Too much white space is better than white space that is too small in my opinion. A messy design just sucks. Breathing can be achieved in a different way:

  • Keep tons of the bottom seen.
  • Avoid text wall effects with distance.
  • Use images that don't attract too much attention.
  • Reduce text to bones and keep interesting sentences.

8. Find the power of noise.

Often, when we think of design, we think of a clean, smooth, clear concept. But perfection lies in defects.

Noise is a strong friend in your design, especially if you try to provide an elegant or artistic appearance to your website.

In addition, the application of smooth sound provides cinematographic display composition, which works very well with videos and dynamic websites.

You can get a noise texture using Photoshop and make a 2-4K Gaussian sound on a white background, then apply it on your artboard.

9. Start watching good characters.

There are many types of terrible characters, especially those that have been installed before on our computer. To find a good one, start exploring the web or watching YouTube videos to learn more about characters and extraordinary font.

Just be careful: many characters not always free and use without a license can make You are in trouble. Do not worry: Most characters have a no-paid version!

There is many Different families and styles, but in general's, Divide them into three main categories:

  • Elegant character type
  • Modern character
  • Type for body text

Often, the first two also display characters: the creator they want you to use it as a title.

You can search for stylish characters such as Abril Fatface, Playfair, Volux, Chalga, and more.

Modern characters include Metropolis, ITC before guards, redwing, Takota, Gotham.

10. Use geometry.

This may be the hardest thing to use, but if they apply correctly, it just breaks.

The use of geometric figures helps strengthen concepts and order in the layout, even without requiring images. Finding a good geometric shape is difficult, and I still can't master it well.

The big thing is to use letters, numbers, and titles of your writing as geometry: do a giant but smooth or use certain letters such as form (function).