1 of 45

Slide Notes

DownloadGo Live

unit2 design portfolio

Published on Nov 18, 2015

No Description

PRESENTATION OUTLINE

DESIGN PORTFOLIO WEEK1

  2014/6/1-6/  Natsu Endo
Photo by JoePhilipson

Categories of shapes

Kumamoto, Wayne. N.p.: n.p., n.d. Unit Two, “Poster Design”. Web. 5 June 2014. .
Photo by clickykbd

geometric shapes

Geometric Shapes
- Circles, Squares, rectangles, and triangles.
We see them in architecture and manufactured items.

Geometric Shapes. N.d. Web. 5 June 2014. .

Untitled Slide

Organic Shapes
- Leaves, seashells, and flowers are organic shapes.
We see them in nature and they have free flowing, informal and irregular characteristics.

Organic Shapes. N.d. Web. 5 June 2014. .

positive shapes

In this case black plane is a positive shape.
Positive Shapes - In a drawing or painting, positive shapes are the solid forms (positive space) in a design such as a bowl of fruit.
In a sculpture, positive shapes are solid areas of the sculpture that remain after removing portions of the sculpture.

Positive Shape. N.d. Web. 5 June 2014. .

negative shapes

In this case, black part is negative shapes.
Negative Shapes
- In a drawing or painting, the space around the positive shape is negative space.
Negative space can form a shape when it meets a positive shape.
Negative space can include the sky or spaces between objects.
In sculpture, the negative space is the portion that is removed from a sculpture.

Negative Shape. N.d. Web. 5 June 2014. .

Jon Ive's shape

Jonathan Ive. N.d. Web. 8 June 2014. .

Categolies of shape

iMac
IMac. N.d. Macファンに嬉しいiMac G3風iPhoneのコンセプト画像が登場! スケルトンでカラフル. Web. 2 June 2014. .

iPhone

IPhone. N.d. The IPhone 6 and the IPhone 6c… What We NEED to See!! Web. 2 June 2014. .

iPad

Ipad. N.d. IOS7.0.x~のiPadを脱獄する方法. Web. 4 June 2014. .

Apple shape

Square but able to feel roundness
iMac, iPhone and iPad were designed by Jonathan Ive. I think all of apple product have same kind of shape. I call that apple shape. It's square but we can feel roundness from the products. Because its edge aren round. iPod nano is complete square but touch panel is circle. It makes us to think apple products are stylish, cool and also easy to handle.

Characteristic of line

Kumamoto, Wayne. N.p.: n.p., n.d. Unit Two, “Poster Design”. Web. 5 June 2014. .

Untitled Slide

Untitled Slide

Untitled Slide

Untitled Slide

Untitled Slide

Untitled Slide

types of line

Kumamoto, Wayne. N.p.: n.p., n.d. Unit Two, “Poster Design”. Web. 5 June 2014. .
Photo by pfarrell95

outlines

Outlines - Lines made by the edge of an object or its silhouette.

Outlines. N.d. Web. 8 June 2014. .

Contour lines

Contour Lines- Lines that describe the shape of an object and the interior detail.

This picture describes height of the mountain. As you see the mountain from the sky, this picture drawed 280m line where an altitude of 280m. We can know how steep this mountain is.

Contour Lines. N.d. Web. 8 June 2014. .

Gesture lines

Gesture Lines- Lines that are energetic and catch the movement and gestures of an active figure.

Gesture Lines. N.d. Web. 8 June 2014. .

sketch lines

Sketch Lines- Lines that captures the appearance of an object or impression of a place.

Sketch Lines. N.d. Web. 8 June 2014. .

Calligraphic lines

Calligraphic Lines- Greek word meaning "beautiful writing." Precise, elegant handwriting or lettering done by hand. Also artwork that has flowing lines like an elegant handwriting.

Calligraphic Lines. N.d. Web. 8 June 2014. .

implied lines

Implied Line- Lines not actually drawn but created by a group of objects seen from a distance. Implied line is the direction an object is pointing to, or the direction a person is looking at.

Horse Implied Lines. N.d. Web. 8 June 2014. .

SUsan kare's line

Susan Kare is a graphic designer who made font, command key and icon of first macintosh in 1983.

"Mac/Windowsユーザーが共によく知るアイコン・フォントのデザイナーによる本『Susan Kare ICONS Book』 | トブ IPhone." Mac/Windowsユーザーが共によく知るアイコン・フォントのデザイナーによる本『Susan Kare ICONS Book』 | トブ IPhone. N.p., 29 Nov. 2011. Web. 08 June 2014. .

Untitled Slide

Those are icons she made. At this time, we cannot make smooth line on screen. So, designer was asked for to create useful icon with not smooth line.

Untitled Slide

Those are the fonts that Susan made. I think Monaco and Chicago is famous. She made many kind of fonts. Los Angeles is similar to handwriting. But Athens is mechanical like lettering we did in art class last year. She used long, short, sharp, thin, thick and curving line effectively to make fonts.

"Susan Kare User Interface Graphics Portfolio Page 4." Susan Kare User Interface Graphics Portfolio Page 4. N.p., n.d. Web. 08 June 2014. .

Color

Kumamoto, Wayne. N.p.: n.p., n.d. Unit Two, “Poster Design”. Web. 5 June 2014. .
Photo by wili_hybrid

Prism

color comes from light; if it were not for light, we would have no color.
Light rays move in a straight path from a light source.
Within this light, rays include all of the colors in the spectrum or rainbow.
Shining a light into a prism will create a rainbow of colors because it separates the color of the spectrum.

Feature Prism. N.p., n.d. Web. 10 June 2014. .

Pigments

When the light rays hit an object, our eyes respond to the rays that are reflected back and we see only the reflected color(s).
For example, a red ball reflects all the red light rays.
As Designers or Artists, we use pigments in the form of powder or liquid paints to create color.

Pigment-red. N.d. Web. 10 June 2014. .

Categories of color

Kumamoto, Wayne. N.p.: n.p., n.d. Unit Two, “Poster Design”. Web. 5 June 2014. .
Photo by Julien Haler

primary colors

Primary colors - Red, Yellow, and Blue.
These colors cannot be mixed and must be bought in some form.

Sgo Power Point. N.d. Web. 10 June 2014. .

secondary colors

Secondary colors - Orange, Violet, and Green.
These colors are created by mixing two primary colors.

"Secondary Flower." N.p., n.d. Web. 10 June 2014. .

intermediate colors

Intermediate colors - Red Orange, Yellow Green, Blue Violet, etc.;
mixing a primary with a secondary creates these colors.

Tertiary. N.d. Web. 10 June 2014. .

Complementary colors

Complementary colors - colors that are opposite each other on the color wheel.
When placed next to each other they look bright and when mixed together they neutralize each other.

Side621. N.d. Web. 12 June 2014. .

Color harmonies

Photo by Vermin Inc

analogous colors

Analogous colors are colors that are next to each other on the color wheel.
Examples include red, red orange, and orange.

001 Analogous. N.d. Web. 12 June 2014. .

triadic harmonies

Triadic Harmonies are three equally spaced colors on the color wheel.
For example, yellow, Red, and Blue are a triadic harmony color scheme.

http://art.wmmhs.org/marrero/art1/colored_pencil/triadic_hand_c_gross.jpg

monochromatic

Monochromatic is one color used with different values and intensity.
For example, light brown, brown and dark brown are monochromatic colors.

Mac, Neil. Monochromatic Art. 2012. What Is Monochromatic Art? Web. 12 June 2014. .

warm colors

Warm colors are on one section of the color wheel and give the feeling of warmth.
For example, red, orange, and yellow are the colors of fire and look warm.

Summer Warm Colors. N.d. Web. 12 June 2014. .

Cool colors

Cool colors are on the other side of the color wheel from the warm colors. They give the feeling of coolness.

Cool Image. N.d. Web. 12 June 2014. .

raiph lauren's color

Ralph Lauren is a fashion designer who made him own brand. It's famous for polo shirt and lots of students in Tamagawa wear this brand.

Ralph Lauren Photo. N.d. Web. 14 June 2014. .

Untitled Slide

Those are fashion for junior. I want to you to look at polo shirts. All of them have horse logo on it.

Ralph Lauren for Kids. N.d. Web. 15 June 2014. .

Untitled Slide

I think logo and base color use complementary colors. Or light color vs dark color. I think because they want to emphasize logo mark.

Men's Polo Shirts. N.d. Web. 15 June 2014. .