Showing posts with label Web Design. Show all posts
Showing posts with label Web Design. Show all posts
Wednesday, October 1, 2014
Project 8 - Web
The point of this assignment was to first create a background image that made text easy to read. We started of with a picture of concrete then in photoshop we changed the contrast, and the brightness. Another thing we did was make it seamless by turning it inside out and then using the clone tool to smooth out the lines. After this we put it into the web site. In my web site I used Contrast Alignment Repetition and Proximity(CARP) by making the headings one color, while making the subheadings a different color. I also made each paragraph the same distance apart from each other. That being part of Alignment, Repetition, and Proximity.
In the code we created something called a "wrapper" div. The point of it is to create that box you see on my website to hold all the text/images inside. This creates a neat look, and is a lot of the time easier to read. With the "wrapper" I also made it kind of transparent so that you could see the background behind it to give it a cool look.
In this project I also used css in a way we hadn't yet. This way was to create a new style sheet, put all the css on that sheet, save it as css, then link my home page and my links page to the style sheet so that everything in the style sheet would apply to both pages.
You can also see the image of me. For this image we first took a picture outside in the hall. When I opened the image in photo shop my face and surroundings were kind of dark because of the lighting in the hall. So I brought the brightness up and changed the contrast. Then I cut me out of the background so that when I put it into my website it would just show me and not the hall background. Then after a little more editing I got the image you can see on my website.
Tuesday, September 23, 2014
Google Logo
The Google logo has more meaning and representation than most people realize. There are a couple different meanings in the the logo its self.
One is the colors. If you look at it closely you will realize that all but one of the letters is a primary color. The the "L" is a secondary color. The reason for this is that the Google company wanted to express that Google doesn't follow the rules. There is also another meaning, the first three colors are representing primary colors in the arts while the last three represent web colors (RGB).
Even the font has meaning. The font for this logo is Catull. The reason the designers chose this one is because it fulfilled all that they wanted the logo to say. The font is playful yet simple, effortless reading, subtly sophisticated with some humor. While also looking like an old quill and chisel look with a modern look. All these things are exactly what Google wanted to portray. The thought that google is easy to use, can be fun, but also serious along with tying the old and the new together to create something for everyone.
The name "Google"itself also has meaning. The name is a play on the word googol which is a number with 100 zeros. This represents the creators (Larry Page and Sergey Brin) mission to organize almost infinite amounts of information on the web
Friday, August 22, 2014
Web- Color Wheel Project
During the Color Wheel project I used many different tools in Illustrator to create the wheel. One tool I used was the Polygon tool to make the triangles. Then I used the ellipse tool to make all the circles, I also used the rectangle tool to make the squares. After all the shapes are put together I used the fill tool to individually color each shape so that it would show the colors of the color wheel. The process all together was not that difficult, and I really enjoyed using Illustrator.
Subscribe to:
Posts (Atom)




