Final Project Part 2

Well this week has been full of panicking and getting extremely frustrated over my ideas and the code not doing the same thing and worrying over the simplicity of the site. I like simplicity but fear this one is boring. So there were a lot of late nights some of which were just panicked brainstorming.

All that aside, I have added a dropdown aspect to my navigation bar. I am also considering shifting the way I arrange my analysis on the site. Separating it by artwork rather than keeping it all together. I also added a contact widget. I do plan on attempting to add popups to many of the images with the site.

On a side note I looked at a website on Edmonia Lewis and found it was really boring in its design and not very accessible visually.

Here is my site so far.

Final Project

Trying to get this final project off the ground is a bit daunting. I’m concerned about how text heavy my site it and that it will be overwhelming. Hopefully it will work out. After reading about making websites easier for those with disabilities I want to attempt to make my site a bit easier for those with visual impairments to read. As someone that grew up with a visually impaired parent I understand the desire for accessing the same things as before. I’m considering making the text a bit bigger and with larger line-spacing as well as breaking it up a bit.

On a side note, I was reading Jenna’s blog about interactive aspects on a site, I’m not so certain about how that would work with my site. I don’t know if I need it really. But learning how to do it would be awesome.

Still working on things, so we’ll see how everything goes.

I commented on Josh’s  and Jenna’s blogs.


So on the syllabus the reading for this upcoming class read White Space is Not Your Enemy Chapter 7, however do to the theme of the rest of the readings I read Chapter 8, since it was on color rather than type.

As an artist I studied color theory in art school. I found these books fairly basic in their description of color theory. However I found the section “Color Technology: That’s Not the Color I Chose. What Happened?” really useful. I was a painting major and my experience using color was not digital but in the real world (for lack of a better way to say it). Understanding how colors being digital was interesting. I particularly found the portion on why web color behaves badly and how to specify color for print. I think both of those will be extremely helpful to me when I am working on the future projects.

While working on the webpage from last class I had to go back into using Photoshop, which I hadn’t done regularly since high school. It took a bit to get the knowledge back, but eventually I was back into the groove. Something I did not know while trying to place the image into the page was why a white background kept coming in. I made a guess and exported it to a .png file and it worked. I don’t really know what a png file is, I know png stands for Portable Network Graphics and according the the internet it is “a raster graphics file format that supports lossless data compression. PNG was created as an improved, non-patented replacement for Graphics Interchange Format (GIF), and is the most used lossless image compression format on the Internet.” (just copied form a google search). While I have a definition not much of that really means anything, but either way I’m glad I got the image to work.



I commented on Amy’s and Tamara’s blogs.


Finishing the Type Assignment

Over the past week I was finishing up the Type assignment. I was mostly finishing up the last design details. I had a few issues and concerns.

I struggled on putting an image behind a pull quote and getting the opacity to match the article’s background.

That my design does not work well with my theme.
That my design is to user friendly or functional.

Overall I really liked tying in a theme into the design of the webpage. That was something that felt missing in the Portfolio home page. With a lack of a theme it felt hard to figure out how to make it look. With the Type page, I was able to give it a specific look.

As far as the opacity issue I had, I will continue working on that to see how I may be able to fix that in the future. This time I excluded the extra background image, but I hope next time to be able to incorporate it.

My Type page can be found here.


Some housekeeping:
I talked to ReclaimHosting and got my Portfolio to be connected to my URL. It can now be found here. So I no longer have a mirroring blog just a portfolio site (yay for organization!).
The Portfolio is also accessible through this blog, under “Clio II” in the Menu.

Design & Type


Creating a webpage is about being accessible to the websites visitors. Design is about form and function and Myth #4 on UXMyths hit that home. Reenforcing the idea that designing a website isn’t just about looks but how it works. For my own page I have to make sure I keep this in mind. My topic is Edmonia Lewis and I am looking for a font that is reminiscent of the mid-19th century. I want the page as a whole to fit into my topic, but not be too overwhelming for the page visitor. Which is something I’m quite worried about.

As far as my Type goes, I’ve been looking for something that works visually inspiring the 1800’s while at the same time being readable. I think I have found something that works, but I am a bit hesitant.

Out of all the readings this week UXMyths was the most helpful. Myth #19 really helped me slow down and decide on my content before continuing to design my Type page. While other readings such as Chapter 6 in White Space is Not Your Enemy on layout was extremely helpful and interesting, particularly in helping me understand what aspect ratio is, UXMyths myths vs. truths was the most focusing.


On a side note: There are a few thing’s that I’m still not too sure about, such as what a rule is in regards to our type assignment, and whether I’m going about embedding text and title fonts the right way. But I’m confident that will become clear soon enough.

I commented on Annie’s blog.