LAYOUT&GRID

INTRODUCTION:

This article is said about grid.In our life all things is grid.A grid is a consistent system for placing objects.The grid is the most vivid manifestation of the will to order in graphic design. Units are the basic building block of a grid. They are all uniform. Columns are the grouping of units that create the visual structure of the page. They are not necessary uniform.So in the life all things have grid.And in the graphic design the grid and layout is more important.As one designer we always use the grid and layout.So now I want to show the gird how to use in the design.And I will show what is the grid and what is the layout and my design for grid.

WHAT IS GRID?

Grid is a structure made up of vertical and horizontal lines which is used as a guide line for lay-outing. Designers need grid system as a referencing lines for making there designs more aligned, focused and beautiful for the viewers. A good design will be always the combination of both grid system and lay-outing.Combination of number of vertical and horizontal lines make column. One column of a grid system in a work space is called a unit.

A typographic grid is a two-dimensional structure made up of a series of intersecting vertical and horizontal axes used to structure content. The grid serves as an armature on which a designer can organize text and images in a rational, easy to absorb manner.

Types of Grids:

There is really no limit to the grid layouts that can be created. Common types include equally sized two, three and four-column grids with a header across the top, as well as a full-page grid of squares. From these building blocks, the variation of column widths, borders, page size and other features of the grid will lead to unique page design. When starting a project or even just practicing, try using a grid system to help position the elements of your design on the page.

THE GRID SYSTEM:

The grid system in graphic design is a way of organizing content on a page, using any combination of margins, guides, rows and columns. It is commonly seen in newspaper and magazine layout with columns of text and images. One grid, or a collection of grids, may be used across an entire project to achieve a consistent look and feel. In a finished product, the grid is invisible, but following it helps in creating successful print and web layouts.

WHAT IS GRID SYSTEM

In the late nineteenth century Europe, especially the United Kingdom, began to graphic design in the field of art segmentation.Pete in the late nineteenth century in Europe, especially the United Kingdom, began to graphic design from the split in the field of fine arts . Pete Mondrian is known as the father of graphic design.He is an artist, but he inspired the use of the grid Today, advertising, printing and page layout using modern grid system.

THE EXMAPLE FOR DESIGNER USE THE GRID SYSTEM:

1. The two-dimensional work of art depicted in this image is in the public domain in the United States, either because it was first published in 1922 or earlier, or for the reason described either above or below this message. This photograph of the work is also in the public domain in the United States (see Bridgeman Art Library v. Corel Corp.).

2. From Library of Congress. Courtesy Special Collections, Harold B. Lee Library, Brigham Young University, Provo, UT 84602.
Photograph of a street map of Salt Lake City called Plat of Salt Lake City, Utah. A street map, showing the blocks and divisions of blocks in the downtown Salt Lake City area produced in the late 1860’s by E. Martin, Photographer, East Temple Street, Salt Lake City, Utah Territory.

(Size of this preview: 359 × 599 pixels. Other resolutions: 144 × 240 pixels | 288 × 480 pixels.
Full resolution 645 × 1,076 pixels, file size: 718 KB, MIME type: image/jpg )

GRID SYSTEM USE IN THE LIFE:

Grid systems can be used in everyday life to map out or plan. A farmer may use a grid system map to plan where and what type of vegetables to plant. Many farmers use grid systems in the actual garden made of recyclable materials to prevent land erosion. Landscapers commonly use plastic, grass or concrete grid systems when planning and creating a design. And some of the architectural design need use grid system . From these I can know our life need grid system everywhere .

(Panorama Tulipland)

(Room pattern)

WHAT IS LAYOUT ?

Master plan or blueprint of a printed or published work (such as an advertisement, book, magazine, newspaper, or website) that lays out the arrangement of its different graphic elements (such as body copy, colors, headlines, illustrations, scale). It establishes the overall appearance, relative importance, and relationships between the graphic elements to achieve a smooth flow of information and eye movement for maximum effectiveness or impact. Often alternative layouts are prepared to explore different arrangements before the final layout is made for printing or production.
Layout is the sizing, spacing and aligning of contents in a particular work space. Designers composite and layout a design using grids
Layout belongs to animation special nouns, but also rare in the work, the nature of the work on close to Chinese “composition”, only in some theater version of work may be adopted, such as multi-level design background, make each layer background movement speed is different, can show vivid realism sense of distance.

LAYOUT DEPENDENT ONE THE GIRD ABOUT ADVANTAGE AND DISADVANTAGE:

ADVANTAGE:

The main idea behind grid-based designs is a solid visual and structural balance of web-sites you can create with them. Sophisticated layout structures offer more flexibility and enhance the visual experience of visitors. In fact, users can easier follow the consistency of the page, while developers can update the layout in a well thought-out, consistent way. However, it’s quite hard to find your way through all the theory behind grid systems: it is not easy at all. Some important notions and related key-facts can help to learn basics and keep essential techniques in mind.
Make design tobe simple and have some coordinate can tobe reference.
Make viewer can to cash the important point fast.And understand what you want to express.

DISADVANTAGE:

The main criticism of space grids is their cost, which can be high when compared with alternative structural systems. This is particularly true when space grids are used for short spans. The definition of a short span is very dependent on the system under consideration but less than 20 to 30m can probably be considered short. Often a direct comparison is not made like with like.
Grid size and depth as well as the grid configuration can have considerable influence on the perceived density of the structure.
Make design style have a little same. And make designer can not have more image.

TIME BASED:

A time base is usually a fixed frequency or a fixed period in time used as a comparison against which other frequencies or timed events are calculated. A time base can be established to meet your requirements for purposes of measurement.
Time based meaning likes moving image . it’s a measurement systems to design a grid . this is good for image layout of movie design ,etc . But this is limit for image of detail .

PRINT BASED:

Print based may be magazine format , news paper format , etc . these layout regulation is from company when they need . this is may be like official news need formal , excellent . But no design or more effect in it .

WEB BASED MEDIUMS:

Web based is like all website page can show us format.In China have QQ qzone .In this web you can chang the format what you want. This is a very interesting little design.

THE DESIGNER USE THE GRID:

Bailey, who was 38 in 2009,was born in Yorkshire, the son of a carpenter and a window dresser for Marks and Spencer.He graduated from the Royal College of Art with a Masters degree in 1994 and later received an honorary fellowship from the College in 2004.From 1994 to 1996 he was the Womenswear Designer at Donna Karan and Senior Designer of Womenswear at Gucci in Milan from 1996 to 2001. While in Milan, he met and began dating Geert Cloet, brand designer for Miu Miu. He split his time between his home in Milan and England. In 2004, Cloet was diagnosed with brain cancer. He and Bailey moved to Yorkshire to be near Bailey’s family. Cloet died the next year. He joined Burberry in May 2001 as creative director and became chief creative director in November 2009.Bailey is credited with transforming the fortunes of the company.In 2008, Bailey, alongside Burberry CEO Angela Ahrendts, set up The Burberry Foundation, committed to dedicating global resources to help young people realise their dreams and achieve their goals and potential through their power and creativity. The Burberry Foundation invests in select charities focused on supporting young people in the key cities in regions where the majority of Burberry employees live and work, and where they are able to participate in volunteer roles with Burberry charity partners on the ground.Bailey also oversaw the design and development of the new 160,000-square-foot (15,000 m2) Burberry Global Headquarters at Horse ferry House in London and the newly opened 68,000-square-foot (6,300 m2) Burberry Americas US Headquarters at 444 Madison in New York.

MY DESIGN USE THE GRID:

DESIGN 1:

(This is my design,and the idea is from the China bird’s nest Olympic stadium.I use the tree twig make it look like the bird’s nest.And I do this one show the 3D grid.)

DESIGN CONCEPT:

1. Firstly I think about another idea to make one 3D gird design.The idea is LED.
LED is named Light-emitting diodes.A light-emitting diode is a semiconductor light source. LEDs are used as indicator lamps in many devices and are increasingly used for other lighting. Appearing as practical electronic components in 1962, early LEDs emitted low-intensity red light, but modern versions are available across the visible, ultraviolet, and infrared wavelengths, with very high brightness.
Light-emitting diodes are used in applications as diverse as aviation lighting, automotive lighting, advertising, general lighting, and traffic signals. LEDs have allowed new text, video displays, and sensors to be developed, while their high switching rates are also useful in advanced communications technology. Infrared LEDs are also used in the remote control units of many commercial products including televisions, DVD players and other domestic appliances. LEDs are also used in seven-segment display.

I want to use a paper to make some little stars.And I want to scale design in white board and paper stars spell pattern sticking out.Make one 3D grid model.But next I cancel this idea.Because this idea do not have new meaning.Just let the LED move on the paper.So we become invalid this idea.

2.Next I look the tree twig and think about the bird’s nest next I think the China’s Olympic stadium.Beijing National Stadium, officially the National Stadium, also known as the bird’s’ Nest (鸟巢 Niǎocháo), is a stadium in Beijing, China. The stadium was designed for use throughout the 2008 Summer Olympics and Paralympics.

The national stadium is located in the central position of the Olympic park buildings, terrain slightly uplift. It’s like a giant container. Ups and downs of the fluctuation of base eased of container size, appearance and gave its dramatic arc. The appearance of the stadium is purely structure, elevation and structure is the same. Between the various structural elements support each other and converge into a grid shape – like a woven from the branches of the bird’s nest. To meet Olympic Games stadium all the functional and technical requirements at the same time, the design has not been the affinity of too much emphasis on construction technology of large span structure dominated and digital screens. Stadium the space effect of the new radical, but concise and simple, which created the unprecedented alone for the 2008 Olympics landmarks.

DESIGN 2:

(This picture is I take the photo for my design.And I choose this picture is because this grid can see the line clearly.Also can see the grid clearly.So I choose this picture.)

(This picture is I use Illustrator draw the line ,show the grid use the red line.I use the red colour is because the red is conspicuous and auspicious.)

This is I do the second design,I print the picture and cat it next make it like this picture.I do this is want to see the grid how to change.

This is the wall show our work, and I make the picture become big.

DESIGN 3:

SKETCHES:

(This is  I do the sketch.)

(This is Frank draw the sketch.And we choose the NO.2  )

(This is we do the little model. And this we doing process. )

(finally work).

This our group work,we firstly do a small one to see the effect.

This our do the big one one the wall.We use the coloured ribbon.Show another grid.

GD TASK 3

This task is want us to do a board game. Firstly we think up 10 childhood games and choose 1 to change it more interesting. And I choose one game what I like to play in my childhood. It named ERASER PK.It rule is :Two people use this game board .And one peolpe have one eraser. I people go first, and when one eraser press other people”s eraser.The top eraser win. And who win who can  have another player’s earser.

This game named COIN WAR,firstly it named COIN P.K.,but my teacher can not understand what is P.K..So I change the name.

NOW, I will show my game :

Fistly you must know the game rule.

This is my game packaging.

This is the game boara and the coin and CD and colour card.Finaly I choose cloth. Because it is not easy to broken the game board.

COIN

CD:use to introduction the game rule by stop motion.

DRAFT:

This is I do the first game.And this game rule is:

Two people use this game board .And one peolpe have one eraser. I people go

first, and when one eraser press other people”s eraser.The top eraser win.

In this process,when your eraser go on one colour ,you need to do the

activity what write on this colour.And in this board have 4 colour

check,jail and park .When you go on line in the 4 color cross place, you

need to draw out one color card decision you made the avtivity in what

colour check. When you come to color check near the parking lot or jail

cross place you have to stop a round.

But  I cancle it fast.Because I think it is not very intrersting and I find a interesting idea.

This is my new idea game board. But this is the fist one.It is very simple.

So,I do the second one.My friend said it is very beautiful.Use the black colour make the texture easy to see, but it is a mistake.I need make the colour easy to see. Because when you drop down ,you need to see your coin drop on what colour.And draw out one colour card.

This is my finaly game bord pattern.

That is my game colour card.I do twice,firstly I do twice  next I choose the dragon,tiger,rosefinch and tortoise.They are the four great spirit beast guarding the four directions.In ancient times the dragon guarded the east, tiger guarded the west, rosefinch guarded the north, tortoise guarded the south.

This is the first  packaging.And I use a little plastic drum.It make this game cheap.So I cancle it.

This is the final packaging.

Sketching:

MIND MAP:

GD.TASK 2

Malika Favre is a French designer, and his design studio set up in London. His illustrations are mostly based on the simple graphics and a small amount of color to form a very creative works. Let us understand the simple illustration is his charm!

• MY WORK:

Have two sky.
1.Dirty- is a gray sky.and the clouds is also gray.
2.clean-is a blue sky have sunshine

I use earth. And give it a sad face. And in the picture right said .I add one tap. It just drop one water drop. I want people do not make the last water drop to be your tear.

Wolfgang Weingart is an internationally acclaimed Swiss graphic designer and typographer best known to be the father of Swiss Punk typography. He was a dedicated educator as well spreading the typography style of the Swiss whose works in typography gained him to be awarded by Swiss Federal Minister Mark of Excellence and a Doctor of Fine Arts honorary title.
Wolfgang Weingart’s Works:

• MY WORK:

Just use one typograph to show the topic, and the activity time.

 

Milton Glaser
Milton Glaser (born June 26, 1929, in New York City) is an American graphic designer, best known for the I ? NY logo,his Bob Dylan poster, the DC bullet logo used by DC Comics from 1977 to 2005, and the Brooklyn Brewery logo.He also founded New York Magazine with Clay Felker in 1968.Milton Glaser’s Works:

• MY WORK:

I use some pattern to show some massage. And I do like picture to express hate and sad.

Use some pattern to show some massage.

Noma Bar：The perfect fusion of positive and negative space, you have me, I have your wonderful illustrator!

Graphic designer Noma Bar works:

• MY WORK:

I draw a rabbit and make it eyes tobe a $. To show in the eyes just have money. This mean want people do not because money to kill the animals. And I give this picture name greedy kills.

I choose use the seadog to make a fashion hair. And add one fashion face. But the hair is not black or other clour is red. Like the blood. That is show the fashion victim.

John Henry Alvin was an American graphic designer best known for illustrating many of the world’s famous film posters with his Alvinesque style in designing. His skills and talent allowed him to create artwork campaigns for more than 135 cinemas.

• MY WORK:

This activity is from WWF, and said people in March last Saturday 20:30 to 21:30, turn off the lights one hour to save electricity . And there have a little cat,I want to mean everybody need to protect the environment

Because in the sky have the animal is bird. Industrial pollution is some industrial to let the air be bad, and sometimes let some toxic air. So the bird trill die. I show the dark sky and the bird drop down, to show the industrial pollution.

Battery have some element. And it is can not decay if the battery in the underground, and the source of water will be poisonous water.

MIND MAP:

GD.TASK 1

WEEK 1

Grid system :

I. 

In the late nineteenth century Europe, especially the United Kingdom, began to graphic design in the field of art segmentation.Pete in the late nineteenth century in Europe, especially the United Kingdom, began to graphic design from the split in the field of fine arts . Pete Mondrian is known as the father of graphic design.He is an artist, but he inspired the use of the grid Today, advertising, printing and page layout using modern grid system.

II. 

GRiD Systems Corporation was founded in January, 1979 by John Ellenby, who left his job at Xerox Parc and joined Glenn Edens, Dave Paulsen and Bill Moggridge to form one of Silicon Valley’s first stealth

companies. The company went public in March 1981.

The “GRiD” name with the unusual lowercase “i” in the middle was the result of discussion between John Ellenby, Glenn Edens and John Ellenby’s wife, Gillian Ellenby, who pushed for the final choice. The lowercase “i” was a note of thanks to Intel for helping in the early days

GRiD developed and released several pioneering ideas:

• First Portable computer. Marketed almost exclusively to CEO’s
• The GRiD Compass 1100, the first clamshell laptop computer
• Patented the “clamshell” laptop design
• First portable to use non-volatile bubble-memory
• GRiD-OS was a multi-tasking text user interface and operating system
• First use of electro-luminescent displays in a portable
• First use of magnesium for the case
• First use of the Intel 8086 and 8087 floating-point co-processor in a commercial product.
• Pioneered the concept of a “bus” for connecting peripherals (using GPIB)
• First computer that included a fully functional telephone and telephone handset
• The first commercially available tablet-type portable computer was the GRiDPad, released in September 1989. Its operating system was based on MS-DOS.
• A GRiD Comass 1101 was the first laptop in space. Required special modification to add a fan to pull air through the case. Subsequently a GRiD 1530 flew on STS-29 in March 1989.
• OldComputers.net called the 1982 GRiD Compass 1101 the “grand-daddy of all present-day laptop computers”. It had 256k RAM, an 8086, 320×240 screen, and 384k of internal ‘bubble memory’ that held data with power off.

In 1988, Tandy Corporation purchased GRiD.

Edens co-founded Waveform Corp and in 2003 joined the board of F5 Networks Inc.

John Ellenby went on to co-found the companies Agilis and Augmented Reality pioneer GeoVector

[From Wikipedia]

III.

1.  The grid plan dates from antiquity and originated in multiple cultures; some of the earliest planned cities were built using grid plans.
2. By 2600 BC, Mohenjo-daro and Harappa, major cities of the Indus Valley Civilization (present day Pakistan), were built with blocks divided by a grid of straight streets, running north-south and east-west. Each block was subdivided by small lanes. The cities and monasteries (e.g. Julian, Takht Bahi etc.) of “Taxila Civilization” or “Ghandhara Civilization” (in modern day Pakistan) dating back to 1st millennium BCE to the 11th century CE, also had grid-based design. Islamabad, the capital of Pakistan, since 1959, was also founded on the grid-plan of the near-by Taxila ruined city of “Sirkhap”.
3. A workers’ village at Giza, Egypt (2570-2500 BC) housed a rotating labor force and was laid out in blocks of long galleries separated by streets in a formal grid. Many pyramid-cult cities used a common orientation: a north-south axis from the royal palace and an east-west axis from the temple meeting at a central plaza where King and God merged and crossed.
4. Hammurabi (17th century BC) was a king of the Babylonian Empire who made Babylon one of the greatest metropolises in antiquity. He rebuilt Babylon, building and restoring temples, city walls, public buildings, and building canals for irrigation. The streets of Babylon were wide and straight, intersected approximately at right angles, and were paved with bricks and bitumen.
5. The tradition of grid plans is continuous in China from the 15th century BC onward in the traditional urban planning of various ancient Chinese states. Guidelines put into written form in the Kaogongji during the Spring and Autumn Period (770-476 BC) stated: “a capital city should be square on plan. Three gates on each side of the perimeter lead into the nine main streets that crisscross the city and define its grid-pattern. And for its layout the city should have the Royal Court situated in the south, the Marketplace in the north, the Imperial Ancestral Temple in the east and the Altar to the Gods of Land and Grain in the west.”
6. Teotihuacan, near modern-day Mexico City, is the largest ancient grid-plan site in the Americas. The city’s grid covered eight square miles.

IV.

The two-dimensional work of art depicted in this image is in the public domain in the United States, either because it was first published in 1922 or earlier, or for the reason described either above or below this message. This photograph of the work is also in the public domain in the United States (see Bridgeman Art Library v. Corel Corp.).

V.

From Library of Congress. Courtesy Special Collections, Harold B. Lee Library, Brigham Young University, Provo, UT 84602.

Photograph of a street map of Salt Lake City called Plat of Salt Lake City, Utah. A street map, showing the blocks and divisions of blocks in the downtown Salt Lake City area produced in the late 1860’s by E. Martin, Photographer, East Temple Street, Salt Lake City, Utah Territory.

Size of this preview: 359 × 599 pixels. Other resolutions: 144 × 240 pixels | 288 × 480 pixels.

Full resolution ‎(645 × 1,076 pixels, file size: 718 KB, MIME type: image/jpeg)

WHAT I DO:

I choose the song named Flight of the Bumble Bee, this song is make people feel nervous and make people feel have many bees fly whih you ,make you feel a litte afraid.So I do this picture:

GRAPHICA DESIGN 1

• WEEK 2

I N T R O D U C T I O N  T O  G R A P H I C D E S I G N

• WEEK 3

• WEEK 4

• WEEK 5

• INTRODUCTION:

This is my board game.It name is MAZE. It is a intreseting and  intellectual game. It can 3 and more people play. But whatever how much people play it .Must have one people control this game.

Now I will tell this game’s rule:   In this game have a map , in the map have a storage. The storage is use to change things. If the hold people give a thing is not you want, you can put it in storage , and next you can change the thing in your hand.

In this game also have little leaf ,big leaf ,tree ,hut ,house ,pyramid ,pagoda ,rinbow ,bomb ,stone and cat.Anything is three thing equal to another thing.For example ,three leaves equal to a big leaf, so on.But, four pyramids equal to a pagoda. The rinbow can combining two and more same but not together things become one thing up than it.The bomb blow off one thing. That is all.

• WEEK 6

• WEEK 7

• WEEK 8

I find the crimes is the office for hotle in collage. In office worker is very lazy .Just have one lady everytime no simle for Chinese student. And one day make me get angry. I think the lady everyday have more pressure .Because  I don’t her smile .And her face make people feel sick. Nobody want to see another people everyday unhappy.

Next I will be sorry for everybody. Befor days I because something in my friends unhappy more days. Maybe influence other friends in studio.So I think very sorry about anyone.

• WEEK 9

• WEEK 10

We do a movie use the plasticine , we use it do some little chicken. And use camera take many photoes then use flash do it .It name is where is the chicken.Other things what you know I think you can see the little movie.