Designing a Web Page
Last week in class we discussed some tips for web page layout. This is a topic I knew a little bit about, but I read up this week and this is what I discovered:
- There was already a post about the importance of color, but it is easier for people to read dark text on lighter background than vice versa.
- After you decide what you want your website to focus on (primarily text, photos, multimedia, etc.) make sure each new media on your website complements each other. Ex: If you post a story you wrote for class, make sure the graphic or picture that accompanies the story doesn’t hog the page, but that the story is the main feature. You can do this by having some of the text wrapped around the story at the top—first, story, then in the middle, picture, then more story. If the photo is at the top of the page, it will draw the reader’s eye to the top. If not, they will have to scroll down and it won’t look as appealing. Also, make sure the media (in this case, photo) is relevant.
- Make sure your hyperlinks stand out and aren’t just plain text. Change the color, font or size of the links and keep them consistent throughout your site.
- There is a difference between professional and personal sites, and oftentimes this is distinguished by the layout or the number of graphics. If there are too many pictures, the site can look informal and messy, unless they are organized under bullet points on different pages. One website I really liked on layout design to get ideas from is here. The content looks abstract and it might be difficult to make, but pay attention to what your eye “sees” first in each layout design, then figure out what you want your viewers to see first.