In this blog, I will be showing some examples of design principles that create an effective website design!
 |
| Proximity - The spacing of all of the separate tabs on this website for the Audio Engineering Society are equally apart, and not too far that space is wasted. Everything is in its clearly defined space, and everything is even with everything else. Up top, the title "Audio Engineering Society" is separated from social media links by a small vertical bar. This establishes these are separate things, but they relate to each other. |
 |
| Repetition - The tour dates section of the Red Hot Chili Peppers' website uses repetition effectively. In this case, no tour date is more important than the other, so theres no use for making them different sizes. The repetition of the date, the venue, and the ticket link is the same throughout, so the design is effective. This is also a great use of negative space. The background does not detract from the tour dates, because it is a light image with not many eye-catching colors or graphics. |
 |
| Alignment - The University of New Haven website uses alignment nicely. It is a very text-heavy website, and that isn't the most appealing visually, but everything is lined up really nicely. The left side all lines up on the margin, and the title being more bold makes it stand out. On the right side, a little separate box has text in it, and its very neat and concise. |
 |
| Contrast - Filter's merchandise shop has a nice use of contrast. The bold dark image is striking, and then the white area below with images of the merchandise stands out even more. If the whole page was dark, the merchandise would be lost, and if the whole page was white then there would be nothing interesting about it. |
 |
| Hierarchy - Bandcamp is a website for independent bands to sell their music. The bold heading has a headline about some of the coolest albums to check out. Lower down the page, there are some other albums to check out. These ones are not the advertised ones to be check out, hence being smaller and lower on the page, but the display makes me want to check them out anyway. This is effective design. |
Comments
Post a Comment