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

Popular posts from this blog

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...

end of year reflection

  End of year project Overall thoughts       The project I spent the fourth quarter on was creating a fake product and company to sell in a “shark tank”. The project tested my abilities in video, animation, and graphic design as I had to use all three of these media’s to sell my product. This project took around 3 months to finish and present.        Over the three months, I faced challenges with collaborating with others efficiently, (as this was a 4 person group project) but I learned to appreciate how other people can add on to a simple idea. After some criticism from my teammates, I was able to made the best fitting commercial, logo, and package design for our product “chip”. No first draft was put in the end presentation as we made so many changes in the working time. I am impressed with my work and my teams work this last quarter.  Class time       During the time I was given to work during class I ...

ONW NOW

ONW NOW sports story project  Starting this project      I feel have have done the best work I possibly could have for this project. It started with my team brainstorming what sport we would want to do a new story on, taking into consideration of how easily we will be able to reach these sports. After collaboration, my team and I made the decision to do a story on the cheer leading team. It only felt the most appropriate because the team is going to nationals soon, and they practice during 7th hour, the hour I have video production. The next step in the process was to find some cheerleaders to interview. Interviewing process      We decided as a team it would be best to interview a freshman and senior, to contrast how they looked at the sport. We found that after both interviews the two girls said pretty similar things. After this, our team needed B roll. We filmed the cheer leaders doing various stunts and even got one of their dances. We tried...