Indesign Tips

Place Buttons on Master page

Whether making an E-Book in Flash (easier to make it loop) or Indesign,

CSS Notes

cascading style sheets helps style a website. Change one css page to apply effects to other sites.

Style Sheets in CSS are made of 3 rules

1. Selector
2. Property
3. Value

size of a page

W: 1024

H: 768

R: 72

Notes 3-25-10

look up GIF vs JPEG

*dont have webpages exceed 60k*

htmledit.squarefree.com

use notepad, text edit

hypertext mark-up language

CSS cascading style sheets

First web page (index.html) (all lowercase, no spaces)

Web Workflows Notes

Chapter 1-

• Initializing the comp
• setting preferences
• working with layers
• making selections
• adding gradients (adding a header and a footer)
• inserting images/ opacity
• placing an image & quick mask (extracting an image with a wand tool)
• resizing image (show transforming option)

Chapter 2

• aligning with guides (creating a new guide view> new guide> enter position) inserting icons and aligning them with guides and the distribute option in the option bar, inserting a gradient under the heading and behind the buttons on the page, adding bars of color for different sections of the page
• working with text
• applying effects
• aligning text with smart guide
• simple rules for text: Use common fonts, size in pixels, set paragraph margins, avoid hyphenation.
• Placing text in the header folder and naming it "h1 and h2" (page title and subheading)
• Placing body text in the content folder(leading=height)
• Inserting decorative text/ title graphic (page 47)

Multimedia for the Web notes 1-3

-Chapter 1: Introduction-

• Arpanet: the origin of the internet, started by the military in 1991. (ARMY)
• Browser: started in 1993, first called a mosaic
• Digitized: result of an element being captured into a code a computer can understand
• 
  
• Search Engine: (spider-based engine automatically roams the www adding stuff from websites to its database, directory based is selective, that is the person can chose which sites to add, pay-per click gives priority placement to sites offering top bidding.
• Web
• Web browser

-Chapter 2-

Multimedia: a combination of more than one media element (i.e. playing music on a website)

Web based multimedia: interactive experience online with more than one element of the media, can be silent movies (text and pictures) and trailers online.

Benefits of Multimedia

• Improves retention (remebering)
• Activates more than one sense
• Allowing the user to see, hear, and interact with media may allow them to remember around 80% of the material according to the book

• Linear: an experience started from the beginning with an ordered sequence leading to the end
• Non-Linear: experience allowing control over where it begans and ends, user can control some/all elements
• • E-commerce: (category of multimedia) forms for handling data
  • Interactivity: more control over content

Chapter 3

1. E-Commerce: use of the web to serve clients and customers (sell products online) (a virtual catalog of your products. Expands customer base, business can be run 24/7.

Two types of companies do business on the internet:

• Companies that strengthen a traditional business with an online storefront, and companies that use internet only
• Companies that exists only on the internet with no traditional storefront, to do business traditional

2. Web Based Training & Distance Learning- prepares workers/ training over the internet using a browser.

2.Web-based training
3.Research and Reference (mediums such as newsletters and books are offered online)
4. Entertainment and Games (first thought that comes to mind >web based multimedia)

Notes Elements/Principles of Design, color

Elements of Design are the "ingredients/components for the "cake/whole composition or the goal (website, e-book)

point- single point

• Line (basic element with length and direction),
• color (color/hue-, value, saturation_ harmonies- complimentary, analogous, triadic_ spaces- subtractive, additive
• texture (creates surface/ visual appearance) ,
• shape (a closed outline, 3 basic shapes),
• form (can be 2d, 3d abstract/ shape,structure of a dimensional element in a composition) ,
• value: lightness and darkness in a hue
• text: group of speech made of more than one sentence

Visual Hierarchy: elements are organized in order of importance

Rule of Three: It is more interesting when an important element is off center

Rule of Thirds: Design can be interesting with by dividing the page into thirds (horizontally, vertically), and important element is located somewhere within the thirds

Golden Session Pi:

Economy:

Principles of Design are how to use the elements (or the recipe)

• balance: how weight is distributed within a composition
• symmetrical (formal) balance: equal distribution
• approxiamate symmetry: occurs between familiar forms
• asymetrical:
• contrast: elements opposed to each other
• emphasis: focal point (importance)
• proportion: size of an element within an image
• rhythm: repition of elements in a pattern
• harmony: compostion of elements agree
• variety: difference in a composition
• gradation: use of a series of grays
• unity: cohesion of composition
• gestalt:(psychology) theory that the mind take information pieces and places together into a whole
• repitition: same visual element/ effect used over and over (achieves unity)

Record the numerical value of colors

• Hexidecimal: 16 digit code to represent a color
• RGB (numerical color): additive color model, in which the additive primary colors (red, green, blue) are added together to produce various colors.

visual architecture: ways to make visual information, handle communication between words and images.

Proposals 2-3-10

Maurice Washington

Art 396

2-3-10

Proposals

"The Metro Bus"

The viewer is shown a bus full of young people riding in an unnamed street the driver tells everyone that they are going to go on a journey that they have may never imagined before. The boss is riding through an imaginary street inside a book which is open. The name of the bus, "I Dream A World for You". Every stop the bus makes, the viewer is asked to select a stop, each of them covering a different part of the book. When the viewer clicks a stop the bus abruptly moves to that stop. Every stop, a character walks onto the bus and tells a story relating to a subject in a story, for example their struggle to get along with their family. While they are telling a story, the user will see visuals for the story and will be able to click on different people to hear their role in the story. When the story is over the user will either be able to click on that person to hear the story again, click on someone else who has gotten on the bus, or wait for someone else to get on the bus.

"Book Of Dreams"

The viewer see a book opening up to house entitled "I Dream A World for You: A Covenant For Our Children". The user will see everything from the view of a character in the book. The scene in the book will be a virtual house with several doors waiting to be opened. Every time that player goes to a door and opens it, a character will tell a story relating to the one in the story, with images of the subject matter. The house will have three floors allowing the player to go to any door at any time to hear a story or listen to a story again. The user will be able to play this game as long as they want.

"The Wheel"

Upbeat music will start playing, and a game show host will introduce the book and talk about its subject matter. A wheel will come up, similar to the wheel of fortune. The user will be able to spin the wheel with the mouse or arrow. Some parts of the wheel with have an image of the book on it with a topic by it, other parts of the wheel will have a sad face on them. If they land on a part of the wheel with the image of the book, the topic by it will be talked about to hopefully enlighten the viewer. Every time they land on one of these parts they will win a point. If they land on a sad face, the announcer will say "sorry, would you like to try again." The user will be given the opportunity to spin the wheel again. If the user land on every topic of the book, they will require enough points to win the game, at which point the audience will cheer, and confetti will fall from the ceiling. The user will be given the option to be taken to a game where an Adinkra symbol will be shown followed by traits of the meaning of the world. Then five definitions will be shown. Each of them will be one or two word definitions, one of them being the definition of the symbol shown. If they get all of the questions right, the user will have the option of repeating one of the games over, or exiting the program.