A website's layout is a critical element of web development as it defines your website's structure. A good website layout provides clear navigation paths and structures the information present for site users and website owners.
Additionally, a website layout puts the most essential elements of your site at the front and center. Therefore, when choosing a layout for your web development project, you should carefully consider your users and how they can access web pages on your site.
Relationship between users and your website
A poor website layout can affect your engagement with users, forcing them to click off your site within seconds. Alternatively, websites with a good layout keep users on your site for hours and often entices them to visit your web pages.
However, when it comes to website layouts, it's not all about shining with color and using vivid images. For example, this college layout design uses a lot of yellow, which is always not a good idea for a site. Yellow is a bright color and can easily come off as low contrast, especially on a white background.
For this layout, you have to zoom in to see the words in yellow, such as "an online shopping mall" or "browse BLICK." Some users can find this time-consuming, spending less time on this website.
Although this website layout looks good, it means nothing when users can't comfortably read information.
Understanding WCAG (web content accessibility guidelines) standards
Since the major problem with this layout design is bad contrast, it's wise to test with various tools such as Color Contrast Checker and understand the WCAG guidelines. Whether you want to use blue, green, or yellow for your website, testing the contrast ensures you create a visible and readable layout.
Another problem with this layout design is that the secondary buttons look like disabled-buttons. This often translates to poor readability. Instead, using underlines or arrow links for secondary buttons would be a better choice.
Other than that, the illustrations look neat, and the vertical rhythm is exceptional. The design and typography are also good quality and capture a user's attention. For more information click here https://i.redd.it/xz1lgwduws451.png.