Group items tagged

proper text alignment on web pages. Also has common mistakes

Some questions to think about when reading a text and trying to figure out an author's purpose in writing the text.

A video on Adobe Indesign with a tutorial about adding text into shapes and things. I figured this video would be helpful for two reasons because of the subject that we just learned and because it is on an editing program that can help with the projects.

How to align text using different software such as MS Word, MS Excel, Adobe, WordPress and more (videos attached)

"Proper alignment of elements and text on your website greatly impact the overall design."

How to create contrast in text

Balance explained using show cased examples, symmetrical balance, and asymmetrical balance.

This site gave a fantastic explanation of balance in web design. I actually think I got more from reading this than I did reading the text book. I loved the visual examples that this gave. Definitely a good read.

Definition: Digital writing is essentially writing that is not done with pen and paper. It is found on the World Wide Web and may include pictures and videos as well as text.

Remediation: An example of remediation, done by a student, focusing on Space Invaders. Very fun and helps to accompany the idea of the text; one media being represented through another, as well as the response of traditional media in an attempt to challenge new or newer media.

We define "new media" as interactive forms of communication that use the Internet, including podcasts, RSS feeds, social networks, text messaging, blogs, wikis, virtual worlds and more! << this article relates new media to HIV.

This youtube video relates to Chapter 2 which focuses on the design process and the steps involved. Although this video is slightly different from the steps stated in the textbook, it kind of goes into more detail of the steps given in the text book and gives a nice visual of the steps involved in creating a webpage and how it will look on multiple media devices.

In Chapter one of the text, the topic of raster versus vector images is touched upon. I chose this website because it dives a little further into the topic of which type of image you should use. This site is helpful because it is very clear that you should use vector images for logos and illustrations and raster images should be used for digital graphics and digital photography. Knowing when to use each type of imaging is critical when beginning a project.

Reading Notes 9/11: Description of NP-hard problems. Text did not explain what NP meant.

This website shows off some of the best examples of how typography can be used in web design. My favorite is the Evenglide Showroom image. I love the clean look of the type and the way it fits in perfectly with the image. The text does not take away anything from the image which is a difficult thing to accomplish. I have seen typography detract from images in the past, but this is a wonderful example of it adding to an image.

I like this resource because it takes a lot of the ideas we have already looked at and approaches them from a composition & layout perspective. We have seen what each is and what they do; this provides some depth into what each can do/does for the composition of a text. (10/5/13)

I thought this little blog was very useful for understanding rule of thirds as it applies to photography. I was already familiar with the rule from my photography class in high school and I find it is easier to understand in that context as opposed to the digital drawing arena. Basically, because I understand it in the photography context, it allows me to better understand it the way it has been presented in the text.

I thought this photo was really interesting it discussed how to make a portrait into text.

Although this webpage isn't reallf long, I think it is simple and imformative about what alingment is. It also discusses the use of grids in graphic designs and it also explains the types of text alignments that are discussed in the book. Overall this website is short, simple and sweet but helpful.

The about.com page on alignment

The about.com page on alignment

Six tabs that show different visual examples of alignment and how it can be used.

Information on how to align text and graphic, plus additional website links to assist you.