Responsive Site Example

Trent Walton is a designer and web builder that created an example responsive website.

His site contains 3 different points at which the site changes in order to fit a computer, tablet, or phone screen. His design is very subtle, with just a few changes in image size or text location, but his small tweaks have a large effect.

Computer

The original website, intended for computers spreads across the whole screen, and the visuals are easy to see. The text is centered, but there is padding along the edges of the site, which creates a lot of extra space.

Tablet

The first transition does not change much about the original. In fact, the only differences are the reduced picture sizes and less free space surrounding the different items on the page.

Phone

The final transition is used for phones, where the text is gathered together with minimal space used, and the pictures are the most prominent feature on the whole web page. 

Web Mockup

Website Mockup

I created an alternate website homepage for Olathe Northwest using the design of creative capital's website. I incorporated vector shapes along with original Adobe Illustrator objects in order to establish organized navigation for users. I took certain parts of the current ONW website and added them to my own site, and allocated some space on the homepage to display news and multiple tabs on top to allow grouped topics. I tried to make everything line up with other parts of the page to make it look nicer, and have a sidebar on the right for information to be posted. Even though I took some aspects of the current website, I changed a few little things to alter the feel of the website. All of my graphics maintain the constant ONW color scheme presented.

3 Projects

3 Projects

Beatboxing Tutorial Website

Simple beatboxing tutorials can be found on the official Beatboxing Techniques website, created to teach the history and tips for beatboxing. The first page is dedicated to explaining the origin of replacing percussion with human sounds. Free photos were added to every page to highlight where/how beatboxers perform. A simple grey color scale mimics the colors of microphones and speakers used by beatboxers.

This project combined all of the techniques used in Web Design over first semester in one website by using a basic layout, then adding information to complete the final project. Managing time was very important because the total allowed time to work on the project was about one week.  For my website, I had to stay after school for over an hour to finish my project because I was absent for two days.

The website has multiple pages to teach about basic and more advanced techniques of beatboxing. The reader can pick apart individual sounds and learn at their own pace, and there are a few audio examples to show them how other beatboxers sound.

I hope to build off of what I've learned so far so I can increase the quality of my sites.

What Animation School should I go to?

When young animators get out of high school, they want to find a school that can teach them more about animation techniques so they can compete in the animating business. The only problem is that with thousands of animation schools in the United States, which one should you choose? Annie Gray wrote about how to choose the correct animation school for each person by asking yourself three questions.

Does the program teach all aspects of the art of animation?

When analyzing schools that you are considering going to, look at their curriculum carefully, because in many animation classes you don't even touch a computer for a whole year, while others jump right into animating on the computer. Some schools focus on 2D and 3D drawing, while others emphasize story boarding and color theory. Look at what foundation you would receive going to that particular school and go from there.

How much experience do the instructions have in the

animation industry?

Is the instructor actively animating, or have they stopped and haven't worked on any projects in 5 years? Are they employed elsewhere and what companies are they affiliated with? What credentials do they possess and how long have they been animating professionally? These are all important questions to ask yourself when determining what animation school to enroll in.

Where is the animation school located?

You need to understand that the perfect school for you may be hundreds of miles away from where you live, so you have to figure out a plan to either move closer to the school, or rule it out of your options. It is always better to move to more popular areas for animators so you have a better chance of being noticed and evaluated by others in the animation department.

http://www.animationarena.com/animation-school.html

How to Animate a Shape in Maya

Maya

Maya is a fun animating program that allows animators to work in 3D.  After creating a scene with objects in it, how do you animate those objects and take your still scene and make it a motion picture? It's a quick and easy process, but it can be a little hard to figure out at first.

Step 1: Choose a Shape to Animate

Step 2: Select the Animation Tab

Step 3: Choose the Keyframe Button 

Step 4: Move your Shape to the Initial Desired Position 

Step 5: Select a New Frame Number for the next Keyframe Position 

Step 6: Move your Shape to the next Key Position

Step 7: Continue adding Keyframes after you Move your Shape

Step 8: Press the Play Button to Watch your Animation 

The Incredibles Review

The Incredibles

In The Incredibles, Pixar creates characters that have a personality that corresponds to their abilities as a super hero. The animators do a great job establishing the protagonist and the antagonist, and the story is easy to follow. Since it has a fun, family feel, the animation can be enjoyed by everyone. The story of the Incredibles opens up the imagination of the viewer by introducing super powers and advanced technology that are not realistic. I noticed that all of the characters are swift, nimble, and in some ways, "stretchy". This has taught me how important it is to try and fit the characteristics of a person or thing with their first and secondary movements.

The official description of the movie, written by Disney/Pixar:
Known to the world as superheroes Mr. Incredible and Elastigirl, Bob Parr and his wife Helen were among the world's greatest crime fighters, saving lives and battling evil on a daily basis. Fifteen years later, they have been forced to adopt civilian identities and retreat to the suburbs to live "normal" lives with their three kids, Violet, Dash and Jack-Jack. Itching to get back into action, Bob gets his chance when a mysterious communication summons him to a remote island for a top secret assignment.

http://movies.disney.com/the-incredibles