CSS Design Reflections and Screenshots: Consistency & Simplicity

Reflecting on my design for the CSS assignment I have tried to keep things as simple as possible. What I have done to achieve this is that I have kept each page basically the same layout. This makes it easy and intuitive to navigate. In conjunction with this  I have kept many of my boxes the same  size and positioning. This made coding for the arrangement of the site much simpler. This also meant that I by keeping the layout the same all the angles that created would remain the same. Consistency! consistency! consistency! is what I was aiming for here in terms of the layout as well as the colors. All the # tags for the color have been matched so they are exactly the same color. I attempted to use several of the free <divs> to separate content and make it more flexible in terms of the possible arrangements. This did however result in editing some the HTML which I know we were not supposed to do but in the end these changes are not visible and do not impact the server version of the file. All of these changes are noted in my CSS so I know what I have changed. Included along with this post are a number of screen shots (7 app.) that display the original vision for my site.  I was planning on using a columnar list in order to deal with the #metalist in order to differ it from my use of a scrollbar on my credits page. I did however  come to the conclusion after several failures at entering the code that columns wouldn’t work as well as a scroll box because they force your eye to jump from bar to  bar rather than simply being able to scan down a list.

Advertisement