Getting to know Claire!: September 2013

Sunday, September 29, 2013

Thursday, September 19, 2013

I think that the McDonald's logo is very successful. It uses bright colors such as red and yellow that immediately attracts your eye to it. The "M", which stands for McDonald's, is large making it easy to see from wherever you are and it is very recognizable. I believe that it appeals to mostly young children or teens.

The logo for Apple Inc, or MacIntosh, is also very successful. It is simple and has a slick and unique look to it. I think that the target audience for this logo is young adults and business men or women. This logo is also successful since it appears on every single one of the company's products, making it seen all over the world by it's users.

The target logo is very successful because by looking at the logo, you are able to easily understand what company it is for. Since the logo is a picture of a target and uses the bright color red, it easily attracts your eye. I believe that this logo's target audience is for all ages.

Domino's Pizza has a very unique logo that stands out from many others. The logo incorporates the dots of actual dominoe's, relating to the company's name. Also, the shape of the logo is a tilted square which is the shape of a pizza box. The bright red, white, and blue attracts your eye. I believe that the target audience for this product is young children and teens.

The MTV logo's is one of my favorites. I love how it is unique from other company's in the way that it's logo is an acronym for the company. I also like how it has a 3-D effect to it which really makes it stand out. I think that the target audience for this logo in teens and young adults because of it's unique and edgy look.

Wednesday, September 18, 2013

Fictional Company Ideas

1.) Claire's Cookie Jar: This company will be a bakery specifically designed to bake and sell a variety of delicious cookies.

2.) Surf City Smoothie: This smoothie shop will sell a variety of different flavored smoothies made with fresh fruit.

3.) Kondej's Cabin: This restaurant, named after my great grandparents, will serve food and drinks such as sandwiches, soups, and other entree's. It will be located in a cabin in Vermont.

4.) Perfect Paws: This pet store will sell many breeds of puppies and kittens.

5.) Baby Boomer's: This baby store will sell a variety of necessities for infants and toddlers such as clothing, furniture, and toys.

Sunday, September 15, 2013

HTML Coding Project

I found this particular project to be very frustrating and time-consuming. I struggled trying to find the exact coordinates of where I wanted to place my shapes on the graph. I decided to make an abstract portrait because I enjoy abstract pieces of art. I chose to use different shapes and vibrant colors to make the image appealing to the eye. I think that my piece is successful because it is interesting to look at and uses a wide variety of shapes.

<!DOCTYPE HTML>
<html>
<head>
<script>
window.onload = function() {
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");

////////////////////////////////////// start below this line ˇˇˇˇˇˇˇˇˇˇ

//Black rectangle
context.beginPath();
context.rect(0, 300, 800, 300);
context.fillStyle = 'black';
context.fill();
context.lineWidth = 7;
context.strokeStyle = 'black';
context.stroke();

//Red rectangle
context.beginPath();
context.rect(300, 200, 800, 300)
context.fillStyle = 'red';
context.fill();
context.lineWidth = 7;
context.strokeStyle = 'red'
context.stroke();

//blue rectangle
context.beginPath();
context.rect(350, 250, 390, 210)
context.fillStyle = 'blue';
context.fill();
context.lineWidth = 7;
context.strokeStyle = 'blue'
context.stroke();

//blue left rectangle
context.beginPath();
context.rect(0, 0, 295, 300)
context.fillStyle = 'blue';
context.fill();
context.lineWidth = 7;
context.strokeStyle = 'blue'
context.stroke();

//yellow square
context.beginPath();
context.rect(25, 25, 200, 200)
context.fillStyle = 'white';
context.fill();
context.lineWidth = 7;
context.strokeStyle = 'white'
context.stroke();

//top right black rectangle
context.beginPath();
context.rect(300, 0, 800, 200);
context.fillStyle = 'black';
context.fill();
context.lineWidth = 7;
context.strokeStyle = 'black';
context.stroke();

//circle
context.beginPath();
context.arc(100, 100, 75, 0 , 2 * Math.PI, false);
var grd = context.createLinearGradient(300, 200, 500, 200);
grd.addColorStop(0, 'rgb(0 ,0 ,0)');
grd.addColorStop(1, 'rgb(0, 0, 0)');
context.fillStyle = grd;
context.fill();

//bezier curve 2
for (var i=0; i<canvas.height; i+=10) {
var startX = -2000;
var startY = +3000;
// starting point coordinates
var endX = 50;
var endY = -3000;
var cpoint1X = canvas.width;
var cpoint1Y = canvas.height;
var cpoint2X = i;
var cpoint2Y = 400;
context.beginPath();
context.moveTo(startX, startY); ///cpoint1Y
context.bezierCurveTo(cpoint1X, cpoint1Y , cpoint2X, cpoint2Y, endX, endY);
context.lineWidth = 1;
context.strokeStyle = "hotpink";
context.stroke();
}

//circle bezier curve
for (var i=0; i<canvas.height; i+=10) {
var startX = -3;
var startY = -10;
// starting point coordinates
var endX = -1000;
var endY = -i;
var cpoint1X = canvas.width;
var cpoint1Y = canvas.height;
var cpoint2X = 400;
var cpoint2Y = 1200;
context.beginPath();
context.moveTo(startX, startY); ///cpoint1Y
context.bezierCurveTo(cpoint1X, cpoint1Y , cpoint2X, cpoint2Y, endX, endY);
context.lineWidth = 1;
context.strokeStyle = "rgb(186,252,4)";
context.stroke();
}

//triangle
context.beginPath();
context.moveTo(400,10)
context.lineTo(300,150)
context.lineTo(500,150)
context.lineTo(400,10)
context.lineWidth = 5;
context.strokeStyle = 'rgb(255,102,153)';
context.fillStyle = 'rgb(255,102,153)';
context.fill();
context.stroke();

//vertical yellow line
context.beginPath();
context.moveTo(700, 0);
context.lineTo(700, 800);
context.lineWidth = 10;
context.strokeStyle = 'yellow';
context.stroke();

//horizontal line
context.beginPath();
context.moveTo(0, 450);
context.lineTo(800, 450);
context.lineWidth = 10;
context.strokeStyle = 'purple';
context.stroke();

//white square
context.beginPath();
context.rect(485, 300, 90, 90)
context.fillStyle = 'white';
context.fill();
context.lineWidth = 1;
context.strokeStyle = 'white'
context.stroke();

//black small sqaure
context.beginPath();
context.rect(495, 310, 70, 70)
context.fillStyle = 'black';
context.fill();
context.lineWidth = 1;
context.strokeStyle = 'black'
context.stroke();

//small circle
context.beginPath();
context.arc(768, 470, 13, 0 , 2 * Math.PI, true);
context.lineWidth =1;
context.strokeStyle = 'white';
context.fillStyle = 'white';
context.fill();
context.stroke();

////////////////////////////////////// end above this line ˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆ

};

</script>
</head>
<body>
<canvas id="myCanvas" width="800" height="600"></canvas>
</body>
</html>

Monday, September 9, 2013

Heart

file:///Users/clairelaing/Downloads/finalheart.html

<!DOCTYPE HTML>

<html>

<head>

window.onload = function() {

var canvas = document.getElementById("myCanvas");

var context = canvas.getContext("2d");

////////////////////////////////////// start below this line ˇˇˇˇˇˇˇˇˇˇ

context.beginPath();

context.lineCap = "round";

context.lineWidth = 8;

context.strokeStyle = 'rgb(190, 0, 190)';

context.fillStyle = 'rgb(190, 0, 190)';

context.moveTo(100, 90);

context.quadraticCurveTo(100,120, 200, 215);

context.quadraticCurveTo(260, 150, 300, 90);

context.quadraticCurveTo(250, 2, 200, 80);

context.quadraticCurveTo(140, 2, 100, 90);

context.stroke();

context.fill();

////////////////////////////////////// end above this line ˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆ

};

</script>

</head>

<body>

</body>

</html>

Getting to know Claire!