jueves 8 de noviembre de 2007
lunes 22 de octubre de 2007
Internet Art - Rachel Greene
1. Who is Nam June Paik?
R, Artist b. in 1932, which took the television, traditionally a broadcast platform. and shaped it in to a interactive canvas. Paik's apparatus for reception and production prefigured browser art, which treats browsers as fodder foe exerimentation.
2. What was "Radical Software" and when was it published?
R, Published from 1970-1974, it featured more interdisciplinary and technicalapproaches to democratizing media.
3. Who is Lawrence Alloway and what did he write?
R. British critic, who seemed to anticipate the media when he wrote "The art world described as a system" about the various social. professional and critical networks, in which artists and theirvwork circulate.
4. On p14 she mentions ars electronica. Go to http://www.aec.at/en/index.asp and spend at least 5 minutes there.
5. Who was Charles Babbage?
R. He was an early visionary of the computer and electronic data. He was a 19th century mathematics professor at Cambridge University whose work on production and labour would be taken up by John Stuart Mill and Karl Marx, ans who designed prototypes for apparatuses that performed tasks by following instructions, now commonly known as programs.
R, Artist b. in 1932, which took the television, traditionally a broadcast platform. and shaped it in to a interactive canvas. Paik's apparatus for reception and production prefigured browser art, which treats browsers as fodder foe exerimentation.
2. What was "Radical Software" and when was it published?
R, Published from 1970-1974, it featured more interdisciplinary and technicalapproaches to democratizing media.
3. Who is Lawrence Alloway and what did he write?
R. British critic, who seemed to anticipate the media when he wrote "The art world described as a system" about the various social. professional and critical networks, in which artists and theirvwork circulate.
4. On p14 she mentions ars electronica. Go to http://www.aec.at/en/index.asp and spend at least 5 minutes there.
5. Who was Charles Babbage?
R. He was an early visionary of the computer and electronic data. He was a 19th century mathematics professor at Cambridge University whose work on production and labour would be taken up by John Stuart Mill and Karl Marx, ans who designed prototypes for apparatuses that performed tasks by following instructions, now commonly known as programs.
lunes 8 de octubre de 2007
lunes 24 de septiembre de 2007
Site-Seeing Chapter 6
Site-Seeing Chapter 6
DQ: List the most common page elements (214)
R. Page footer
Body text
Links
Navigation systems
Images
Site ID’s
Forms
DQ: What is the purpose of the footer? 216, 242
R. The reasons the footer came to being (need o provide site wide supportive information on pages) influence how it appears on most Web pages. Because the footer fulfills the same role from site to site, it looks the same from site to site.
DQ: 221 – 223 Important info on how outlining and over design distracts
How have you emphasized navigation and clickable elements for your user?
R. Navigation bar remains in the same position from page to page. The link that leads to a specific page remains in the bar lid up in a different color to ensure visitors know about within the page. Rollovers are active on all clickable elements as well.
DQ: 227 - 230 Readability and body text.
What font do you use for your body text, and what size is it?
R. It is Helvetica at 11 points.
DQ: List the most common page elements (214)
R. Page footer
Body text
Links
Navigation systems
Images
Site ID’s
Forms
DQ: What is the purpose of the footer? 216, 242
R. The reasons the footer came to being (need o provide site wide supportive information on pages) influence how it appears on most Web pages. Because the footer fulfills the same role from site to site, it looks the same from site to site.
DQ: 221 – 223 Important info on how outlining and over design distracts
How have you emphasized navigation and clickable elements for your user?
R. Navigation bar remains in the same position from page to page. The link that leads to a specific page remains in the bar lid up in a different color to ensure visitors know about within the page. Rollovers are active on all clickable elements as well.
DQ: 227 - 230 Readability and body text.
What font do you use for your body text, and what size is it?
R. It is Helvetica at 11 points.
Site-Seeing Chapter 5
Chapter 5 Wroblewski
In chapter 5 Wroblewski talks about 'look and feel' and getting and developing a 'personality' for the site.
1. Describe your portfolio site's look, feel, and personality.
R. The look is very simple and clean, not over crowded. It is meant to look user friendly, and it is also designed to work that way. Everything is well organized and structured. The page is supposed to feel sophisticated and modern, that may speak to both young and older crowds. My intention is to demonstrate my skills through the page design itself.
2. Describe your site's color usage and the reasoning behind the choices. Consider warms, cools, and complementary colors.
R. The use of color is minimal, limiting to the use of gray, black, and hot pink. The use of no color (white) plays an important role giving high contrast between values and adding to clean and sophisticated look I was shooting for.
3. List the fonts you use, and your reasoning behind the choices.
R. I use Helvetica neue and Helvetica throughout my Web page, even for body text. Even though a serif font is more commonly used for body text, I find that Helvetica, a sans serif, is comfortable to read. The body text isn’t heavily extensive, and the font structure has a balance that doesn’t make it hard on the eyes. Having a sans serif for me was important to add more to the modern look I was looking for.
In chapter 5 Wroblewski talks about 'look and feel' and getting and developing a 'personality' for the site.
1. Describe your portfolio site's look, feel, and personality.
R. The look is very simple and clean, not over crowded. It is meant to look user friendly, and it is also designed to work that way. Everything is well organized and structured. The page is supposed to feel sophisticated and modern, that may speak to both young and older crowds. My intention is to demonstrate my skills through the page design itself.
2. Describe your site's color usage and the reasoning behind the choices. Consider warms, cools, and complementary colors.
R. The use of color is minimal, limiting to the use of gray, black, and hot pink. The use of no color (white) plays an important role giving high contrast between values and adding to clean and sophisticated look I was shooting for.
3. List the fonts you use, and your reasoning behind the choices.
R. I use Helvetica neue and Helvetica throughout my Web page, even for body text. Even though a serif font is more commonly used for body text, I find that Helvetica, a sans serif, is comfortable to read. The body text isn’t heavily extensive, and the font structure has a balance that doesn’t make it hard on the eyes. Having a sans serif for me was important to add more to the modern look I was looking for.
Site-Seeing Chapters 2,3, and 4
Read chapters 2, 3 and 4
DQ: What is a web mark? (59)
R. They serve as “landmarks” on a web page. They work as visual cues to jog your memory and let you know you’re on the right track when you try to find content you have located before.
Know p 52:53
Know p 62:63
DQ: Why does Windows display content differently than Macintosh? (69)
R. The gamma differences between operating systems that make Window machines seem substantially darker than the display on a Macintosh.
DQ: What are the two complaints of web site users? 84:85
R. The top two complains of Web site uses are “I can’t find what I’m looking for” and “it takes too long”.
DQ: Describe external links, internal links, embedded links, and action links and download links. 105
R. External links: they provide paths from your web site to specific sites you have determined to be informative or relevant to your audience’s goals. I think of them as references of our knowledge for a better understanding of our audience.
Internal links: they are links within your own navigation system. They are probably the most common links. The most prevalent of the type are site wide navigation systems and embedded links.
Embedded links: they are usually located within blocks of text or images. They direct your audience to relevant or supplementary information elsewhere within your site. They are much closer in function and appearance to external links than to navigation menus.
Action links: they trigger events other than browsing (ex. reset or summit buttons). These buttons sometimes don’t take your audience anywhere, but complete a transaction or activate dynamic content.
Download links: Links hat lead to any file that might not display within a Web browser window are referred to as download links. They are used to provide information in formats more appropriate for particular content and support the need to go beyond what is possible with standard Web pages and images (ex. PDFs, AVIs, etc).
DQ: In understanding how we perceive information, describe briefly what Proximity, Similarity, Continuance and Closure are/how they are used in design.
R. Proximity: tells us that element placed closely together, when compared to elements far away, will be perceived as a new element: a group.
Similarity: can reinforce this perception. Similarities of shape, color, size, direction, and texture work to group distinct elements.
Continuance: this attribute, on the other hand, tells us that several different elements are likely to be grouped together if their differences are the result of a basic pattern (ex. a series of identical circles progressively decreasing in size).
Closure: says that we also have a tendency to group elements by filling in the space between them to create larger, simpler forms. In other words, we tend to fill in the gaps.
DQ: What is visual hierarchy?
R. Creates a center of interest that attracts the viewer’s attention. Crates a sense of order and balance. Establishes a pattern of movement to guide a viewer through a composition.
DQ: What is visual weight?
R. So how do we build effective page hierarchies? We use visual relationships to add more or less visual weight to our elements. Visual weight can be loosely defined as the degree to which an element demands our attention and keeps our interest (ex. red large type will have more weight than small grey type).
DQ: What is color-coding?
R. Color-coding each subsection of your site is common way to communicate position (using similarity). Color-coding is most effective when the sections of your site have distinct differences. These distinctions could be based on user tasks, specific audience members, or content. The various colors of the sections provide an indication that your audience has made a distinct change in goals.
Know p 159
DQ: What is a web mark? (59)
R. They serve as “landmarks” on a web page. They work as visual cues to jog your memory and let you know you’re on the right track when you try to find content you have located before.
Know p 52:53
Know p 62:63
DQ: Why does Windows display content differently than Macintosh? (69)
R. The gamma differences between operating systems that make Window machines seem substantially darker than the display on a Macintosh.
DQ: What are the two complaints of web site users? 84:85
R. The top two complains of Web site uses are “I can’t find what I’m looking for” and “it takes too long”.
DQ: Describe external links, internal links, embedded links, and action links and download links. 105
R. External links: they provide paths from your web site to specific sites you have determined to be informative or relevant to your audience’s goals. I think of them as references of our knowledge for a better understanding of our audience.
Internal links: they are links within your own navigation system. They are probably the most common links. The most prevalent of the type are site wide navigation systems and embedded links.
Embedded links: they are usually located within blocks of text or images. They direct your audience to relevant or supplementary information elsewhere within your site. They are much closer in function and appearance to external links than to navigation menus.
Action links: they trigger events other than browsing (ex. reset or summit buttons). These buttons sometimes don’t take your audience anywhere, but complete a transaction or activate dynamic content.
Download links: Links hat lead to any file that might not display within a Web browser window are referred to as download links. They are used to provide information in formats more appropriate for particular content and support the need to go beyond what is possible with standard Web pages and images (ex. PDFs, AVIs, etc).
DQ: In understanding how we perceive information, describe briefly what Proximity, Similarity, Continuance and Closure are/how they are used in design.
R. Proximity: tells us that element placed closely together, when compared to elements far away, will be perceived as a new element: a group.
Similarity: can reinforce this perception. Similarities of shape, color, size, direction, and texture work to group distinct elements.
Continuance: this attribute, on the other hand, tells us that several different elements are likely to be grouped together if their differences are the result of a basic pattern (ex. a series of identical circles progressively decreasing in size).
Closure: says that we also have a tendency to group elements by filling in the space between them to create larger, simpler forms. In other words, we tend to fill in the gaps.
DQ: What is visual hierarchy?
R. Creates a center of interest that attracts the viewer’s attention. Crates a sense of order and balance. Establishes a pattern of movement to guide a viewer through a composition.
DQ: What is visual weight?
R. So how do we build effective page hierarchies? We use visual relationships to add more or less visual weight to our elements. Visual weight can be loosely defined as the degree to which an element demands our attention and keeps our interest (ex. red large type will have more weight than small grey type).
DQ: What is color-coding?
R. Color-coding each subsection of your site is common way to communicate position (using similarity). Color-coding is most effective when the sections of your site have distinct differences. These distinctions could be based on user tasks, specific audience members, or content. The various colors of the sections provide an indication that your audience has made a distinct change in goals.
Know p 159
Suscribirse a:
Entradas (Atom)
