katie’s webart

Notes for Oct. 20th

We looked at Style Words + Digital Comps.  Due date is being pushed back to November.  Also fixed the “Categories” on the Blog Posts to be more consistent.

Homework of Oct. 22nd————————-

- Progress, Progress, Progress!!!

- If you did not have a Digital Comp to show me today, you need to have one for next time.

- Some students are asked to re-work using pencils.

Homework for Tue. 10/20

Homework for Tue. 10/20

1) Color scheme.  Colored boxes with labels of hex values in a JPEG-file.  Post on Blog.
Also show relation of colors in terms of hierarchy.

2) Digital Comp (1st Draft; if approved).

Homework for Oct. 13th

1) The OVC Class website done:
-All 6 HTML pages
-Content added (images and text)
-CSS styles applied

2) 1 to INFINITY wireframes of your own OVC website design. (Project #1)

3) 10 to 25 ideas (thumbnails) for your own OVC website design. (Project #1)
-Thumbnails need to be understandable (I.E. don’t make them so small we cannot visually understand them)
-Around 3 inches square

Homework

1)  Ten (10) websites (maximum) of great or awesome design (not just good).

2)  Must be CSS/HTML websites; *NO* Flash.

3) Three (3) websites (minimum) of what style(s) you think your design is going to (aspire) to be.  (“family” or genre of websites that visually go together).

4) Screenshots of all websites found.  Upload them to Flickr/Picasa/ or something similar.  Email me your account.

5)  Trace three (3) websites’ wireframes (maximum).  Use trace paper over printed screenshots of your 10 awesome websites.

Note: Clarification…… 13 total or more websites (1+.

OVC In-Class Website FORMAT VALUES

#44CCA5
#E26D29 – Link Color
#F3EABF – Background colors
#C6F169
#7DDAAA – Visited Link
#333333 – Text Color

BODY TEXT: Georgia, Times New Roman, serif
HEADERS: Helvetica, Arial, sans-serif

OVC Basic Website Layout

Class Notes ( 09 / 22 / 09 )

Discussed CSS and HTML.

Took some time to learn more about Dreamweaver through recreating the Ceramics.html file from an earlier class.

—————-
Homework
—————-

Email Seiji all 4 html files, the basic CSS file, and images in a compressed ZIP file.

Class Notes ( 09 / 15 / 09 )

Discussed the new internet meme of Kanye West and the VMAs.

Started learning CSS.

HTML = content
CSS = formatting / appearance

————————
Homework
————————

No homework.

————————
Additional
————————

Extra Credit: reaction / opinion paper on any guest artist lecture. Extra points go towards class work grade, length of paper determines amount of points. Can be an artist you saw between Aug. 24 – Dec. 4

OVC Website

Aaron, Nga, Jacob

About

-History

-Officers

-Mission

-Membership

Calender

-Events

Blog

Contact

//Contact Info, Contact Form

Forum

//Feedback, Jobs/Internships, Inspiration, Tutorials, Competitions

[Links]

[Search Box]

[Join Mailing List Box]

[RSS Link]

Client Brief: The OVC

:::NAME:::
The OVC
aka- “The Organization of Visual Communicators”
aka- History was once called “Eye Candy: Creative Design Society”

:::HISTORY:::
- 6 years old (approx.)
- Current Consistent Members = 25.
- Demographic = VC Students UTA area / 20s (23 yr-old)

:::PURPOSE:::
For VC  students to get together for VC-related events & topics.  Organize speakers to come in.  Increase the amount of communication b/w design students and eat pizza.

:::ADJECTIVES:::
trendy / awkward / rebirth / social / helpful

Class Notes ( 09 / 03 / 09 )

Discussed a handout that explained a lot of general HTML syntax and file terms (JPG, GIF, Lossy vs Loss-less, etc).

Started an assignment to create a logo for the Organization of Visual Communication (the OVC). As Seiji said, its a logo for the OVC, but not necessarily to be given to the OVC. Some terms to work with for the logo:

“trendy / awkward / rebirth / social / helpful”
OVC Purpose: For VC students to get together for VC-related events & topics. Organize speakers to come in. Increase the amount of communication between design students and eat pizza.

Discussed the three different types of logos: WORD MARK, SYMBOL, SYMBOL & WORD MARK.

————————
Homework
————————

Bring 25 solid thumbnail sketches for the OVC logo. Thumbnails = we can recognize what you’re trying to do.

————————
Additional
————————

No additional notes.

Class Notes ( 09 / 01 / 09 )

Discussed file naming rules for the class:

1. lowercase
2. no wierd characters (!@#$%^&*)
3. replace spaces with “_” or just remove spaces
4. html pages should be “.html” not “.htm”
5. first webpage always “index.html”
6. make sure you check your spelling

Setup access to student web J Drives and added the folder structure as follows:

Main Directory
>classwork
>html
>blog
>nameplate
>raw
>images
>projects

Started explaining Fireworks CS4. In class exercise of making a nameplate and uploading it to the blog.

————————
Homework
————————

No homework.

————————
Additional
————————

No additional notes.

Class Notes ( 08 / 27 / 09 )

Spent time posting into the Meebo chat, and everyone posted their first post on the MavDesign blog. This first post was an introduction with an image.

HTML was introduced next, and the first exercise was assigned.

————————
Homework
————————

Homework assignment is explained in detail on last page of hand out. Create website that looks the same as the one posted on the blog, under the category: Online Design / Exercises

————————
Additional
————————

WEB SAFE FONTS

[ sans-serif ]
Arial, Helvetica
Arial Black
Impact
Lucida Sans Unicode
Tahoma
Trebuchet MS
Verdana / Geneva
MS San Serif, Geneva

[ cursive ]
Comic Sans MS

[ monospace ]
Courier New
Lucida Console

[ serif ]
Georgia
Palatino Linotype, Book Antiqua, Palatino
Times New Roman, Times
MS Serif, New York

[ other ]
Symbol
Webdings
Wingdings

Class Notes ( 08 / 25 / 09 )

We had a reading circle and each took turns reading parts of the syllabus.  Introductions were made.

————————
Homework
————————

Email Seiji (seiji@uta.edu) if you already have an existing wordpress account. If you don’t have an account, don’t worry, Seiji will invite you.

Also, create a netvibes account and get familiar with wordpress (the blog), to post an intro of yourself.

————————
Additional Notes
————————

Turn off your computer every day or Seiji will dock your class participation points.