All the Pretty Colors 10/17

| Letters and numbers that indicate color |

-Range from 6 numbers in a row to 6 letters in a row

- 00.00.00 or FF.FF.FF

-Represents a range = 1,2,3,4,5,6,7,8,9,a,b,c,d,e,f

- Early computers limited to 256 colors

-worked in pairs

-limited themselves to 0,3,6,9,c,f

- First pair indicates how much red

-Second pair indicates how much green

-Third pair indicates how much blue

- 0 means none

-When you put lg. amounts of each pair you get black

-When there is no red,green or blue, you get white

***There is a chart of colors on Eng website homepage***

-“Dithering”- using diff color dots to create a color that is not on the chart

-(modern computers do this, older computers do not)

Ex: <Font color = “#0033cc”> OR <Font color = “03c”>

| Another way to think about colors |

-Go from light colors to dark colors

-No matter what comp. one is working on, if it shows color, it is showing those 256 colors.

-WebSmart Colors: (on Eng website) Websafe sticks with 0,3,6,9,c,f ~Websmart sticks with pairs ~Unsafe uses diff techniques

-Value of color: lightness/darkness of color

-Have to put colors together to see how they work

-Colors have emotional weight

-warm: reds, oranges

-cool: blues, greens

-neutral: browns, grays

Some more things to remember 10-15

|3 examples of “interface standards” for textbooks|

1. index

2. page numbers

3. contents page (table of contents): clusters around content

• bread crumbs: headings in the chapter help you locate yourself
• covers are important: helps you categorize what type of book it is

-title

Inside|publishing info

-back of title page gives you bibliographic info for the book

|Why we may break conventions of interface|

• If your website is one where people are looking for unconventional ways
• Maybe show that you can think outside the box

-Create conventional “shell”

|Conventions of web pages|

• Scroll vertically

• Use of tabs

-Point of your aims is to show that you can push the limits of web design

-Navigation has to be visible everywhere: have to be able to move around

**okaydave.com : dave werner artist portfolio**

• flash interface

*Aimee Hall page is very minimal compared to Dave Werner’s page

ePortfolios (10-10)

Right now I’m feeling pretty good about these portfolios. They seem like they’re going to be very interesting and extremely beneficial in the long run. I haven’t gotten lost yet while starting them which is a major plus! (Day’s not over though, so I guess I shouldn’t count my chickens, right?) But for now I’m psyched which should make it more interesting to do. Always helps. Til next time…

Notes: Readings for 10-8

Web Style Guide

Chunking

-One to two pages of info is about the max size for a discrete chunk of info on the web

-Chunking can help organize/present info

-Long web pages tend to disorient readers

-Chunk of info must be flexible and consistent with common sense, logical organization, and convenience

- Match system with users’ expectations

-Most important step in planning your site is to organize information:

-create outlines, chunk info, think about how sections relate to each other, and create a table of contents

Design Themes

-All presentations of info are governed by parameters determined by the objectives, the practical logistics of the chosen medium, and the audience.

-web based training applications tend to be linear in design.

( This will have to be continued at a later date as I have to start the assignment for Wednesday.)

Update on Problems

Okay, so right after I posted the fact that notes weren’t coming up, someone told me what to do to get them up. Story of my life I guess. Ha! Just have to ask questions to get answers. Yes, it’s that simple. I know, I know, crazy how that happens.

Problems, always nice to have

Well, I had been blogging, yet I do not see that it showed up. I typed up a whole page of notes, yet they’re not here. Any ideas what I did wrong? I’m always open to suggestions.

We did not have class today and I’m wondering if we need to attempt to work on the redesign assignment. (Even though I think a lot of people aren’t really sure what to do yet.) So I guess it’s safer to just wait until class on Wednesday. Better safe than sorry, huh. I guess I will do some readings, take my notes and transfer them here to a blog. Crossing my fingers that THIS time they show up!

Online Portfolio Assn.

I’m not quite sure if I’m doing this correctly or not, but I was looking at online portfolios and there was one that really caught my eye. I found it on bigblackbag.com. The artist’s website is chrisalbert.com/default3.asp. The colors are very cool and calming which is totally my taste. I’m not one for bright, vibrant colors; I love earth-tones, colors that soothe. I guess it’s because naturally I’m a very calm person, one to not get stressed out or angry. The pictures were great too, their colors along with the landscapes, especially the Eiffel Tower. (I’m a sucker for France and all it’s beauty having been there a long time ago. It drew me in from the moment I set foot off our plane.) When I have a portfolio, I hope it looks along the lines of this one. Cool, calm, and collected.

Notes 9-21

Writing for a Web Audience

10 web-writing tips:

1 . Punch up headlines

-Format the first heading as an HTML <H1>

-Clarify the content of each section with the section headings, format as <H2> in HTML

-Break up a complex web page into multiple related pages

2. Emphasize key concepts

-use bold or colored text, do not use italics

3. Harness the power of lists

-use bullet points when sequence of info doesn’t matter

-use numbers when it does

-just emphasize important info

-to create a #’d list in HTML, type:

1. <ol> to start the #’d list

2. <li> to start the first item

3. Info for the first item

4. </li> to end the first list item

5. Repeat steps 2-5 for ea. additional list item

6. </ol> to end the #’d list

4. Create meaningful captions

5. Simplify for understanding

-use fewer words, smaller words

6 . Invert the pyramid

-start by stating the conclusion

-organize from most important to least

7. Write one idea per paragraph

-summarize idea in first sentence

8 . Make each page stand alone

9. Link wisely

(Code for mouseover tooltip:)

<a style="cursor: hand" title="glossary definition">word</a>.

10. Be current, accurate, and credible

    -give credit where credit is due

Year of the Senior

Today is my first day of classes as a senior. Do I feel any differently? Yes and no. Yes, because of the fact that I am familiar with the campus and what to do; No running around for me aimlessly wondering where anything is. No, because of the fact that I still have butterflies in my stomach because it is the first day of school. No matter how old we get during our school daze, pun intended, we always have that exciting, yet dreadful first day of school.

Hello world!

Welcome to WordPress.com. This is your first post. Edit or delete it and start blogging!