Responsive Web Design

Responsive web design is a website that resizes itself depending on what size the screen is such as a tablet, mobile phone, or web browser. Responsive web design has become so important because there is an increasing high percent of people looking at websites on a phone or tablet and it needs to be easily accessible. Media queries are a great way to give different styles for different devices, lets the designers style based on width of the screen. A breakpoint in web design is a marker in the code that tells the debugger to stop the operation or request.

Example Site: Every Second Counts
http://www.everysecondcounts.co.uk

The layout of this site displays a lot of content as columns of photos that fill the page. This version of the site does not have the menu visible but rather has a sidebar that when clicked will open the menu.

The width of this site allows their to be variation in the size of the content. The menu is this site is displayed across the top and has one main content in the middle. The text stayed a similar size.

The version of this site looks as if it is just a big video but when scrolling down you can see the other content. The navigation bar is smaller on the width of this site.

Favorite Vector Web Designs

Favorite vector web designs

Dean Oakley
http://deanoakley.com

I really liked the design in Dean Oakley's website because it was unique. The design has characteristics of a gradient and graphic that make the website inviting and fun but still looks very professional. The graphics create a focal point for the design. The colors chosen also give the site balance.

Two Toasters
http://twotoasters.com

I liked this design because the the home is easily accessible and displays the highlights with a rotating menu. The design used big blurred photographs as a background for the site and I thought it gave the site a lot of dimension and looked good. I think the site shows all apps really good. The colors are grays and red which compliments all of the pictures and main. Overall I thought this vector site was a really cute and well composed.

Web design with Adobe Illustrator

 I was surprised to see all of the ways Illustrator can be used to make different designs. From what I read, I think that it is a very good tool for making web designs. I learned how to texture a design in three methods on Illustrator. The "9 Slices" scaling tool looks like a very good way to resize an object without distorting it. I also learned how to keep the design consistent by viewing all elements at once. From the article I learned many different ways to utilize and use Illustrator. I can see how Illustrator is a very good tool, as photoshop is. Overall I am impressed by Illustrator and want to continue to get better at it.