Skip to main content

CSS and CARP design

Introduction

In this assignment I used the rules of CARP (contrast, alignment, repetition and proximity) to fix a generic html with a poem on it to make the newer, better looking, version of this page. Some differences included changing the text and background color to match the dog. I used the same colors for multiple areas on the page to make it look clean and the same all the way through. I also changed the size of text around the page it fit it better, and to wrap around the picture of the dog.



Contrast

Some differences referring to contrast included changing the text and background color to match the dog. I used the same colors for multiple areas on the page to make it look clean and the same all the way through. The darker brown text stood out against the light tan background. The black border around the page brought a neutral color that wasn't brown to the page, pulling the poem and other elements together.

Alignment 

To make the page aligned and flow all the way through, I subtly wrapped the text around the picture of the dog and made the picture smaller so its not overpowering to the rest of the page. To make the text look clean and cut, I started all of the lines on the left, which caused the look of a perfect line going down the page, bringing it together.

Repetition 

I used repetition in both alignment when making all of the lines start on the left side and when making most the colors shades of brown, white, and black from the dog. All of theses things brought the page together and made everything fit.

Proximity

To make a page clean looking uses a lot of proximity. All text was kept the same size except for the headings. Every line was also evenly spaced and between each paragraph was double the space. The black border around the outside was the same size line all the way around.

Conclusion 

I learned how to use CSS when designing by using multiple parts of CARP design. Using all of the aspects together makes a clean, good looking, end product. I learned the importance of paying attention to detail and using repetition throughout a whole product.



Comments

Post a Comment

Popular posts from this blog

High School Film Trailer

Project                 For this project I was tasked with recreating a movie trailer of a high school based movie. My group was assigned the film "Ferris Bueller's Day Off". We had the option of which official trailer we wanted to recreate. After some research, my group found the most reasonable trailer to make and started pre-production.                 Before we could start filming, there were many steps to make sure we could recreate the trailer perfectly. Unfortunately, we found that it could not be directly replicated as there were many shots that we couldn't do. I started with creating a story board of every scene in the edited trailer. Then, as a team, we wrote down all costumes and props. Finally, we cast rolls and made sure people would be available before giving them the part officially. Our group decided to keep most of the casting inside the group but we did get two adults and two students ...
Post a Comment
Read more

My Personality Type

Myers-Bryggs type This personality test told me I was an ESFP. ESPF meaning extravert, sensing, feeling, and perceiving. Someone with all of these characteristics is usually friendly, caring and energetic. They are also good about expressing themselves and are confidant. An ESFP is sensitive to feelings and makes decisions based on how them and others feel rather than a more logical answer. I share a Myers-Bryggs type with Ronald Reagan and Bill Clinton. Me and my type My personality type I feel does generally describe me. I make decisions based on how I feel and I am very confident. WhileI feel I am an extravert in some ways , I also have a lot of characteristics of an introvert. This did show in the test results when it said 6% of extravert. While it was interesting to find out what type I was, I knew most of these characteristics about myself already. In real life situations I tend to do what the test says I do. I can lead a group confidently if had to, but I am easy...
Post a Comment
Read more