Posts

Showing posts from January, 2022

Typography

Image
What is typography? It is simply the use of text or fonts. It can be used to draw attention to specific portions of your document.  In web design, typography can have a large impact on the usability and overall impression of your page.  As a general rule of thumb, you should use, at max, two fonts on your page. Any more than that can look unprofessional and incoherent.  You will also want to ensure that the font is easily readable, so that your users can understand your message.  Examples of Good and Bad Typography Bad Typography: Mr. Bottles Mr. Bottles Mr. Bottles is a website that can help identify antique bottles. However, their use of typography could be improved upon. The first thing that strikes me as odd, is the oversized "S". The gear in the bottom of the "S" rotates, and that is a cool affect, but the size of the "S" draws the user's eye to it, instead of the beginning of the word. Overall, the title is difficult to read, with the oddly shape...

Examples of Good Multimedia and Bad Multimedia

Image
Multimedia is used to emphasize the overall story that you are trying to communicate. It is very important to correctly harness the use of multimedia for your website's design. An example of a website that correctly and efficiently used multimedia is this site from  Humbolt County . Humbolt County's Visitors website They beautifully depict what a visit to Humbolt County could entail and what they have to offer. It is truly a well-done website and it makes the user (me) want to visit! An example of a website that I feel used multimedia poorly is this one from  Penny Juice . Penny Juice's Website This website is designed for one of the leading Juice companies for children and somehow doesn't really feel like it's family friendly. The poor placement of the background photograph leaves you feeling slightly creeped out. The teal header is fixed, so as you scroll down the page, it stays at the top. However, the other graphics on the page don't account for this header,...