The mock-ups that I created represent all of the pages on my site, even though I just have the illustration page, it will be a template for my design, Advertising, and web pages. I have also included my Home page which allows you to go to the different galleries, the About page which gives basic information about me and also where you go to download my resume, and also included what the blog page will look like.
Author Archive
For my typography I wanted type that you would notice but that it wouldn’t detract from the rest of the site. I went with Kozuka Gothic Pro to be my main font, because it has a very clean and distinct look that works well with the clean look of the site. I went with Futura for my sidebar, because it had the same feel of the Kozuka but it was a little heavier because it’s part of the navigation. I also added the blue, green, and orange to them to keep up with the style of the site and to unite everything. I also went with Georgia for my basic body and for my blog.
For my site I wanted my work and my images to be the main focus of the site. The images will be separate into their specific category and will almost look like a pile of photos. I want to do it this way so everything doesn’t seem so rigid, that is why I want to the images to “fly” in and out of the pile as you click on them. I also made the images cropped a certain way in that you only see a small portion of it. I figure just seeing a small bit will make people curious and they only way they can see the whole image is if they click on it.
So with the grey box I’m trying to show how the hierarchy of the site will go. I want the primary focus to be in the main content area, which is where a majority of the site will be viewed. I also want the images to be the what people see and focus on. The other part I want people to notice, but not as much, is the “what I’m watching” box.
These are just a few of my thumbnails, they just show how I want a few things to work. This is was important because I’m not sure how I will be able to have my pictures fly out of the pile and enlarge and fit to the screen. There isn’t a whole lot of complicated parts to my site, most of the pages are just based off of my gallery page. I also want to make it so someone has to download my resume, because I don’t really want everyone to see what I’ve done unless they are serious about giving me a shot at some work.
This is the sitemap and wireframe of my website.
So I went pretty straightforward with this, the site is divided into 3 sections that are the sidebar and two content sections. The main content is where all the different pages in the side are displayed, while the secondary content stays the same. I wanted this to be very simple and easy to navigate because the last thing I want is for someone to get frustrated and leave.
While searching the web for some inspiration, I found a lot of awesome sites. But I did notice that most of the sites broke down into two categories: 1- Look at the cool stuff I can do with flash! 2- Look at all the awesome thing that I’ve done. I tried to stick to looking at the second for obvious reasons.
The first site I ran into was call sushi and robots, I was expecting the whole site to be theme this way, but to my surprise it was a fairly clean site. I really liked how accessible everything and it really seemed to focus and her work and not the site itself. The other two sites I liked, also seemed to take their work and make it the emphasis.
After looking around the web, I found some cool site and they taught me quite a bit. I learned that just because a site does a lot of cool thing with flash and they seem be outside the box in terms of organization, it doesn’t mean it was effective. There were a lot of sites that looked really cool and they were fun to look around in, but in the end I couldn’t tell you what half of them were even really about. So this is what I have to take into consideration when doing my own site.
There is a lot of confusion when it comes to graphic design and even design in general. When people I know find out that I’m going into graphic design, they each start giving me a different definition of what it is. Some will say, “Oh so you make logos and stuff” and others think you just make business cards and stationary. I think it’s about time to tell people the real story when it comes to graphic design and why it’s becoming increasingly more so when it comes to the web.
I think it’s kind of funny how people think about design and the ideas that come into their heads about it. I am guilty of this as well, when I hear someone say web design, I along with a lot of other people, think about coding, links, and bad type. There is web design and what people think is web design and being a graphic designer I get misunderstanding and want to know what it really is. It’s not that much different from graphic design except for the fact that you are doing it on the web which is unique and can’t just be thrown together. There are a number of challenges when it come to the web like the massive scope of the web itself, to the immense amount of clutter that’s out their, and technological aspects of it like coding languages and so forth.
The web in its early was very static and uniform. Most sites would just have endless lines of text that were thrown on with out any thought and if there were any pictures or graphics, they would be these hideous little clip art images. Generally the internet of the past was slow, clunky, and not a very interesting place to be. There wasn’t a lot of thought when it came to the design when it came web pages, they were all very boring and poorly laid out, but whether it be from technical limitations or just growing pains, the web now is nearly unrecognizable from it’s early self. The limitations that once hindered it, now seem to all but disappeared. It has become more and more interactive, a web site is no longer just a single page with just type to a site that changes and reacts to what you do with it. The world of the web is changing; it’s becoming boundless and more complex. It’s no longer the day where you can just put your message on a site and expect people to get it and be interested in it. You have to think about every little thing you do anymore, from where your navigation goes, how your type looks, or how your page will look when people first come to it. So what does graphic have to do with any of this? Most graphic designers aren’t exactly the most technical people in the world, and when it comes to numbers it’s like a vampire reacting to a cross. But while web and graphic design are different in many ways, there is one thing they both are trying to accomplish. Communication.
Besides thinking you just make logos and business cards, a lot of people think that graphic design is all about making something pretty. I was taking a class awhile back about the history of graphic design and illustration. One day my teacher gave us one of the best examples of design and communication, he told us that some of the best examples of this can be found almost everywhere in our day to day lives and we just don’t even think about it twice. We see these in the buildings we work in and the roads we drive to get where ever we’re going. What he’s talking about is the sign that tells us that we need to merge, that we are driving in a school zone, which restroom is the one we are going to use. That’s when it hit me, that these little unnoticeable little symbols are what graphic design is all about and that is communication.
What makes these symbols so powerful is how they are able to communicate such relatively complex tasks and information into something can be read and understood regardless of where you come from or what language you speak. That to me is why I agree that this is what graphic design is all about. People just put these symbols in the back of their thoughts and just forget about it. They don’t even think to wonder about why they think handicapped when they a half a circle and a line or that a fork and knife me there are places to eat. It just comes natural to people and I feel that is what graphic design is why it is so important. It’s about being able to communicate your message in way that can easily be recognized by the masses. And with the internet be able to connect all sorts of different peoples and cultures from around the world, the role of graphic design is becoming increasingly more important.
Nowadays it’s not just signs on the road that tell us where to go, but there is another important and increasingly used highway of information and we will need signs and symbols that will be able to guide us through in a way that is efficient, safe, and recognizable to everyone. I mean think about it, why do most people put up sites or visit the web? Most if not all of them go to the web to able to communicate and whether it be to sell you something or you just want to tell people how your day went.
So you see, design is all about communication. We need to break down this misconception that most people have when it come graphic design and design in general. Design is something that can be used in ways regardless of it being as something as small as a poster to something as big as a building. It’s not something that has a generally excepted definition or even a simple one. But when someone come up to me and asks what I do with graphic design, I will tell them I communicate ideas, and to me that’s all design is. Communication.
Here is the link for my erosion web site:
So after going through this assignemt, I have have a new found respect for even the crapiest of web sites. I have learned that there is alot more information and orginization than I thought there would be. Even though I have never built any web site, ever, I feel good with how the little thing turned out. I know this was a first step and I feel I can only get better.
One of the things I would like to address about this assignement is the coding. I’m sorry it is one thing to watch a bunch of little videos and think you get what’s going on, but it’s another beast when it comes to actually doing it yourself. It seems to me that when it comes html and all that stuff, you either have to know it or you don’t. I have never felt so clueless doing anything. I will say that once I actually put some code down and the connections in my brain started hooking up, it seemed to make more sense.
I know that we were told to just design and don’t worry about whether it would work or not, but I found it really hard to design knowing that it was ME that was going to put in the code and make it all work. It’s one thing to design, but it’s another when you have to gather the content, make your own images, and do coding. In the end, I was able to get alot of what I originally wanted up on to the live site, though not as polished as I would have liked.


















