According to the nine essential principles for good web design, my site design lives up to most of them, such as the spacing, the navigation, the typography, alignment, clarity, and consistency. In my opinion, what the design is falling short on would be probably the precedence and the usability.
The hierarchy is not too bad when you first look at the site, the photograph of the donuts are seen first, then the first div that is about me. I would like to add those arrows back in to the bars for each section because it helps guide through the site, but, if too difficult, it is not a huge issue.
For the usability problem, the only thing is that I need to think about how the mobile version of this site will work. There are not any people who like to turn their phone horizontally; so, I want to look into some other options when I get to this point.
However, my HTML site compared to my Photoshop design is quite close. There are a few things that have changed, such as adding some more info into the about me section, or the loss of the arrows, but they are smaller details.
I do plan on taking Web 2, not only because it is a requirement for me, but also because I actually enjoyed this class. I would like to learn more about web design and improve. I really am looking forward to taking this class in the fall.
After looking at some other site designs online and of my peers, I’m still a little unsure how I want it designed. I usually like sites that have a block in the middle and don’t scroll on the main page, like my first project, but I’m considering doing something different for my portfolio site. I would like the target audience to be just about anyone. I want everyday, normal people to be able to view it as well as studios.
After the first project, I can say that it is probably what I expected it to be. It can be frustrating when something isn’t working the way I want; however, I am accustomed to dealing with it. One thing that do not like would be the different sized monitors and the way a site will look different on each one. It would be easier if it would look the same no matter what monitor.
I would actually be completely fine with working with the web for my career. It is not my goal, but I do enjoy programming as well so it is kind of like a combination of both.
After looking at some other classmate’s blogs, I came across one that talks about something useful to me. Joe talks about how you can change the color of the scrollbar; though, for some reason, he believes it is for the search bar… However, the site even give the actual code and explains what to do. You just need to copy and paste it, then change the colors. It’s that simple.
Change the scrollbar color
How to: CSS Large Background
I think that this would be a useful, interesting thing to know how to do because it can be very frustrating to have a picture get cropped that you wanted to use for the background. This tutorial explains how to avoid this so you can have whatever background you want on your site through using CSS. The author explains how to do a single image as the background or even multiple images. This, to me, is definitely a good thing to keep on hand for when we work on our portfolio site, or it is useful to me for when I would like to have more freedom in the backgrounds.