Remaining work: put together a footer.

E316K redesign mockup | 3 hrs | done

FI illustrations | 3.5 hrs | in progress

hand-drawn mockup:

illustration:

1:00-1:50

Lab shift. Filled out time sheet and completed pg. 7 slide scans for Edlund Berry

Today we had our Weekly STA meeting and shared site designs for E316K and other work. Approx time ~ 30 mins.

Also, we continued our training in Drupal with Kate. Next week we need to reply to Prof. Client with our ideas for how the site should look and function. Approx time ~ 1.25 hours

For the remainder, I edited part of my mockup for the E316K design. Someone mentioned a cool graphic such as the bookmark/ribbon unfurling onto the page as it loads (flash design?). Things I edited:

• Added some ‘accent’ colors, mainly adding the same red from the ribbon to some type.
• Changed black text to white on the ribbon for easier reading. Hovering and selected type will now be black on the ribbon.
• Lightened the ‘paper’ on the header for clearer text.
• Changed the hover/selected type to now be 55% gray instead of white due to lighter paper color
• Created a new, custom texture for the ribbon – instead of using a photoshop texture. Gives the ribbon more of a cloth look and less of cracked earth/clay.
• Reduce drop shadows on nearly everything, making the page appear more subtle.
• Added a very slight drop shadow to the “Masterworks of Literature” title

Attached are the Syllabus and Unit page to reflect some of the changes.

Approx time ~ 2 hours.

The text below is the concept behind my E316K redesign

Johannes Gutenberg is arguably the father of movable type and the printing press.This mechanization and printing technique stimulated the advent of the mass production of books, and therefore, accessible literature. My E316K redesign is an homage to Gutenberg. Letters, words, and text are the medium in which authors convey their message, and I wanted the typographical emphasis of my design to accentuate that very sentiment. The monochromatic grayscale design is reminiscent of the oil-based inks originally used in the printing press. A multitude of font’s are used, especially in the abstracted excerpt that dominates the home page. The uninhibited melange of serif and sans-serif fonts communicates the idea that literature is a medium in which authors can express themselves freely. Literature has no prejudice. Varying weights and intensities of the fonts are utilized and placed strategically so that each element fits into the design like a puzzle piece. Each design feature has it’s place, and no space is wasted.

The typographical abstraction from the home page is duplicated subtly in the secondary pages. The Gilgamesh page, for example, contains said element in the title. Website users are teased with excerpts and associations of the subject matter at hand, enabling students to further explore the relevant media (videos, pictures, music, etc). I also recontextualized the illustrations from the old site into the title of these inner pages. The clean illustration to the left of the title is included as if pressed with ink onto the page using a metal type piece cast with Gilgamesh’s silhouette. The page elegantly collapses and expands as each media type is chosen for viewing, which decreases the visual clutter of the page and focusing the user’s attention to the specific content he/she wishes to view.

SEPT: GeoDia – Completed – Total hours this week: 6.5 hrs

• Created circle CSS element. Out of CSS no images!
• Resolved colors under lists. Made the pictures pop more (the most important word to use in meetings. POP.)
• Met w/ Stuart and chatted about problems with Geodia and about design elements
• Added padding to lists and other parts of website
• Emailed icons to Stuart

What’s Left

• Change anything that might come up

SEPT: 2008/2009 Old STA Wiki Migration – Completed – Total hours this week: 0.25 hrs

• Migrated old STA wiki page over

SEPT: Texas Theory – Active – Total hours this week: 3.00 hrs

• Migrated 57 content types

What’s Left

• Add stars to compass image
• Center branding image in bottom-left sidebar
• Continue migrating content from old wiki. I have allotted 3.75 hour a week for migration but this could fluctuate due to other projects.

SEPT: Uncanny – Active – Total hours this week: .50 hrs

• Adjusted size of secondary nav bar on assignments page
• The container was set at a fixed width causing a horizontal scroll bar to appear. I FIXED IT!

What’s Left

• Clean up CSS
  • Organize to eliminate duplicated tags
  • Trim any inefficient pieces of code

SEPT: SPN328 Lecture Photos – Active

• Met with Dr. Sutherland-Meier and went over slides with her. Photos in class lectures suffer a great loss of detail in the lecture hall she is using and need to be lightened

---

 

 

---

 

What’s Left

• discover an effective way to brighten without all the noise and reduce the overall ‘shopped feel
• Correct all images and deliver to Dr.Sutherland-Meier

SEPT: Henri Michaux – Active

What’s Left

• Sync poem w/ audio
• export poem as a mov
• merge poem .mov w/ landscape .mov
• export combined .movs as a single .mov
• burn to dvd

Something to think about: Your chair is your enemy